-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (119 loc) · 4.75 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="icon" href="https://avatars2.githubusercontent.com/u/31220039?v=4&s=25">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>osu!BP query | query best performance and download</title>
<link href="https://cdn.bootcss.com/pure/1.0.0/pure-min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/pure/1.0.0/grids-responsive-min.css" rel="stylesheet">
<link href="./nprogress.css" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
</head>
<body>
<body>
<div id="app">
<div class="page">
<div class="header"> osu!BP query </div>
<div class="form-wrapper">
<form class="form pure-form pure-form-aligned" @submit.prevent="submit">
<div class="pure-control-group">
<label for="user">username</label>
<input id="user" v-model.lazy="name" ref="name" type="text" placeholder="Username" required>
</div>
<div class="pure-control-group">
<label for="limit">limit</label>
<input id="limit" v-model.lazy="limit" required>
</div>
<div class="pure-control-group">
<label for="mode">mode</label>
<select id="select" v-model.lazy="mode">
<option value="0">osu!standard</option>
<option value="1">osu!taiko</option>
<option value="2">osu!catch</option>
<option value="3">osu!mania</option>
</select>
</div>
<div class="pure-controls">
<button id="query" type="submit" class="pure-button pure-button-primary">Query</button>
</div>
</form>
</div>
<div v-show="records.length" class="table-wrapper">
<table class="table pure-table">
<thead>
<tr>
<th>#</th>
<th>Rank</th>
<th>Beatmap</th>
<th>Mod</th>
<th>PP</th>
<th class="center">
<img src="./static/osu_icon.png" />
</th>
<th class="center">
<img src="./static/sayobot_icon.png" />
</th>
</tr>
</thead>
<tbody>
<tr v-for="(record, index) in sortedRecords">
<td>{{ index + 1 }}</td>
<td class="center">
<img :src="rankImgUrl(record.rank)">
</td>
<td class="title">
<a :href="beatmapUrl(record.bid)" target="_blank">
{{ record.artist }} - {{ record.title }} [{{ record.diff }}]
</a>
</td>
<td>{{ record.mods }}</td>
<td>{{ parseInt(record.pp) }}</td>
<td>
<a :href="ppyUrl(record.sid)" target="_blank">
<img src="./static/cloud-download.svg" />
</a>
</td>
<td>
<a :href="sayobotUrl(record.sid)" target="_blank">
<img src="./static/desktop-download.svg" />
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div v-show="records.length" class="download-button">
<button class="pure-button" @click="downloadAll()">Download All</button>
<button class="pure-button" @click="downloadAllFromSayobot()">Download All From Sayobot</button>
</div>
</div>
<footer>
<div class="footer pure-g">
<div class="pure-u-1 pure-u-sm-1-2 pure-u-lg-1-5">
© 2017 osu!BP query
</div>
<div class="pure-u-1-2 pure-u-sm-1-2 pure-u-lg-1-5">
<a href="https://github.com/osu-translate-zh/osu-bp-query" target="_blank"> Github </a>
</div>
<div class="pure-u-1-2 pure-u-sm-1-3 pure-u-lg-1-5">
<a href="https://github.com/osu-translate-zh" target="_blank"> osu!translate-zh </a>
</div>
<div class="pure-u-1-2 pure-u-sm-1-3 pure-u-lg-1-5">
<a href="https://github.com/osupink" target="_blank">osu!pink</a>
</div>
<div class="pure-u-1-2 pure-u-sm-1-3 pure-u-lg-1-5">
<a href="https://www.wallpapervortex.com/wallpaper-52185_bakemonogatari.html" target="_blank">BG</a>
</div>
</div>
</footer>
</div>
<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
<script src="https://cdn.bootcss.com/fetch/2.0.3/fetch.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/2.7.0/vue-router.min.js"></script>
<script src="./vue-toasted.min.js"></script>
<script src="./polyfill.js"></script>
<script src="./index.js"></script>
</body>
</html>