FreedomBox/plinth/modules/wireguard/templates/wireguard_show_server.html
Sunil Mohan Adapa fef8da230f
ui: Adopt a consistent and new table style
Rows in bootstrap 4 tables are taller by default. This is better suited for
mobile layouts and look prettier on desktops too. Adopting this approach instead
of condensed tables eliminates the need for striping, bordering and narrower
tables.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
2020-12-19 11:26:33 +02:00

79 lines
2.2 KiB
HTML

{% extends "base.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load i18n %}
{% block content %}
{% for peer in server.peers.values %}
{% if forloop.first %}
<h3>{{ title }}</h3>
<p>
{% blocktrans trimmed %}
{{ box_name }} will attempt to reach a WireGuard server with the
following information. Ensure that the server is configured to allow
{{ box_name }}'s public key and IP address.
{% endblocktrans %}
</p>
<table class="table">
<tbody>
<tr>
<th>{% trans "Server endpoint:" %}</th>
<td>{{ peer.endpoint }}</td>
</tr>
<tr>
<th>{% trans "Server public key:" %}</th>
<td>{{ peer.public_key }}</td>
</tr>
<tr>
<th>{% trans "Pre-shared key:" %}</th>
<td>{{ peer.preshared_key }}</td>
</tr>
<tr>
<th>{% trans "Public key of this machine:" %}</th>
<td>{{ server.public_key }}</td>
</tr>
<tr>
<th>{% trans "IP address of this machine:" %}</th>
<td>{{ server.ip_address }}</td>
</tr>
</tbody>
</table>
<h3>{% trans "Status" %}</h3>
<table class="table">
<tbody>
<tr>
<th>{% trans "Data transmitted:" %}</th>
<td>{{ peer.status.transfer_tx|filesizeformat }}</td>
</tr>
<tr>
<th>{% trans "Data received:" %}</th>
<td>{{ peer.status.transfer_rx|filesizeformat }}</td>
</tr>
<tr>
<th>{% trans "Latest handshake:" %}</th>
<td>{{ peer.status.latest_handshake|default:'' }}</td>
</tr>
</tbody>
</table>
{% endif %}
{% endfor %}
<p>
<a class="btn btn-default"
href="{% url 'wireguard:edit-server' interface %}">
<span class="fa fa-pencil-square-o" aria-hidden="true"></span>
{% trans "Edit" %}
</a>
<a class="btn btn-default"
href="{% url 'wireguard:delete-server' interface %}">
<span class="fa fa-trash-o" aria-hidden="true"></span>
{% trans "Delete" %}
</a>
</p>
{% endblock %}