mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-07-08 11:40:25 +00:00
fef8da230f
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>
106 lines
2.5 KiB
HTML
106 lines
2.5 KiB
HTML
{% extends "app.html" %}
|
|
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load bootstrap %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
{% block status %}
|
|
{% if config_running %}
|
|
<h3>{% trans "Status" %}</h3>
|
|
|
|
<p class="running-status-parent">
|
|
<span class="running-status loading"></span>
|
|
{% trans "Tor configuration is being updated" %}
|
|
</p>
|
|
{% else %}
|
|
{{ block.super }}
|
|
|
|
{% if status.hs_enabled %}
|
|
<table class="table tor-hs">
|
|
<thead>
|
|
<tr>
|
|
<th>{% trans "Onion Service" %}</th>
|
|
<th>{% trans "Status" %}</th>
|
|
<th>{% trans "Ports" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="tor-hs-hostname">{{ status.hs_hostname }}</td>
|
|
<td class="tor-hs-status">{{ status.hs_status }}</td>
|
|
<td class="tor-hs-services">
|
|
{{ status.hs_services|join:', ' }}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block internal_zone %}
|
|
{% if not config_running %}
|
|
{{ block.super }}
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block configuration %}
|
|
|
|
{% if not config_running %}
|
|
|
|
{{ block.super }}
|
|
|
|
{% if status.relay_enabled %}
|
|
<h3>{% trans "Relay" %}</h3>
|
|
<p>
|
|
{% blocktrans trimmed %}
|
|
If your {{ box_name }} is behind a router or firewall, you should
|
|
make sure the following ports are open, and port-forwarded, if
|
|
necessary:
|
|
{% endblocktrans %}
|
|
</p>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<table class="table tor-relay-ports">
|
|
<thead>
|
|
<tr>
|
|
<th>{% trans "Service" %}</th>
|
|
<th>{% trans "Port" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for name, port in status.ports.items %}
|
|
<tr>
|
|
<td class="tor-relay-port-name">{{ name }}</td>
|
|
<td class="tor-relay-port-number">{{ port }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<h3>{% trans "SOCKS" %}</h3>
|
|
|
|
<p>
|
|
{% blocktrans trimmed %}
|
|
A Tor SOCKS port is available on your {{ box_name }} on TCP port
|
|
9050.
|
|
{% endblocktrans %}
|
|
</p>
|
|
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block page_js %}
|
|
|
|
<script type="text/javascript" src="{% static 'tor/tor.js' %}"></script>
|
|
|
|
{% endblock %}
|