-
Notifications
You must be signed in to change notification settings - Fork 128
/
ticketpool.tmpl
63 lines (53 loc) · 2.89 KB
/
ticketpool.tmpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
{{define "ticketpool"}}
<!DOCTYPE html>
<html lang="en">
{{template "html-head" printf "Decred Ticket Pool"}}
<body>
{{template "navbar" . }}
<div class="container main" data-controller="ticketpool">
<div>
<h2 style="text-align: center; margin-top: 0px">Ticket Pool Visualization</h2>
<p style="text-align: center; margin-bottom: 5px">
These charts represent the current ticket pool. For historic views go
<a href="/charts">here</a>
</div>
<br>
<label>Zoom :</label>
<div class="btn-group" data-toggle="buttons">
<input data-target="ticketpool.zoom" data-action="click->ticketpool#onZoom" type="button" class="btn btn_sm all" value="All Time" name="all">
<input data-target="ticketpool.zoom" data-action="click->ticketpool#onZoom" type="button" class="btn btn_sm btn-active 1d" value="Day" name="day">
<input data-target="ticketpool.zoom" data-action="click->ticketpool#onZoom" type="button" class="btn btn_sm 1wk" value="Week" name="wk">
<input data-target="ticketpool.zoom" data-action="click->ticketpool#onZoom" type="button" class="btn btn_sm 1m" value="Month" name="mo">
</div>
<label> Bars :</label>
<div class="btn-group" data-toggle="buttons">
<input data-target="ticketpool.bars" data-action="click->ticketpool#onBarsChange" type="button" class="btn btn_sm all btn-active" value="All Time" name="all">
<input data-target="ticketpool.bars" data-action="click->ticketpool#onBarsChange" type="button" class="btn btn_sm 1d" value="Day" name="day">
<input data-target="ticketpool.bars" data-action="click->ticketpool#onBarsChange" type="button" class="btn btn_sm 1wk" value="Week" name="wk">
<input data-target="ticketpool.bars" data-action="click->ticketpool#onBarsChange" type="button" class="btn btn_sm 1m" value="Month" name="mo">
</div>
<div id="tickets_by_purchase_date" class="tickets"></div>
<br>
<div id="tickets_by_purchase_price" class="tickets"></div>
<br>
<div id="tickets_by_type_doughnut" class="doughnutGraph">
<canvas id="doughnutGraph" width="220" height="180"
chart-options="{tooltipTemplate: '<%=label%>: <%= numeral(value).format('($00[.]00)') %> - <%= numeral(circumference / 6.283).format('(0[.][00]%)') %>'">
</canvas>
<div class="ticket_by_types">
<b style="color:#2971FF;">3 Outputs:</b> - typically solo.<br><br>
<b style="color:#FF8C00;">5 Outputs:</b> - typically Voting Service Provider (VSP).<br><br>
<b style="color:#41BF53;">More than 5 Outputs:</b> - likely multi-party (split) tickets.<br>
</div>
</div>
</div>
<div class="modal"></div>
<script>
var graph = {{.ChartData}}
var chart = {{.GroupedData}}
var mpl = {{.Mempool}}
</script>
{{ template "footer" . }}
</body>
</html>
{{end}}