|
|
@@ -1,49 +1,50 @@
|
|
|
{% extends "base.html" %}
|
|
|
{% load static %}
|
|
|
-{% block head %}<meta name="nonfiction" content="true">{% endblock %}
|
|
|
+{% block head %}
|
|
|
+ <meta name="nonfiction" content="true">
|
|
|
+ <script type="text/javascript" src="{% static "javascript/loader.js" %}"></script>
|
|
|
+{% endblock %}
|
|
|
{% block title %}Networks{% endblock %}
|
|
|
{% block description %}Configred networks{% endblock %}
|
|
|
{% block keywords %}irc networks{% endblock %}
|
|
|
{% block keywords-not %}{% endblock %}
|
|
|
{% block content %}
|
|
|
- <article class="ui container">
|
|
|
-
|
|
|
- <section class="ui text container">
|
|
|
- <div class="ui four statistics">
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="sitemap icon"></i> {{ networks|length }}
|
|
|
- </div>
|
|
|
- <div class="label">
|
|
|
- Networks
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="hashtag icon"></i> {{ channels|length }}
|
|
|
- </div>
|
|
|
- <div class="label">
|
|
|
- Channels
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="users icon"></i> {{ users|length }}
|
|
|
+ <article class="ui text container">
|
|
|
+ <header class="ui four statistics">
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="sitemap icon"></i> {{ networks|length }}
|
|
|
+ </div>
|
|
|
+ <div class="label">
|
|
|
+ Networks
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="label">
|
|
|
- Users
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="hashtag icon"></i> {{ channels|length }}
|
|
|
+ </div>
|
|
|
+ <div class="label">
|
|
|
+ Channels
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="comments outline icon"></i> {{ messages|length }}
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="users icon"></i> {{ users|length }}
|
|
|
+ </div>
|
|
|
+ <div class="label">
|
|
|
+ Users
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="label">
|
|
|
- Messages
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="comments outline icon"></i> {{ totalmessages }}
|
|
|
+ </div>
|
|
|
+ <div class="label">
|
|
|
+ Messages
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ui celled selection link list">
|
|
|
+ </header>
|
|
|
+ <section class="ui celled selection link list">
|
|
|
{% for network in networks %}
|
|
|
<a class="item" href="{% url 'stats:network' network.name %}">
|
|
|
<div class="right floated content">
|
|
|
@@ -61,80 +62,64 @@
|
|
|
</div>
|
|
|
</a>
|
|
|
{% endfor %}
|
|
|
- </div>
|
|
|
- </section>
|
|
|
-
|
|
|
- <section>
|
|
|
- <script type="text/javascript" src="{% static "javascript/loader.js" %}"></script>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart);
|
|
|
- function drawChart() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['Network', 'Users'],
|
|
|
- {% for network in networklist.items %}
|
|
|
- ['{{ network.0 }}', {{ network.1.messages }}],
|
|
|
- {% endfor %}
|
|
|
- ]);
|
|
|
-
|
|
|
- var options = {
|
|
|
- pieHole: 0.4,
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
-
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('messageschart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
- <script type="text/javascript" src="{% static "javascript/loader.js" %}"></script>
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart);
|
|
|
- function drawChart() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['Network', 'Users'],
|
|
|
- {% for network in networklist.items %}
|
|
|
- ['{{ network.0 }}', {{ network.1.users }}],
|
|
|
- {% endfor %}
|
|
|
- ]);
|
|
|
-
|
|
|
- var options = {
|
|
|
- pieHole: 0.4,
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
-
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('userschart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
- </script>
|
|
|
-
|
|
|
- <div class="ui cards">
|
|
|
- <div class="ui card">
|
|
|
- <div class="content">
|
|
|
- <div class="header">
|
|
|
- <i class="users icon"></i>
|
|
|
- Messages per network
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="image" id="messageschart" ></div>
|
|
|
+ </section>
|
|
|
+ </article>
|
|
|
+ <section class="ui padded equal width centered grid">
|
|
|
+ <div class="ui four wide column">
|
|
|
+ <div class="header">
|
|
|
+ <i class="users icon"></i>
|
|
|
+ Messages per network
|
|
|
</div>
|
|
|
- <div class="ui card">
|
|
|
- <div class="content">
|
|
|
- <div class="header">
|
|
|
- <i class="users icon"></i>
|
|
|
- Users per network
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="image" id="userschart" ></div>
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart);
|
|
|
+ function drawChart() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['Network', 'Users'],
|
|
|
+ {% for network in networklist.items %}
|
|
|
+ ['{{ network.0 }}', {{ network.1.messages }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ pieHole: 0.4,
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('messageschart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <div id="messageschart" ></div>
|
|
|
+ </div>
|
|
|
+ <div class="four wide column">
|
|
|
+ <div class="header">
|
|
|
+ <i class="users icon"></i>
|
|
|
+ Users per network
|
|
|
</div>
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart);
|
|
|
+ function drawChart() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['Network', 'Users'],
|
|
|
+ {% for network in networklist.items %}
|
|
|
+ ['{{ network.0 }}', {{ network.1.users }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ pieHole: 0.4,
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('userschart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <div id="userschart" ></div>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
</section>
|
|
|
- </article>
|
|
|
+
|
|
|
{% endblock content %}
|
|
|
{% block breadcrumbs %}
|
|
|
<i class="sitemap icon"></i>
|