This repository has been archived by the owner on May 22, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplayerlocate.html
146 lines (146 loc) · 6.71 KB
/
playerlocate.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WynnStats</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" media="screen,projection"/>
<link href="stylesheet.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="theme-color" content="#689f38">
</head>
<body class="light-green lighten-2">
<header>
<nav>
<div class="nav-wrapper light-green darken-2">
<a href="/wynnstats" class="brand-logo center-on-small-only">WynnStats</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/wynnstats">Home</a></li>
</ul>
</div>
</nav>
</header>
<main id="loading_circle" class="valign-wrapper center-align" style="z-index: 1; position: relative; width: 100%; height: 100%;">
<div class="preloader-wrapper big active valign" style="position: absolute; left: 50%; margin: 0 0 0 -32px">
<div class="spinner-layer spinner-green-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div><div class="gap-patch">
<div class="circle"></div>
</div><div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</main>
<main style="display: none;">
<div class="container">
<div class="row">
<div class="col s8 offset-s2">
<div class="card light-green lighten-5">
<div id="main" class="card-content">
<h4 class="center-align">Player Locator</h4>
<br>
<div class="container">
<table id="players" class="bordered">
<thead>
<th>Name</th>
<th>Server Name</th>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s8 offset-s2">
<div class="card light-green lighten-5">
<div class="card-content">
<h4>Find a Player or Guild's Stats</h4>
<div class="row valign-wrapper">
<div class="input-field col s8">
<input
id="searchbox"
class="active"
type="text"
name="name"
onkeydown="searchkeypress(event)"
onblur="searchkeypress(null)">
<label for="name" onclick="$('#searchbox').focus()">Name</label>
</div>
<div class="col s5 valign">
<a class="dropdown-button btn-flat" onclick="autocomplete()" data-activates="acdd" data-constrainwidth="false">Lookup <i class="material-icons right">search</i></a>
</div>
</div>
<ul id="acdd" class="dropdown-content collection"></ul>
<p>
<input class="with-gap" type="radio" name="searchtype" id="radp" checked>
<label for="radp">Player</label>
</p>
<p>
<input class="with-gap" type="radio" name="searchtype" id="radg">
<label for="radg">Guild</label>
</p>
</div>
<div class="card-action">
<a id="searchbtn" class="waves-effect waves-green btn-flat" onclick="gotoStatsURL()">Search <i class="material-icons right">search</i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s8 offset-s2">
<div class="card light-green lighten-5">
<div class="card-content">
<h4 class="hide-on-small-only">Find a Player or Guild's Current Server</h4>
<h4 class="hide-on-med-and-up" style="text-align: center;">Find a Player or Guild's Current Server</h4>
<p>Type a name, press Enter to type multiple names.</p>
<div class="input-field col s12 ">
<div id="locatebox" class="chips"></div>
</div>
<p>
<input class="with-gap" type="radio" name="locatetype" id="lradp" checked>
<label for="lradp">Players</label>
</p>
<p>
<input class="with-gap" type="radio" name="locatetype" id="lradg">
<label for="lradg">Guild</label>
</p>
</div>
<div class="card-action">
<a id="locatebtn" class="waves-effect waves-green btn-flat" onclick="gotoLocateURL()">Locate <i class="material-icons right">search</i></a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer light-green lighten-2">
<div class="footer-copyright light-green darken-3 hide-on-med-and-down">
<div class="container">
Created by <a href="https://jammy4312.me">Jammy4312</a> using the <a href="https://docs.wynncraft.com/public/">Wynncraft Public API</a>. Unaffiliated with Wynncraft, Mojang AB and the Microsoft Corporation.
</div>
</div>
<div class="footer-copyright light-green darken-3 hide-on-large-only">
<div class="container">
<a href="#copyright" class="white-text" style="font-weight: 400;">Click for Copyright Info</a>
</div>
<div id="copyright" class="modal bottom-sheet">
<div class="modal-content grey-text">
Created by <a href="https://jammy4312.me">Jammy4312</a> using the <a href="https://docs.wynncraft.com/public/">Wynncraft Public API</a>. Unaffiliated with Wynncraft, Mojang AB and the Microsoft Corporation.
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script src="scripts/search.js"></script>
<script src="scripts/locatesearch.js"></script>
<script type="text/javascript">$('#copyright').modal();$('.chips').material_chip({secondaryPlaceholder: 'Name'});</script>
<script src="scripts/playerlocate.js" type="text/javascript"></script>
</body>
</html>