-
Notifications
You must be signed in to change notification settings - Fork 0
/
rally.html
135 lines (112 loc) · 5.56 KB
/
rally.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Create rally leaderboards for TrackMania²">
<meta name="author" content="pfm">
<title>{{title|e}}</title>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
.highlight {
background-color: #FFFA80;
}
.driver {
cursor: pointer;
}
.driver:hover {
color: #8A8BCA;
}
</style>
</head>
<body>
<div class="jumbotron" style="padding-top:20px; padding-bottom:20px;">
<div class="container"> <a class="" href="/"><img src="/img/tmrally.png" alt="TM Rally" title="Home"></a><br>
<h1 style="margin:20px 0;"><em>{{title|e}}</em> <span style="font-size:0.3em;"><a title="This title is derived from the Track Name and Author fields in your track search." id="info" href="#"><span class="glyphicon glyphicon-info-sign" style=" color:#ccc"></span></a></span></h1>
</div>
</div>
<!-- /container -->
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-6">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading"><strong>Rally Standings</strong></div>
<table class="table">
<th class="text-muted" style="padding-left:15px;">#</th><th class="text-muted">Driver</th><th class="text-muted">Total time</th><th class="text-muted">Diff previous</th><th class="text-muted">Diff first</th>
{% for driver, total_ms, total_hr, usr_clean , diff_prev, diff_first in totals %}
<tr class="{{usr_clean|e }}">
<td id="" class="text-muted" style="padding-left:15px;">{{loop.index}}</td>
<td id="{{usr_clean|e }}" class="driver" title="Click to highlight everywhere on page">{{ driver|e }}</td>
<td><strong>{{ total_hr }}</strong></td>
<td class="text-muted">{{diff_prev}}</td>
<td class="text-muted">{{diff_first}}</td>
</tr>
{% endfor %}
</table>
</div>
<p class="text-info"><span class="glyphicon glyphicon-info-sign"></span> <small>Use the url below to share this Rally.</small></p>
<input style="padding:3px; width:100%;" class="text-muted" type="text" value="{{shorturl}}" onClick="javascript:this.focus();this.select();">
</div>
<div class="col-lg-1"> </div>
<div class="col-lg-5">
{% for t in tracks %}
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">
<strong><a class="track-link" data-html="true" data-placement="top" title="<p>Go to track page on ManiaExchange</p>" target="_blank" href="https://tm.mania-exchange.com/tracks/view/{{t.TrackID}}">{{ t.Name|e }}</a></strong>
<a id="info" title="Download track" href="https://tm.mania-exchange.com/tracks/download/{{t.TrackID}}" ><span class="glyphicon glyphicon-download-alt text-muted"></span></a>
<a id="info" title="Install & Play track" href="maniaplanet:///:mx:download?id={{t.TrackID}}" ><span class="glyphicon glyphicon-play-circle text-muted" style="font-size:1.1em;"></span></a>
<a id="info" target="_blank" data-html="true" data-placement="top" title="Submit Replay" style="float:right;" class="text-muted" href="https://tm.mania-exchange.com/upload/replays/select_files/{{t.TrackID}}">Submit Replay <span class="glyphicon glyphicon-circle-arrow-up text-muted"></span></a>
<div class="clearfix"></div>
</div>
<img alt='{{ t.Name|e }}' class='img' src='https://tm.mania-exchange.com/tracks/screenshot/normal/{{t.TrackID}}' style='width:100%; height:100%' />
<table class="table">
{% for r in t.Replays %}
<tr class="{{r.CleanName|e}}">
<td id="" class="text-muted" style="padding-left:15px;">{{loop.index}}</td>
<td id="{{r.CleanName|e}}" class="driver" style="width:50%;" title="Click to highlight everywhere on page">{{ r.Username|e }}</td>
<td style="width:50%">
<a id="info" title="Download Replay" href="https://tm.mania-exchange.com/replays/download/{{r.ReplayID}}">{{ r.Record }}</a>
<a id="info" title="Install & View Replay" href="maniaplanet:///:mx:replay?id={{r.ReplayID}}" ><span class="glyphicon glyphicon-eye-open text-muted" style="font-size:1.1em;"></span></a>
</td>
{% endfor %}
</tr>
</table>
</div>
{% endfor %}
</div>
</div>
<hr>
<p>Site built by <a target="_blank" href="https://tm.mania-exchange.com/user/profile/9512">pfm</a>, logo design by <a target="_blank" href="https://tm.mania-exchange.com/user/profile/15">eyebo</a>
<p><a href="https://tm.mania-exchange.com/messaging/compose/9512">Send feedback</a></p>
<p> </p>
</div>
<!-- /container -->
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script>
$( document ).ready(function() {
// Do stuff on page load
$('#info, .track-link').tooltip();
$( '.driver' ).click(function() {
$('.'+$(this).attr('id')).toggleClass( 'highlight' );
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3803456-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>