people: Update design of groups page

[ipfire.org.git] / src / templates / mirrors / mirror.html

{% extends "../base.html" %}

{% block title %}{{ _("Mirror %s") % mirror }}{% end block %}

{% block content %}
	<section>
		<div class="container">
			<h1 class="mb-0">{{ mirror }}</h1>

			{% if mirror.owner %}
				<p>{{ _("by %s") % mirror.owner }}</p>
			{% end %}
		</div>
	</section>

	<div class="row justify-content-center">
		<div class="col-12 col-md-6">
			<div class="card mb-4">
				{# <div class="card-img-top">
					{% module Map() %}
				</div> #}

				<div class="card-body">
					<dl class="mb-0">
						{% if mirror.asn %}
							<dt>{{ _("Autonomous System") }}</dt>
							<dd>{{ mirror.address.autonomous_system or "AS%s" % mirror.asn }}</dd>
						{% end %}

						<dt>{{ _("Country") }}</dt>
						<dd>{{ mirror.country.name }}</dd>
					</dl>
				</div>

				<ul class="list-group list-group-flush">
					{% if mirror.state == "UP" %}
						<li class="list-group-item list-group-item-success flex-column align-items-start">
							<p class="mb-1">{{ _("The mirror is up") }}</p>

							<small class="text-muted">
								{{ _("Last updated %s") % locale.format_date(mirror.last_update) }}
							</small>
						</li>
					{% elif mirror.state == "DOWN" %}
						<li class="list-group-item list-group-item-danger flex-column align-items-start">
							<p class="mb-1">{{ _("The mirror is down") }}</p>

							<small class="text-muted">
								{{ _("Last updated %s") % locale.format_date(mirror.last_update) }}
							</small>
						</li>
					{% elif mirror.state == "OUTOFSYNC" %}
						<li class="list-group-item list-group-item-warning flex-column align-items-start">
							<p class="mb-1">{{ _("The mirror is out of sync") }}</p>

							<small class="text-muted">
								{{ _("Last updated %s") % locale.format_date(mirror.last_update) }}
							</small>
						</li>
					{% end %}
				</ul>
			</div>

			<a class="btn btn-primary btn-block" href="{{ mirror.url }}">
				{{ _("Browse Mirror") }} <span class="fas fa-external-link-alt ml-2"></span>
			</a>
		</div>
	</div>
{% end block %}