|
|
@@ -9,50 +9,50 @@
|
|
|
{% block keywords %}irc networks{% endblock %}
|
|
|
{% block keywords-not %}{% endblock %}
|
|
|
{% block content %}
|
|
|
- <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>
|
|
|
+ <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="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="hashtag icon"></i> {{ channels|length }}
|
|
|
- </div>
|
|
|
- <div class="label">
|
|
|
- Channels
|
|
|
- </div>
|
|
|
+ <div class="label">
|
|
|
+ Networks
|
|
|
</div>
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="users icon"></i> {{ users|length }}
|
|
|
- </div>
|
|
|
- <div class="label">
|
|
|
- Users
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="hashtag icon"></i> {{ channels|length }}
|
|
|
</div>
|
|
|
- <div class="statistic">
|
|
|
- <div class="value">
|
|
|
- <i class="comments outline icon"></i> {{ totalmessages }}
|
|
|
- </div>
|
|
|
- <div class="label">
|
|
|
- Messages
|
|
|
- </div>
|
|
|
+ <div class="label">
|
|
|
+ Channels
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="users icon"></i> {{ users|length }}
|
|
|
+ </div>
|
|
|
+ <div class="label">
|
|
|
+ Users
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="statistic">
|
|
|
+ <div class="value">
|
|
|
+ <i class="comments outline icon"></i> {{ totalmessages }}
|
|
|
</div>
|
|
|
- </header>
|
|
|
- <div class="ui basic segment container">
|
|
|
- <div class="ui basic segment">
|
|
|
- <section class="ui celled selection link list">
|
|
|
+ <div class="label">
|
|
|
+ Messages
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <section class="ui basic segment container">
|
|
|
+ <div class="ui basic segment">
|
|
|
+ <div class="ui celled selection link list">
|
|
|
{% for network in networks %}
|
|
|
<a class="item" href="{% url 'stats:network' network.name %}">
|
|
|
<div class="right floated content">
|
|
|
{% if network.password %}<i class="privacy icon" alt="NickServ password saved"></i>{% endif %}
|
|
|
{% if network.use_ssl %}<i class="protect icon" title="Encrypted connection"></i>{% endif %}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<i class="middle aligned server icon"></i>
|
|
|
<div class="content">
|
|
|
<div class="header">
|
|
|
@@ -66,65 +66,81 @@
|
|
|
{% endfor %}
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </article>
|
|
|
- <section class="ui center aligned grid">
|
|
|
- <div class="content">
|
|
|
- <script type="text/javascript">
|
|
|
- google.charts.load("current", {packages:["corechart"]});
|
|
|
- google.charts.setOnLoadCallback(drawChart0);
|
|
|
- function drawChart0() {
|
|
|
- var data = google.visualization.arrayToDataTable([
|
|
|
- ['Network', 'Users'],
|
|
|
+ </section>
|
|
|
+ </article>
|
|
|
+ <section class="ui container">
|
|
|
+ <div class="ui stackable cards">
|
|
|
+ <script type="text/javascript">
|
|
|
+ google.charts.load("current", {packages:["corechart"]});
|
|
|
+ google.charts.setOnLoadCallback(drawChart0);
|
|
|
+ function drawChart0() {
|
|
|
+ var data = google.visualization.arrayToDataTable([
|
|
|
+ ['Network', 'Users'],
|
|
|
+ {% for network in networklist.items %}
|
|
|
+ ['{{ network.0 }}', {{ network.1.messages }}],
|
|
|
+ {% endfor %}
|
|
|
+ ]);
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ pieSliceText: 'label',
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('messageschart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <div class="ui card">
|
|
|
+ <div class="content">
|
|
|
+ <div class="header">
|
|
|
+ <i class="ui sitemap icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui users icon"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div id="messageschart"></div>
|
|
|
+ </div>
|
|
|
+ </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 }}],
|
|
|
+ ['{{ network.0 }}', {{ network.1.users }}],
|
|
|
{% endfor %}
|
|
|
]);
|
|
|
- var options = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '300',
|
|
|
-
|
|
|
- 'chartArea': {'width': '100%', 'height': '95%'},
|
|
|
- pieSliceText: 'label',
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('messageschart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
-
|
|
|
- </script>
|
|
|
- <div id="messageschart"></div>
|
|
|
- </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 = {
|
|
|
- legend: 'none',
|
|
|
- pieSliceText: 'label',
|
|
|
- height: '300',
|
|
|
- 'chartArea': {'width': '100%', 'height': '95%'},
|
|
|
- };
|
|
|
- var chart = new google.visualization.PieChart(document.getElementById('userschart'));
|
|
|
- chart.draw(data, options);
|
|
|
- }
|
|
|
-
|
|
|
- </script>
|
|
|
- <!--div class="ui content"-->
|
|
|
- <div class="content" id="userschart" > </div>
|
|
|
- <!--/div-->
|
|
|
+ var options = {
|
|
|
+ legend: 'none',
|
|
|
+ pieSliceText: 'label',
|
|
|
+ height: '275',
|
|
|
+ pieHole: 0.1,
|
|
|
+ 'chartArea': {'width': '95%', 'height': '100%'},
|
|
|
+ };
|
|
|
+ var chart = new google.visualization.PieChart(document.getElementById('userschart'));
|
|
|
+ chart.draw(data, options);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <div class="ui card">
|
|
|
+ <div class="content">
|
|
|
+ <div class="header">
|
|
|
+ <i class="ui sitemap icon"></i>
|
|
|
+ /
|
|
|
+ <i class="ui users icon"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div id="userschart"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- </section>
|
|
|
-
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
{% endblock content %}
|
|
|
{% block breadcrumbs %}
|
|
|
<i class="sitemap icon"></i>
|
|
|
- <a class="active section">Networks</a>
|
|
|
+ <div class="active section">Networks</div>
|
|
|
{% endblock %}
|
tBKwtWS