fireinfo: Update design of vendor pages

[ipfire.org.git] / src / templates / fireinfo / profile.html

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

{% block title %}{{ _("Profile %s") % profile.public_id }}{% end block %}

{% block body %}
	<section>
		<div class="container">
			<div class="row">
				<div class="col col-lg-8 offset-lg-1">
					<h1 class="display-2 mb-0">{{ _("Profile") }}</h1>
					<h5>{{ profile.public_id }}</h5>
				</div>
			</div>
		</div>
	</section>

	<div class="container">
		<div class="row justify-content-center">
			<div class="col-12 col-lg-10">
				{% if profile.appliance_id %}
					<div class="card mb-3">
						<div class="card-body">
							<div class="row">
								<div class="col-12 col-sm-7">
									<small>{{ _("This is a") }}</small>
									<h5 class="card-title text-lwl">{{ profile.appliance }}</h5>
								</div>

								<div class="col-12 col-sm-5 d-flex align-items-center">
									<a class="btn btn-lwl btn-block text-truncate" href="https://www.lightningwirelabs.com">
										{{ _("Go to Lightning Wire Labs") }} <span class="fas fa-external-link-alt ml-2"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
				{% end %}

				<div class="card mb-5">
					<div class="card-body">
						<div class="row">
							<div class="col-12 col-sm-8 mb-4">
								<h5 class="card-title mb-0">
									{{ _("Running %s") % profile.release }}
								</h5>

								<small class="text-muted">
									{{ _("Last update %s") % locale.format_date(profile.time_updated) }}
								</small>
							</div>

							<div class="col-12 col-sm-4 text-center text-sm-right mb-4">
								{% for zone in profile.network %}
									{% if zone == "red" %}
										<span class="badge badge-danger">{{ _("RED") }}</span>
									{% elif zone == "green" %}
										<span class="badge badge-success">{{ _("GREEN") }}</span>
									{% elif zone == "orange" %}
										<span class="badge badge-warning">{{ _("ORANGE") }}</span>
									{% elif zone == "blue" %}
										<span class="badge badge-info">{{ _("BLUE") }}</span>
									{% end %}
								{% end %}
							</div>
						</div>

						<dl class="row mb-0">
							{% if profile.virtual %}
								<dt class="col-sm-3">{{ _("Hypervisor") }}</dt>
								<dd class="col-sm-9">
									{% if profile.hypervisor == "VMWare" %}
										{{ _("VMware") }}
									{% elif profile.hypervisor is None %}
										{{ _("Unknown") }}
									{% else %}
										{{ profile.hypervisor }}
									{% end %}
								</dd>
							{% elif not profile.appliance_id and profile.system %}
								<dt class="col-sm-3">{{ _("System") }}</dt>
								<dd class="col-sm-9">
									{% if profile.system_vendor %}
										{{ profile.system_vendor }}
									{% end %}

									{% if profile.system_vendor and profile.system_model %}
										&dash;
									{% end %}

									{% if profile.system_model %}
										{{ profile.system_model }}
									{% end %}
								</dd>
							{% end %}

							{% if profile.processor %}
								<dt class="col-sm-3">{{ _("Processor") }}</dt>
								<dd class="col-sm-9">
									<p class="card-text mb-0">{{ profile.processor }}</p>

									<ul class="list-inline mb-0">
										{% for cap, available in profile.processor.capabilities %}
											<li class="list-inline-item">
												<span class="badge {% if available %}badge-success{% else %}badge-light{% end %}">
													{% if cap == "64bit" %}
														{{ _("64 bit") }}
													{% elif cap == "aes" %}
														{{ _("AES-NI") }}
													{% elif cap == "nx" %}
														{{ _("NX") }}
													{% elif cap == "pae" %}
														{{ _("PAE") }}
													{% elif cap == "rdrand" %}
														{{ _("RDRAND") }}
													{% elif cap == "virt" %}
														{{ _("VT-x/AMD-V") }}
													{% end %}
												</span>
											</li>
										{% end %}
									</ul>
								</dd>
							{% end %}

							{% if profile.memory %}
								<dt class="col-md-3">{{ _("Memory") }}</dt>
								<dd class="col-md-9">
									{{ format_size(profile.memory) }}
								</dd>
							{% end %}

							{% if profile.storage %}
								<dt class="col-md-3">{{ _("Storage") }}</dt>
								<dd class="col-md-9">
									{{ format_size(profile.storage) }}
								</dd>
							{% end %}

							{% if profile.location %}
								<dt class="col-md-3">{{ _("Location") }}</dt>
								<dd class="col-md-9">
									{{ profile.location_string }}
								</dd>
							{% end %}

							{% if profile.language %}
								<dt class="col-md-3">{{ _("Language") }}</dt>
								<dd class="col-md-9">
									{% module LanguageName(profile.language) %}
								</dd>
							{% end %}
						</dl>
					</div>

					{% if profile.devices %}
						{% module FireinfoDeviceTable([d for d in profile.devices if d.is_showable()], embedded=True) %}
					{% end %}
				</div>

				<h5>{{ _("Signature images") }}</h5>

				<ul class="list-unstyled">
					{% for i in range(1) %}
						<li class="list-inline-item">
							<!-- XXX need some bbcode here -->
							<a href="//i-use.ipfire.org/profile/{{ profile.public_id }}/{{ i }}.png">
								<img class="img-fluid" src="//i-use.ipfire.org/profile/{{ profile.public_id }}/{{ i }}.png"
									alt="{{ _("Signature image") }}" />
							</a>
						</li>
					{% end %}
				</ul>
			</div>
		</div>
	</div>
{% end block %}