|
@@ -1,9 +1,10 @@
|
|
|
{% extends "base.html" %}
|
|
{% extends "base.html" %}
|
|
|
{% block content %}
|
|
{% block content %}
|
|
|
- <div class="ui three inverted grey statistics">
|
|
|
|
|
|
|
+ <div class="ui six small inverted grey statistics">
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="comment icon"></i> {{ total_messages }}
|
|
|
|
|
|
|
+ <i class="comment icon"></i>
|
|
|
|
|
+ {{ total_messages }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
messages
|
|
messages
|
|
@@ -11,7 +12,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="theater masks icon"></i> {{ total_actions }}
|
|
|
|
|
|
|
+ <i class="theater masks icon"></i>
|
|
|
|
|
+ {{ total_actions }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
Actions
|
|
Actions
|
|
@@ -19,17 +21,17 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="bullhorn icon"></i> {{ total_notices }}
|
|
|
|
|
|
|
+ <i class="bullhorn icon"></i>
|
|
|
|
|
+ {{ total_notices }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
Notces
|
|
Notces
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="ui three tiny inverted grey statistics">
|
|
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="user plus icon"></i> {{ total_joins }}
|
|
|
|
|
|
|
+ <i class="user plus icon"></i>
|
|
|
|
|
+ {{ total_joins }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
Joins
|
|
Joins
|
|
@@ -37,7 +39,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="jet fighter icon"></i> {{ total_kicks }}
|
|
|
|
|
|
|
+ <i class="jet fighter icon"></i>
|
|
|
|
|
+ {{ total_kicks }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
Kicks
|
|
Kicks
|
|
@@ -45,11 +48,143 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="statistic">
|
|
<div class="statistic">
|
|
|
<div class="value">
|
|
<div class="value">
|
|
|
- <i class="user slash icon"></i> {{ total_kicked }}
|
|
|
|
|
|
|
+ <i class="user slash icon"></i>
|
|
|
|
|
+ {{ total_kicked }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="label">
|
|
<div class="label">
|
|
|
Kicked
|
|
Kicked
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="ui six tiny inverted grey statistics">
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="thermometer half alternate icon"></i>
|
|
|
|
|
+ {{ user.level }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ Level
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="tachometer alternate icon"></i>
|
|
|
|
|
+ <i class="inverted seedling corner icon"></i>
|
|
|
|
|
+ </i>
|
|
|
|
|
+ {{ user.xp_spent }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ XP spent
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="gas pump icon"></i>
|
|
|
|
|
+ <i class="inverted seedling corner icon"></i>
|
|
|
|
|
+ </i>
|
|
|
|
|
+ {{ user.ap_spent }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ AP spent
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="coins icon"></i>{{ user.coin }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ Coin
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="coins icon"></i>
|
|
|
|
|
+ <i class="inverted corner shopping cart icon"></i>
|
|
|
|
|
+ </i>
|
|
|
|
|
+ {{ user.coin_spent }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ Coin spent
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="statistic">
|
|
|
|
|
+ <div class="value">
|
|
|
|
|
+ <i class="icons">
|
|
|
|
|
+ <i class="coins icon"></i>
|
|
|
|
|
+ <i class="inverted corner gift icon"></i>
|
|
|
|
|
+ </i>
|
|
|
|
|
+ {{ user.coin_given }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="label">
|
|
|
|
|
+ Coin given
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <i class="history icon"></i>Last seen {{ last_event_type }}
|
|
|
|
|
+ {% if user.last_event_subject %}
|
|
|
|
|
+ <i class="icons"><i class="heading icon"></i><i class="corner history icon"></i></i>{{ user.last_event_subject }}
|
|
|
|
|
+ {% endif %}
|
|
|
|
|
+ {% if user.last_event_channel %}
|
|
|
|
|
+ in <i class="icons"><i class="hashtag icon"></i><i class="corner history icon"></i></i>{{ user.last_event_channel }}
|
|
|
|
|
+ {% endif %}
|
|
|
|
|
+ {% if user.last_event_content %}
|
|
|
|
|
+ for <i class="icons"><i class="envelope icon"></i><i class="corner history icon"></i></i>{{ user.last_event_content }}
|
|
|
|
|
+ {% endif %}
|
|
|
|
|
+ at {{ user.last_event_datetime }}
|
|
|
|
|
+
|
|
|
|
|
+ <i class="microphone alternate slash icon"></i>{{ user.no_chat }}
|
|
|
|
|
+
|
|
|
|
|
+<canvas id="myChart"></canvas>
|
|
|
|
|
+<script>
|
|
|
|
|
+ var ctx = document.getElementById('myChart').getContext('2d');
|
|
|
|
|
+ var myChart = new Chart(ctx, {
|
|
|
|
|
+ type: 'radar',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ labels: ['Messages', 'Actions', 'Notices', 'Joins', 'Kicks', 'Kicked'],
|
|
|
|
|
+ datasets: [{
|
|
|
|
|
+ label: 'Statistics per channel',
|
|
|
|
|
+ data: [{{ total_messages }}, {{ total_actions }}, {{ total_notices }}, {{ total_joins }}, {{ total_kicks }}, {{ total_kicked }}],
|
|
|
|
|
+ backgroundColor: [
|
|
|
|
|
+ 'rgba(255, 99, 132, 0.2)',
|
|
|
|
|
+ 'rgba(54, 162, 235, 0.2)',
|
|
|
|
|
+ 'rgba(255, 206, 86, 0.2)',
|
|
|
|
|
+ 'rgba(75, 192, 192, 0.2)',
|
|
|
|
|
+ 'rgba(153, 102, 255, 0.2)',
|
|
|
|
|
+ 'rgba(255, 159, 64, 0.2)'
|
|
|
|
|
+ ],
|
|
|
|
|
+ borderColor: [
|
|
|
|
|
+ 'rgba(255, 99, 132, 1)',
|
|
|
|
|
+ 'rgba(54, 162, 235, 1)',
|
|
|
|
|
+ 'rgba(255, 206, 86, 1)',
|
|
|
|
|
+ 'rgba(75, 192, 192, 1)',
|
|
|
|
|
+ 'rgba(153, 102, 255, 1)',
|
|
|
|
|
+ 'rgba(255, 159, 64, 1)'
|
|
|
|
|
+ ],
|
|
|
|
|
+ borderWidth: 1
|
|
|
|
|
+ }]
|
|
|
|
|
+ },
|
|
|
|
|
+ options: {
|
|
|
|
|
+ pointLabels: {
|
|
|
|
|
+ display: false,
|
|
|
|
|
+ },
|
|
|
|
|
+ legend: {
|
|
|
|
|
+ display: true,
|
|
|
|
|
+ labels: {
|
|
|
|
|
+ fontColor: 'rgb(255, 99, 132)'
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ scales: {
|
|
|
|
|
+ yAxes: [{
|
|
|
|
|
+ ticks: {
|
|
|
|
|
+ beginAtZero: true
|
|
|
|
|
+ }
|
|
|
|
|
+ }]
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+</script>
|
|
|
{% endblock content %}
|
|
{% endblock content %}
|