]> git.ipfire.org Git - ipfire.org.git/blobdiff - templates/fireinfo/stats-network.html
Huge update for fireinfo, introducting talk and nopaste
[ipfire.org.git] / templates / fireinfo / stats-network.html
index ff98f55f59e90dda03c66a4216048ba46ce427c0..4489ddb149b03b810cfb2d6914cf9f234aac2d55 100644 (file)
@@ -1,25 +1,34 @@
-{% 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 %}