-{% extends "base.html" %}
+{% extends "../base.html" %}
-{% block title %}{{ _("Network") }}{% end block %}
+{% block title %}{{ _("Networking") }}{% end block %}
{% block body %}
<div class="page-header">
<h1>{{ _("Network configuration") }}</h1>
</div>
- <div class="row">
- <div class="col-lg-12 col-md-12">
- {% if lang == "de" %}
- <p>
- Diese Grafik zeigt uns die beliebteste Netzwerkkonfiguration.
- </p>
- {% else %}
- <p>
- This chart shows us which is the most favourite network configuration.
- </p>
- {% end %}
- {% module StasyTable(network_zones, sortby="percentage", percentage=True) %}
- </div>
- </div>
+ {% if lang == "de" %}
+ <p>
+ Diese Grafik zeigt uns die beliebteste Netzwerkkonfiguration.
+ </p>
+ {% else %}
+ <p>
+ This chart shows us which is the most favourite network configuration.
+ </p>
+ {% end %}
+
+ <dl class="dl-horizontal">
+ <dt>{{ _("RED") }}</dt>
+ <dd>{% module ProgressBar(network.has_red) %}</dd>
+
+ <dt>{{ _("GREEN") }}</dt>
+ <dd>{% module ProgressBar(network.has_green) %}</dd>
+
+ <dt>{{ _("ORANGE") }}</dt>
+ <dd>{% module ProgressBar(network.has_orange) %}</dd>
+
+ <dt>{{ _("BLUE") }}</dt>
+ <dd>{% module ProgressBar(network.has_blue) %}</dd>
+ </dl>
{% end block %}