root
8 years ago
31 changed files with 179 additions and 185 deletions
@ -1,5 +1,2 @@ |
|||||
Luc Absil |
Luc Absil |
||||
Matthieu Michelet |
|
||||
Clara Husson |
|
||||
Melchior Garapin |
|
||||
Benjamin Criton |
Benjamin Criton |
||||
|
|||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
@ -1,77 +1,62 @@ |
|||||
{% extends "layout.html" %} |
{% extends "layout.html" %} {% block content %} |
||||
{% block content %} |
<canvas id="chart"></canvas> |
||||
<br> |
|
||||
<h2>Toi aussi abuse des pouvoirs du Rézo avec les Metzthernets !</h2> |
|
||||
<p id="play" style="text-align: center; font-size: 1.5em"> |
|
||||
<a href="{{url_for('play')}}">Jouer</a> |
|
||||
</p> |
|
||||
|
|
||||
<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div> |
<div class="sep"></div> |
||||
<h2>Historique personnel</h2> |
|
||||
|
|
||||
{% if bans_hist != [] %} |
<div class="desc">Toi aussi abuse des pouvoirs du Rézo avec les Metzthernets !</div> |
||||
<ul id="history"> |
|
||||
{% for entry in bans_hist %} |
|
||||
<li class="{{ entry[0] }}" class="events"> |
|
||||
<span class="normal"> {{ entry[1] }}</span> |
|
||||
</li> |
|
||||
{% endfor %} |
|
||||
</ul> |
|
||||
{% else %} |
|
||||
<p> |
|
||||
Rien pour l'instant |
|
||||
</p> |
|
||||
|
|
||||
{% endif %} |
<a href="{{url_for('play')}}"> |
||||
<script type="text/javascript"> |
<div id="play" class="center"> |
||||
$(function () { |
JOUER |
||||
Highcharts.chart('container', { |
</div> |
||||
chart: { |
</a> |
||||
plotBackgroundColor: null, |
|
||||
plotBorderWidth: 0, |
<div class="sep"></div> |
||||
plotShadow: false |
|
||||
}, |
<div class="desc title">Historique personnel</div> |
||||
title: { |
|
||||
text: 'État du Rézo', |
{% if bans_hist != [] %} |
||||
align: 'center', |
<ul id="history"> |
||||
verticalAlign: 'middle', |
{% for entry in bans_hist %} |
||||
y: 60 |
<li class="{{ entry[0] }}" class="events"> |
||||
}, |
<span class="normal">{{ entry[1] }}</span> |
||||
tooltip: { |
</li> |
||||
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' |
{% endfor %} |
||||
}, |
</ul> |
||||
plotOptions: { |
{% else %} |
||||
pie: { |
<p> |
||||
dataLabels: { |
Rien pour l'instant |
||||
enabled: true, |
</p> |
||||
distance: -50, |
{% endif %} |
||||
style: { |
|
||||
fontWeight: 'bold', |
<div class="sep"></div> |
||||
color: 'white' |
|
||||
} |
<script type="text/javascript"> |
||||
}, |
$(function () { |
||||
startAngle: -90, |
|
||||
endAngle: 90, |
var ctx = document.getElementById("chart").getContext('2d'); |
||||
center: ['50%', '75%'] |
var data = { |
||||
}, |
datasets: [{ |
||||
}, |
data: [ {{ stats[0] }}, {{ stats[1] }} ], |
||||
series: [{ |
backgroundColor: ['#ffd7d7', '#d7ebff'] |
||||
type: 'pie', |
}], |
||||
name: 'État du Rézo', |
labels: ['Tranchés', 'Vivants'] |
||||
innerSize: '50%', |
}; |
||||
data: [ |
|
||||
{ |
var options = { |
||||
name: 'Tranchés', |
cutoutPercentage: 40, |
||||
y: {{ stats[0] }}, |
rotation: -Math.PI, |
||||
color: '#FF0000', |
circumference: Math.PI, |
||||
},{ |
legend: { labels: { fontSize: 18 }}, |
||||
name: 'Vivants', |
tooltips: { bodyFontSize: 18 } |
||||
y: {{ stats[1] }}, |
}; |
||||
color: '#FFCC00', |
|
||||
} |
var chart = new Chart(ctx, { |
||||
] |
type: 'doughnut', |
||||
}] |
data: data, |
||||
}); |
options: options |
||||
}); |
}); |
||||
</script> |
|
||||
{% endblock %} |
}); |
||||
|
</script> |
||||
|
{% endblock %} |
||||
@ -1,38 +1,38 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
|
||||
<title>Rézoroulette Metzthernet</title> |
|
||||
<meta charset="utf-8"/> |
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> |
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script> |
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='highcharts.js') }}"></script> |
|
||||
<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.1.1.min.js') }}"></script> |
|
||||
<link rel="shortcut icon" type="image/x-icon" |
|
||||
href="{{ url_for('static', filename='favicon.ico') }}" /> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
<head> |
||||
<div id="body_bis"> |
<title>Rézoroulette Metzthernet</title> |
||||
<a href="/"> |
<meta charset="utf-8" /> |
||||
<div id="banner"> |
<meta name="viewport" content="width=device-width,initial-scale=1"> |
||||
</div> |
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" /> |
||||
</a> |
<script type="text/javascript" src="{{ url_for('static', filename='javascript.js') }}"></script> |
||||
|
<script type="text/javascript" src="{{ url_for('static', filename='Chart.min.js') }}"></script> |
||||
|
<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.1.1.min.js') }}"></script> |
||||
|
<link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" /> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
|
||||
<div id="content_container"> |
<a href="/"> |
||||
<div id="content"> |
<img id="banner" src="{{ url_for('static', filename='img/banner.svg') }}"> |
||||
{% with messages = get_flashed_messages() %} |
</a> |
||||
{% if messages %} |
|
||||
<ul class=flashes> |
<div id="card"> |
||||
{% for message in messages %} |
<div id="content" class="center"> |
||||
<li>{{ message }}</li> |
{% with messages = get_flashed_messages() %} {% if messages %} |
||||
{% endfor %} |
<ul class=flashes> |
||||
</ul> |
{% for message in messages %} |
||||
{% endif %} |
<li>{{ message }}</li> |
||||
{% endwith %} |
{% endfor %} |
||||
{% block content %}{% endblock %} |
</ul> |
||||
|
{% endif %} {% endwith %} {% block content %}{% endblock %} |
||||
</div> |
</div> |
||||
<div id="footer">Contact technique : <a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a></div> |
<div id="footer"> |
||||
|
<a href="mailto:metzthernet@gmail.com">metzthernet@gmail.com</a> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</body> |
</body> |
||||
</html> |
|
||||
|
</html> |
||||
@ -0,0 +1 @@ |
|||||
|
This is only a test. |
||||
Loading…
Reference in new issue