diff options
Diffstat (limited to 'examples/dashboard/templates')
| -rw-r--r-- | examples/dashboard/templates/index.html | 39 | ||||
| -rw-r--r-- | examples/dashboard/templates/stats.js | 13 |
2 files changed, 44 insertions, 8 deletions
diff --git a/examples/dashboard/templates/index.html b/examples/dashboard/templates/index.html index d013f3b..d89c7e8 100644 --- a/examples/dashboard/templates/index.html +++ b/examples/dashboard/templates/index.html @@ -8,7 +8,7 @@ </head> <body> <header class="navbar-fixed"> - <nav> + <nav class="blue lighten-1"> <div class="nav-wrapper"> <a href="/" class="brand-logo center">Vainglory API</a> </div> @@ -32,11 +32,33 @@ </div> <!-- #loading --> <noscript><p class="center section">This site requires JavaScript.</p></noscript> - <div class="section"> - <div id="gameType"></div> - <div id="players"></div> - <div id="durations"></div> - <div id="picks"></div> + <div class="section" id="statistics" style="display: none;"> + <div class="section" style="font-size: 2em;"> + <p class="center">Best CS</p> + <p id="cs-player" style="font-weight: bold;" class="center"></p> + <p class="center">with <span id="cs-actor"></span> (<span id="cs-cs"></span> per minute)</p> + </div> + <div class="section" id="gameType"></div> + <div class="section" style="font-size: 2em;"> + <p style="font-weight: bold;" class="center"><span id="minions"></span> Minions</p> + <p class="center">died in the last <span class="number"></span> matches</p> + </div> + <div class="section" id="players"></div> + <div class="section" style="font-size: 2em;"> + <p class="center">Average number of boots per game</p> + <p id="boots" style="font-weight: bold;" class="center"></p> + </div> + <div class="section" id="durations"></div> + <div class="section" style="font-size: 2em;"> + <p class="center">Most sold</p> + <p id="topsold" style="font-weight: bold;" class="center"></p> + </div> + <div class="section" id="picks"></div> + <div class="section" style="font-size: 2em;"> + <p class="center">Every</p> + <p id="potions" style="font-weight: bold;" class="center"></p> + <p class="center">seconds a potion is consumed</p> + </div> </div> <div id="ad" class="center"> @@ -44,7 +66,7 @@ </div> </main> - <footer class="page-footer"> + <footer class="page-footer blue lighten-1"> <div class="container"> <p class="grey-text text-lighten-4">Want to donate Bitcoin? <a class="grey-text text-lighten-3" href="bitcoin:34WgXENFP6vf5zpgDpfTYCLJjWz1RCa2t2">34WgXENFP6vf5zpgDpfTYCLJjWz1RCa2t2</a></p> <p class="grey-text text-lighten-4">View the <a class="grey-text text-lighten-3" href="https://git.schneefux.xyz/schneefux/python-gamelocker">source code</a></p> @@ -62,7 +84,8 @@ <script async type="text/javascript" src="/static/highcharts.js"></script> <script type="text/javascript"> $.getScript("/stats.js", function() { - $("#loading").hide() + $("#loading").hide(); + $("#statistics").show(); }); </script> </body> diff --git a/examples/dashboard/templates/stats.js b/examples/dashboard/templates/stats.js index cb68641..518bce8 100644 --- a/examples/dashboard/templates/stats.js +++ b/examples/dashboard/templates/stats.js @@ -1,4 +1,13 @@ $(function () { + $("#boots").text("{{ stats.boots }}"); + $("#potions").text("{{ stats.potions }}"); + $("#minions").text("{{ stats.minions }}"); + $("#topsold").text("{{ stats.topsold }}"); + $(".number").text("{{ stats.number }}"); + csstat = {{ stats.topcs|tojson|safe }}; + $("#cs-player").text(csstat.player); + $("#cs-actor").text(csstat.actor); + $("#cs-cs").text(csstat.cs); Highcharts.chart("gameType", { chart: { type: "pie" @@ -53,10 +62,14 @@ $(function () { enabled: false }, tickInterval: 1, + min: -0.5, + max: 1.5 }, title: { text: "Game durations" }, series: {{ stats.durations|tojson|safe }} }); + + $(".highcharts-credits").hide(); }); |