forked from Ashenfactory/nuzlocke-tracker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (157 loc) · 7.54 KB
/
index.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!doctype html>
<html class="no-js" lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Nuzlocke Tracker</title>
<meta name="description" content="A tool for tracking Pokémon encounters and captures during Nuzloke challenges">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css" integrity="sha256-oDCP2dNW17Y1QhBwQ+u2kLaKxoauWvIGks3a4as9QKs=" crossorigin="anonymous" />
<link rel="stylesheet" href="css/main.min.css">
<script>
document.documentElement.className = 'js';
</script>
</head>
<body>
<div class="pusher">
<div class="ui inline cookie nag">
<span class="title">
This website uses cookies to remember your Pokémon
</span>
<i class="close icon"></i>
</div>
<div class="ui container">
<!--[if lte IE 9]>
<div class="ui error message">
<div class="header">You are using an outdated browser</div>
<p>Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
</div>
<![endif]-->
<h1 class="ui header">Nuzlocke Tracker</h1>
<div id="errorMessage" class="ui hidden negative message">
<i class="close icon"></i>
<div id="messageHeader" class="header"></div>
<p id="messageContent"></p>
</div>
<div id="mainContent">
<div class="ui loading segment"></div>
</div>
<div id="noscript" class="ui error message">
<div class="header">It looks like JavaScript is disabled</div>
<p class="center aligned">Please consider enabeling it in order to use this website.</p>
</div>
</div>
<div class="ui inverted vertical footer segment">
<div class="ui center aligned container">
<p>Pokémon © 2002-<span class="copyright-year">2018</span> Pokémon. © 1995-<span class="copyright-year">2018</span> Nintendo/Creatures Inc./GAME FREAK inc. TM, ® and Pokémon character names are trademarks of Nintendo.</p>
</div>
</div>
</div>
<div id="importModal" class="ui modal tiny">
<div class="header">Import</div>
<div class="content">
<p>Are you sure you want to import the selected file? Any unsaved data will be lost.</p>
</div>
<div class="actions">
<div class="ui approve button">Yes</div>
<div class="ui cancel button">No</div>
</div>
</div>
<div id="resetModal" class="ui modal tiny">
<div class="header">Reset</div>
<div class="content">
<p>Really clear all data associated with this game? Any unsaved data will be lost.</p>
</div>
<div class="actions">
<div class="ui approve button">Yes</div>
<div class="ui cancel button">No</div>
</div>
</div>
<input class="hidden" id="fileLoader" accept=".json, application/json" type="file">
<script type="text/template" id="main-template">
<div class="ui stackable top attached secondary menu">
<div id="gameMenu" class="ui dropdown item">
<i class="sidebar icon"></i>
Games
<i class="dropdown icon"></i>
<div class="menu">
<% _.each(games, function(game) { %>
<a class="item" data-tab="<%- game.id %>"><%- game.title %></a>
<% }); %>
</div>
</div>
<div class="right menu">
<div class="item">
<button class="ui green fluid saveData button"><i class="download icon"></i>Export</button>
</div>
<div class="item">
<button class="ui blue fluid loadData button"><i class="upload icon"></i>Import</button>
</div>
<div class="item">
<button class="ui red fluid resetData button"><i class="trash icon"></i>Reset</button>
</div>
</div>
</div>
<% _.each(games, function(game) { %>
<div class="ui bottom attached segment tab" data-tab="<%= game.id %>">
<h2 class="ui header"><%- game.title %></h2>
<table class="ui table sortable selectable">
<thead>
<tr>
<th class="center aligned four wide">Location</th>
<th class="center aligned four wide">Encounter</th>
<th class="center aligned four wide">Nickname</th>
<th class="center aligned three wide">Status</th>
<th class="center aligned no-sort one wide disabled"></th>
</tr>
</thead>
<tbody id="<%- game.id %>-locations">
</tbody>
</table>
</div>
<% }); %>
</script>
<script type="text/template" id="loc-template">
<% _.each(game.locations, function(location, index) { %>
<tr>
<td data-sort-value="<%- index %>"><%- location %></td>
<td data-sort-value="<%- localStorage.getItem(game.id + index + '-encounter') %>">
<div data-name="<% if (localStorage.getItem(game.id + index + '-name')) { print(localStorage.getItem(game.id + index + '-name')) } %>" id="<%- game.id + index %>-encounter" class="ui fluid search selection dropdown encounter-picker">
<input value="<% if (localStorage.getItem(game.id + index + '-encounter')) { print(localStorage.getItem(game.id + index + '-encounter')) } %>" name="pokemon" type="hidden">
<i class="dropdown icon"></i>
<div class="default text">Encounter</div>
<div class="menu"></div>
</div>
</td>
<td data-sort-value="<%- localStorage.getItem(game.id + index + '-nickname') %>">
<div class="ui fluid input">
<input autocomplete="off" maxlength="<%- game.nameLimit %>" value="<% if (localStorage.getItem(game.id + index + '-nickname')) { print(localStorage.getItem(game.id + index + '-nickname')) } %>" id="<%- game.id + index %>-nickname" placeholder="Nickname" type="text">
</div>
</td>
<td data-sort-value="<%- localStorage.getItem(game.id + index + '-status') %>">
<div id="<%- game.id + index %>-status" class="ui fluid selection dropdown">
<input value="<% if (localStorage.getItem(game.id + index + '-status')) { print(localStorage.getItem(game.id + index + '-status')) } %>" name="status" type="hidden">
<i class="dropdown icon"></i>
<div class="default text">Status</div>
<div class="menu">
<div class="item" data-value="captured"><i class="checkmark icon"></i>Captured</div>
<div class="item" data-value="received"><i class="gift icon"></i>Received</div>
<div class="item" data-value="traded"><i class="exchange icon"></i>Traded</div>
<div class="item" data-value="missed"><i class="ban icon"></i>Missed</div>
<div class="item" data-value="stored"><i class="hdd outline icon"></i>Stored</div>
<div class="item" data-value="deceased"><i class="remove icon"></i>Deceased</div>
</div>
</div>
</td>
<td><div title="Delete" class="ui basic singleReset fluid icon button" data-index="<%- index %>"><i class="trash icon"></i></div></td>
</tr>
<% }); %>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/plugins.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" integrity="sha256-G7A4JrJjJlFqP0yamznwPjAApIKPkadeHfyIwiaa9e0=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js" integrity="sha256-RKNmL9+6j/3jB72OcIg8OQr91Bi4OgFPnKQOFS1O+fo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js" integrity="sha256-FPJJt8nA+xL4RU6/gsriA8p8xAeLGatoyTjldvQKGdE=" crossorigin="anonymous"></script>
<script src="js/main.min.js"></script>
</body>
</html>