Compare commits
1 Commits
Utra-Ver
...
recorded-v
| Author | SHA1 | Date | |
|---|---|---|---|
| f4d75068ba |
@@ -1,57 +0,0 @@
|
|||||||
# Implementation Plan
|
|
||||||
|
|
||||||
## 1. Frontend: Cache Songs Feature
|
|
||||||
### Create `SongCacher` Utility
|
|
||||||
- Create `public/src/js/songcacher.js` containing the `SongCacher` class.
|
|
||||||
- Implement methods:
|
|
||||||
- `cacheAll()`: Iterates all songs in `assets.songs` and fetches their assets.
|
|
||||||
- `cacheCategory(categoryId)`: Filters songs by category and fetches assets.
|
|
||||||
- `cacheSong(songId)`: Fetches assets for a single song.
|
|
||||||
- Use `loader.ajax` (or `fetch`) to download files (`main.tja`, music file, etc.) so they are cached by the browser/service worker.
|
|
||||||
|
|
||||||
### Update Assets & Settings
|
|
||||||
- Modify `public/src/js/assets.js` to include `songcacher.js` in the load list.
|
|
||||||
- Modify `public/src/js/settings.js`:
|
|
||||||
- Add a "Cache Songs" option to the settings menu.
|
|
||||||
- Use a selection interface (e.g., `select` or `submenu`) allowing users to choose "All", "Category", or "Single Song".
|
|
||||||
- Trigger `SongCacher` methods based on selection.
|
|
||||||
|
|
||||||
## 2. Frontend: Cancel Loading Optimization
|
|
||||||
### Enable Request Cancellation
|
|
||||||
- Modify `public/src/js/loader.js`: Update `ajax` method to accept a `cancellationToken` (or `AbortSignal` equivalent) and abort the `XMLHttpRequest` if triggered.
|
|
||||||
- Modify `public/src/js/abstractfile.js`: Update `RemoteFile` methods (`arrayBuffer`, `blob`, `read`) to accept and pass the token to `loader.ajax`.
|
|
||||||
- Modify `public/src/js/soundbuffer.js`: Update `load` method to accept and pass the token.
|
|
||||||
|
|
||||||
### Implement Cancellation in Song Select
|
|
||||||
- Modify `public/src/js/songselect.js`:
|
|
||||||
- In `startPreview`, create a new cancellation token.
|
|
||||||
- Store the current token.
|
|
||||||
- When switching songs (calling `startPreview` again), cancel the previous token to stop pending downloads.
|
|
||||||
|
|
||||||
## 3. Backend: Admin Panel Improvements
|
|
||||||
### Admin Authentication & Routes
|
|
||||||
- Create `templates/admin_login.html` for the password-only login.
|
|
||||||
- Modify `app.py`:
|
|
||||||
- Add `/admin/login` route to handle password verification (Default: `_chuaneg8883`).
|
|
||||||
- Set a session variable (e.g., `admin_logged_in`) upon success.
|
|
||||||
- Update `@admin_required` decorator to allow access if this session variable is set (bypassing the user-level check if needed, or working alongside it).
|
|
||||||
|
|
||||||
### Admin Features (Stats & Management)
|
|
||||||
- Modify `app.py`:
|
|
||||||
- In `route_api_scores_save`, increment a `play_count` field in the `db.songs` collection for the played song.
|
|
||||||
- Create `templates/admin_stats.html` (or update `admin_songs.html`) to display:
|
|
||||||
- User statistics.
|
|
||||||
- Song statistics (including the new `play_count`).
|
|
||||||
|
|
||||||
## 4. Backend: New Category
|
|
||||||
- Modify `tools/categories.json`: Add a new category entry for "Custom Charts" (自制谱面).
|
|
||||||
|
|
||||||
## 5. Localization
|
|
||||||
- Modify `public/src/js/strings.js`:
|
|
||||||
- Add translation strings for the new "Cache Songs" options and the "Custom Charts" category.
|
|
||||||
- Ensure all new UI elements use these strings to support language switching.
|
|
||||||
|
|
||||||
## 6. Git Operations
|
|
||||||
- Create and checkout new branch `Utra-Ver`.
|
|
||||||
- Commit all changes.
|
|
||||||
- Push to remote repository (User: `AnthonyDuan`, Pass: `_chuaneg8883`).
|
|
||||||
56
app.py
56
app.py
@@ -156,11 +156,8 @@ def admin_required(level):
|
|||||||
def decorated_function(f):
|
def decorated_function(f):
|
||||||
@wraps(f)
|
@wraps(f)
|
||||||
def wrapper(*args, **kwargs):
|
def wrapper(*args, **kwargs):
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
return f(*args, **kwargs)
|
|
||||||
|
|
||||||
if not session.get('username'):
|
if not session.get('username'):
|
||||||
return redirect(basedir + 'admin/login')
|
return abort(403)
|
||||||
|
|
||||||
user = db.users.find_one({'username': session.get('username')})
|
user = db.users.find_one({'username': session.get('username')})
|
||||||
if user['user_level'] < level:
|
if user['user_level'] < level:
|
||||||
@@ -272,41 +269,6 @@ def route_csrftoken():
|
|||||||
return jsonify({'status': 'ok', 'token': generate_csrf()})
|
return jsonify({'status': 'ok', 'token': generate_csrf()})
|
||||||
|
|
||||||
|
|
||||||
@app.route(basedir + 'admin/login', methods=['GET', 'POST'])
|
|
||||||
def route_admin_login():
|
|
||||||
if request.method == 'POST':
|
|
||||||
password = request.form.get('password')
|
|
||||||
if password == '_chuaneg8883':
|
|
||||||
session['admin_logged_in'] = True
|
|
||||||
return redirect(basedir + 'admin')
|
|
||||||
else:
|
|
||||||
return render_template('admin_login.html', error='Invalid password', config=get_config())
|
|
||||||
return render_template('admin_login.html', config=get_config())
|
|
||||||
|
|
||||||
@app.route(basedir + 'admin/stats')
|
|
||||||
@admin_required(level=50)
|
|
||||||
def route_admin_stats():
|
|
||||||
users_count = db.users.count_documents({})
|
|
||||||
songs_count = db.songs.count_documents({})
|
|
||||||
|
|
||||||
pipeline = [
|
|
||||||
{"$group": {"_id": None, "total": {"$sum": "$play_count"}}}
|
|
||||||
]
|
|
||||||
res = list(db.songs.aggregate(pipeline))
|
|
||||||
total_plays = res[0]["total"] if res else 0
|
|
||||||
|
|
||||||
top_songs = list(db.songs.find().sort("play_count", -1).limit(50))
|
|
||||||
|
|
||||||
stats = {"users": users_count, "songs": songs_count, "plays": total_plays}
|
|
||||||
|
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
user = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
user = db.users.find_one({'username': session.get('username')})
|
|
||||||
|
|
||||||
return render_template('admin_stats.html', stats=stats, top_songs=top_songs, admin=user, config=get_config())
|
|
||||||
|
|
||||||
|
|
||||||
@app.route(basedir + 'admin')
|
@app.route(basedir + 'admin')
|
||||||
@admin_required(level=50)
|
@admin_required(level=50)
|
||||||
def route_admin():
|
def route_admin():
|
||||||
@@ -318,9 +280,6 @@ def route_admin():
|
|||||||
def route_admin_songs():
|
def route_admin_songs():
|
||||||
songs = sorted(list(db.songs.find({})), key=lambda x: x['id'])
|
songs = sorted(list(db.songs.find({})), key=lambda x: x['id'])
|
||||||
categories = db.categories.find({})
|
categories = db.categories.find({})
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
user = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
user = db.users.find_one({'username': session['username']})
|
user = db.users.find_one({'username': session['username']})
|
||||||
return render_template('admin_songs.html', songs=songs, admin=user, categories=list(categories), config=get_config())
|
return render_template('admin_songs.html', songs=songs, admin=user, categories=list(categories), config=get_config())
|
||||||
|
|
||||||
@@ -335,9 +294,6 @@ def route_admin_songs_id(id):
|
|||||||
categories = list(db.categories.find({}))
|
categories = list(db.categories.find({}))
|
||||||
song_skins = list(db.song_skins.find({}))
|
song_skins = list(db.song_skins.find({}))
|
||||||
makers = list(db.makers.find({}))
|
makers = list(db.makers.find({}))
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
user = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
user = db.users.find_one({'username': session['username']})
|
user = db.users.find_one({'username': session['username']})
|
||||||
|
|
||||||
return render_template('admin_song_detail.html',
|
return render_template('admin_song_detail.html',
|
||||||
@@ -415,9 +371,6 @@ def route_admin_songs_id_post(id):
|
|||||||
if not song:
|
if not song:
|
||||||
return abort(404)
|
return abort(404)
|
||||||
|
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
user = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
user = db.users.find_one({'username': session['username']})
|
user = db.users.find_one({'username': session['username']})
|
||||||
user_level = user['user_level']
|
user_level = user['user_level']
|
||||||
|
|
||||||
@@ -480,9 +433,6 @@ def route_admin_songs_id_delete(id):
|
|||||||
@app.route(basedir + 'admin/users')
|
@app.route(basedir + 'admin/users')
|
||||||
@admin_required(level=50)
|
@admin_required(level=50)
|
||||||
def route_admin_users():
|
def route_admin_users():
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
user = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
user = db.users.find_one({'username': session.get('username')})
|
user = db.users.find_one({'username': session.get('username')})
|
||||||
max_level = user['user_level'] - 1
|
max_level = user['user_level'] - 1
|
||||||
return render_template('admin_users.html', config=get_config(), max_level=max_level, username='', level='')
|
return render_template('admin_users.html', config=get_config(), max_level=max_level, username='', level='')
|
||||||
@@ -492,9 +442,6 @@ def route_admin_users():
|
|||||||
@admin_required(level=50)
|
@admin_required(level=50)
|
||||||
def route_admin_users_post():
|
def route_admin_users_post():
|
||||||
admin_name = session.get('username')
|
admin_name = session.get('username')
|
||||||
if session.get('admin_logged_in'):
|
|
||||||
admin = {'username': 'Admin', 'user_level': 100}
|
|
||||||
else:
|
|
||||||
admin = db.users.find_one({'username': admin_name})
|
admin = db.users.find_one({'username': admin_name})
|
||||||
max_level = admin['user_level'] - 1
|
max_level = admin['user_level'] - 1
|
||||||
|
|
||||||
@@ -778,7 +725,6 @@ def route_api_scores_save():
|
|||||||
'hash': score['hash'],
|
'hash': score['hash'],
|
||||||
'score': score['score']
|
'score': score['score']
|
||||||
}}, upsert=True)
|
}}, upsert=True)
|
||||||
db.songs.update_one({'hash': score['hash']}, {'$inc': {'play_count': 1}})
|
|
||||||
|
|
||||||
return jsonify({'status': 'ok'})
|
return jsonify({'status': 'ok'})
|
||||||
|
|
||||||
|
|||||||
@@ -46,22 +46,22 @@ class RemoteFile{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
arrayBuffer(cancellationToken){
|
arrayBuffer(){
|
||||||
return loader.ajax(this.url, request => {
|
return loader.ajax(this.url, request => {
|
||||||
request.responseType = "arraybuffer"
|
request.responseType = "arraybuffer"
|
||||||
}, false, cancellationToken)
|
})
|
||||||
}
|
}
|
||||||
read(encoding, cancellationToken){
|
read(encoding){
|
||||||
if(encoding){
|
if(encoding){
|
||||||
return this.blob(cancellationToken).then(blob => readFile(blob, false, encoding))
|
return this.blob().then(blob => readFile(blob, false, encoding))
|
||||||
}else{
|
}else{
|
||||||
return loader.ajax(this.url, null, false, cancellationToken)
|
return loader.ajax(this.url)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
blob(cancellationToken){
|
blob(){
|
||||||
return loader.ajax(this.url, request => {
|
return loader.ajax(this.url, request => {
|
||||||
request.responseType = "blob"
|
request.responseType = "blob"
|
||||||
}, false, cancellationToken)
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
class LocalFile{
|
class LocalFile{
|
||||||
|
|||||||
@@ -2,6 +2,7 @@ var assets = {
|
|||||||
"js": [
|
"js": [
|
||||||
"lib/md5.min.js",
|
"lib/md5.min.js",
|
||||||
"lib/fuzzysort.js",
|
"lib/fuzzysort.js",
|
||||||
|
"cookie.js",
|
||||||
"loadsong.js",
|
"loadsong.js",
|
||||||
"parseosu.js",
|
"parseosu.js",
|
||||||
"titlescreen.js",
|
"titlescreen.js",
|
||||||
@@ -38,7 +39,6 @@ var assets = {
|
|||||||
"customsongs.js",
|
"customsongs.js",
|
||||||
"abstractfile.js",
|
"abstractfile.js",
|
||||||
"idb.js",
|
"idb.js",
|
||||||
"songcacher.js",
|
|
||||||
"plugins.js",
|
"plugins.js",
|
||||||
"search.js"
|
"search.js"
|
||||||
],
|
],
|
||||||
|
|||||||
41
public/src/js/cookie.js
Normal file
41
public/src/js/cookie.js
Normal file
@@ -0,0 +1,41 @@
|
|||||||
|
var cookie = {
|
||||||
|
get: function(name){
|
||||||
|
var pairs = document.cookie ? document.cookie.split("; ") : []
|
||||||
|
for(var i = 0; i < pairs.length; i++){
|
||||||
|
var idx = pairs[i].indexOf("=")
|
||||||
|
var key = idx > -1 ? pairs[i].slice(0, idx) : pairs[i]
|
||||||
|
if(key === name){
|
||||||
|
var val = idx > -1 ? pairs[i].slice(idx + 1) : ""
|
||||||
|
try{
|
||||||
|
return decodeURIComponent(val)
|
||||||
|
}catch(e){
|
||||||
|
return val
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
},
|
||||||
|
set: function(name, value, maxAge){
|
||||||
|
var v = typeof value === "string" ? value : String(value)
|
||||||
|
document.cookie = name + "=" + encodeURIComponent(v) + ";path=/" + (maxAge ? ";max-age=" + maxAge : "")
|
||||||
|
},
|
||||||
|
getJSON: function(name){
|
||||||
|
var v = this.get(name)
|
||||||
|
if(!v){
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
try{
|
||||||
|
return JSON.parse(v)
|
||||||
|
}catch(e){
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
updateJSON: function(name, updater, maxAge){
|
||||||
|
var obj = this.getJSON(name)
|
||||||
|
var next = updater && updater(obj) || obj
|
||||||
|
try{
|
||||||
|
this.set(name, JSON.stringify(next), maxAge)
|
||||||
|
}catch(e){}
|
||||||
|
return next
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
class ImportSongs{
|
class ImportSongs{
|
||||||
constructor(...args){
|
constructor(...args){
|
||||||
this.init(...args)
|
this.init(...args)
|
||||||
}
|
}
|
||||||
@@ -322,10 +322,6 @@ class ImportSongs{
|
|||||||
songTitle = songTitle.slice(0, uraPos)
|
songTitle = songTitle.slice(0, uraPos)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if(id === "cn" && !meta["titlecn"] && meta.titlezh){
|
|
||||||
titleLang.cn = meta.titlezh
|
|
||||||
titleLangAdded = true
|
|
||||||
}
|
|
||||||
if(meta["title" + id]){
|
if(meta["title" + id]){
|
||||||
titleLang[id] = meta["title" + id]
|
titleLang[id] = meta["title" + id]
|
||||||
titleLangAdded = true
|
titleLangAdded = true
|
||||||
@@ -333,10 +329,6 @@ class ImportSongs{
|
|||||||
titleLang[id] = this.songTitle[songTitle][id] + ura
|
titleLang[id] = this.songTitle[songTitle][id] + ura
|
||||||
titleLangAdded = true
|
titleLangAdded = true
|
||||||
}
|
}
|
||||||
if(id === "cn" && !meta["subtitlecn"] && meta.subtitlezh){
|
|
||||||
subtitleLang.cn = meta.subtitlezh
|
|
||||||
subtitleLangAdded = true
|
|
||||||
}
|
|
||||||
if(meta["subtitle" + id]){
|
if(meta["subtitle" + id]){
|
||||||
subtitleLang[id] = meta["subtitle" + id]
|
subtitleLang[id] = meta["subtitle" + id]
|
||||||
subtitleLangAdded = true
|
subtitleLangAdded = true
|
||||||
|
|||||||
@@ -537,12 +537,9 @@ class Loader{
|
|||||||
}
|
}
|
||||||
return css.join("\n")
|
return css.join("\n")
|
||||||
}
|
}
|
||||||
ajax(url, customRequest, customResponse, cancellationToken){
|
ajax(url, customRequest, customResponse){
|
||||||
var request = new XMLHttpRequest()
|
var request = new XMLHttpRequest()
|
||||||
request.open("GET", url)
|
request.open("GET", url)
|
||||||
if(cancellationToken){
|
|
||||||
cancellationToken.cancel = () => request.abort()
|
|
||||||
}
|
|
||||||
var promise = pageEvents.load(request)
|
var promise = pageEvents.load(request)
|
||||||
if(!customResponse){
|
if(!customResponse){
|
||||||
promise = promise.then(() => {
|
promise = promise.then(() => {
|
||||||
|
|||||||
@@ -949,6 +949,21 @@ class Scoresheet{
|
|||||||
this.showWarning = {name: "scoreSaveFailed"}
|
this.showWarning = {name: "scoreSaveFailed"}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
var key = "taiko_best_records"
|
||||||
|
var obj = cookie.getJSON(key)
|
||||||
|
if(!(hash in obj)){
|
||||||
|
obj[hash] = {}
|
||||||
|
}
|
||||||
|
var prev = obj[hash][difficulty]
|
||||||
|
var total = this.resultsObj.good + this.resultsObj.ok + this.resultsObj.bad
|
||||||
|
var acc = total > 0 ? Math.round(((this.resultsObj.good + this.resultsObj.ok) / total) * 1000) / 10 : 0
|
||||||
|
var combo = this.resultsObj.maxCombo || 0
|
||||||
|
var points = this.resultsObj.points || 0
|
||||||
|
var update = !prev || points > prev.score || (points === prev.score && (acc > prev.accuracy || combo > prev.combo))
|
||||||
|
if(update){
|
||||||
|
obj[hash][difficulty] = {score: points, accuracy: acc, combo: combo, updatedAt: Date.now()}
|
||||||
|
try{ cookie.set(key, JSON.stringify(obj), 31536000) }catch(e){}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
this.scoreSaved = true
|
this.scoreSaved = true
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -57,11 +57,6 @@ class Settings{
|
|||||||
showLyrics: {
|
showLyrics: {
|
||||||
type: "toggle",
|
type: "toggle",
|
||||||
default: true
|
default: true
|
||||||
},
|
|
||||||
cacheSongs: {
|
|
||||||
type: "select",
|
|
||||||
options: ["none", "cacheAll", "cacheCategory", "cacheSingle"],
|
|
||||||
default: "none"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -601,13 +596,7 @@ class SettingsView{
|
|||||||
if(current.type === "language"){
|
if(current.type === "language"){
|
||||||
value = allStrings[value].name + " (" + value + ")"
|
value = allStrings[value].name + " (" + value + ")"
|
||||||
}else if(current.type === "select" || current.type === "gamepad"){
|
}else if(current.type === "select" || current.type === "gamepad"){
|
||||||
if(name === "cacheSongs"){
|
if(current.options_lang && current.options_lang[value]){
|
||||||
if(value === "none"){
|
|
||||||
value = strings.none
|
|
||||||
}else{
|
|
||||||
value = strings.cache[value]
|
|
||||||
}
|
|
||||||
}else if(current.options_lang && current.options_lang[value]){
|
|
||||||
value = this.getLocalTitle(value, current.options_lang[value])
|
value = this.getLocalTitle(value, current.options_lang[value])
|
||||||
}else if(!current.getItem){
|
}else if(!current.getItem){
|
||||||
value = strings.settings[name][value]
|
value = strings.settings[name][value]
|
||||||
@@ -685,22 +674,6 @@ class SettingsView{
|
|||||||
}
|
}
|
||||||
if(current.type === "language" || current.type === "select"){
|
if(current.type === "language" || current.type === "select"){
|
||||||
value = current.options[this.mod(current.options.length, current.options.indexOf(value) + 1)]
|
value = current.options[this.mod(current.options.length, current.options.indexOf(value) + 1)]
|
||||||
if(name === "cacheSongs" && value !== "none"){
|
|
||||||
var cacher = new SongCacher()
|
|
||||||
if(value === "cacheAll"){
|
|
||||||
cacher.cacheAll()
|
|
||||||
}else if(value === "cacheCategory"){
|
|
||||||
var song = assets.songs.find(s => s.id === this.songId)
|
|
||||||
if(song){
|
|
||||||
cacher.cacheCategory(song.category_id)
|
|
||||||
}
|
|
||||||
}else if(value === "cacheSingle"){
|
|
||||||
if(this.songId){
|
|
||||||
cacher.cacheSong(this.songId)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
value = "none"
|
|
||||||
}
|
|
||||||
}else if(current.type === "toggle"){
|
}else if(current.type === "toggle"){
|
||||||
value = !value
|
value = !value
|
||||||
}else if(current.type === "keyboard"){
|
}else if(current.type === "keyboard"){
|
||||||
|
|||||||
@@ -1,82 +0,0 @@
|
|||||||
class SongCacher {
|
|
||||||
constructor() {
|
|
||||||
this.cancelled = false
|
|
||||||
}
|
|
||||||
|
|
||||||
cacheAll() {
|
|
||||||
this.run(assets.songs)
|
|
||||||
}
|
|
||||||
|
|
||||||
cacheCategory(categoryId) {
|
|
||||||
var songs = assets.songs.filter(song => song.category_id === categoryId)
|
|
||||||
this.run(songs)
|
|
||||||
}
|
|
||||||
|
|
||||||
cacheSong(songId) {
|
|
||||||
var songs = assets.songs.filter(song => song.id === songId)
|
|
||||||
this.run(songs)
|
|
||||||
}
|
|
||||||
|
|
||||||
async run(songs) {
|
|
||||||
if (!confirm(strings.cache.cacheConfirm)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
this.cancelled = false
|
|
||||||
var total = songs.length
|
|
||||||
var current = 0
|
|
||||||
|
|
||||||
var loaderDiv = document.createElement("div")
|
|
||||||
loaderDiv.style.position = "fixed"
|
|
||||||
loaderDiv.style.top = "0"
|
|
||||||
loaderDiv.style.left = "0"
|
|
||||||
loaderDiv.style.width = "100%"
|
|
||||||
loaderDiv.style.height = "100%"
|
|
||||||
loaderDiv.style.backgroundColor = "rgba(0,0,0,0.8)"
|
|
||||||
loaderDiv.style.zIndex = "10000"
|
|
||||||
loaderDiv.style.color = "white"
|
|
||||||
loaderDiv.style.display = "flex"
|
|
||||||
loaderDiv.style.justifyContent = "center"
|
|
||||||
loaderDiv.style.alignItems = "center"
|
|
||||||
loaderDiv.style.fontSize = "24px"
|
|
||||||
loaderDiv.style.flexDirection = "column"
|
|
||||||
|
|
||||||
var text = document.createElement("div")
|
|
||||||
loaderDiv.appendChild(text)
|
|
||||||
|
|
||||||
var cancelBtn = document.createElement("button")
|
|
||||||
cancelBtn.innerText = strings.cancel
|
|
||||||
cancelBtn.style.marginTop = "20px"
|
|
||||||
cancelBtn.style.padding = "10px 20px"
|
|
||||||
cancelBtn.style.fontSize = "20px"
|
|
||||||
cancelBtn.onclick = () => {
|
|
||||||
this.cancelled = true
|
|
||||||
document.body.removeChild(loaderDiv)
|
|
||||||
}
|
|
||||||
loaderDiv.appendChild(cancelBtn)
|
|
||||||
|
|
||||||
document.body.appendChild(loaderDiv)
|
|
||||||
|
|
||||||
for (let song of songs) {
|
|
||||||
if (this.cancelled) break
|
|
||||||
current++
|
|
||||||
text.innerText = strings.cache.cacheProgress.replace("%s", current).replace("%s", total) + "\n" + song.title
|
|
||||||
|
|
||||||
try {
|
|
||||||
if (song.music) {
|
|
||||||
await song.music.blob()
|
|
||||||
}
|
|
||||||
if (song.chart && song.chart.read) {
|
|
||||||
await song.chart.read()
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.error(e)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.cancelled) {
|
|
||||||
document.body.removeChild(loaderDiv)
|
|
||||||
alert(strings.cache.cacheComplete)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1989,6 +1989,37 @@ class SongSelect{
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
var recAll = cookie.getJSON("taiko_best_records")
|
||||||
|
var bySong = recAll[currentSong.hash] || null
|
||||||
|
var diffName = currentUra ? "ura" : this.difficultyId[i]
|
||||||
|
var rec = bySong && bySong[diffName] || null
|
||||||
|
var elapsedMS2 = Math.max(this.state.screenMS, this.state.moveMS, this.state.mouseMoveMS)
|
||||||
|
var cycle = Math.floor(((ms - elapsedMS2) % 6000) / 2000)
|
||||||
|
var label = ""
|
||||||
|
if(rec){
|
||||||
|
if(cycle === 0){
|
||||||
|
label = (strings.bestAccuracy || "良率") + " " + (Math.round(rec.accuracy * 10) / 10) + "%"
|
||||||
|
}else if(cycle === 1){
|
||||||
|
label = (strings.bestCombo || "连打数") + " " + rec.combo
|
||||||
|
}else{
|
||||||
|
label = (strings.bestScore || "总分") + " " + rec.score
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
label = (strings.none || "无")
|
||||||
|
}
|
||||||
|
this.draw.verticalText({
|
||||||
|
ctx: ctx,
|
||||||
|
text: label,
|
||||||
|
x: _x,
|
||||||
|
y: songSel ? _y + 220 : _y + 265,
|
||||||
|
width: songSel ? 44 : 56,
|
||||||
|
height: songSel ? 120 : 135,
|
||||||
|
fill: currentUra ? "#fff" : "#000",
|
||||||
|
outline: currentUra ? "#003C52" : false,
|
||||||
|
outlineSize: currentUra ? this.songAsset.letterBorder : 0,
|
||||||
|
fontSize: songSel ? 22 : 24,
|
||||||
|
fontFamily: this.font
|
||||||
|
})
|
||||||
}
|
}
|
||||||
var currentDiff = this.selectedDiff - this.diffOptions.length
|
var currentDiff = this.selectedDiff - this.diffOptions.length
|
||||||
if(this.selectedDiff === 4 + this.diffOptions.length){
|
if(this.selectedDiff === 4 + this.diffOptions.length){
|
||||||
@@ -2841,13 +2872,6 @@ class SongSelect{
|
|||||||
var currentId = this.previewId
|
var currentId = this.previewId
|
||||||
this.previewing = this.selectedSong
|
this.previewing = this.selectedSong
|
||||||
}
|
}
|
||||||
|
|
||||||
if(this.previewCancellationToken){
|
|
||||||
this.previewCancellationToken.cancel()
|
|
||||||
}
|
|
||||||
this.previewCancellationToken = {}
|
|
||||||
var cancellationToken = this.previewCancellationToken
|
|
||||||
|
|
||||||
var songObj = this.previewList.find(song => song && song.id === id)
|
var songObj = this.previewList.find(song => song && song.id === id)
|
||||||
|
|
||||||
if(songObj){
|
if(songObj){
|
||||||
@@ -2860,19 +2884,19 @@ class SongSelect{
|
|||||||
songObj = {id: id}
|
songObj = {id: id}
|
||||||
if(currentSong.previewMusic){
|
if(currentSong.previewMusic){
|
||||||
songObj.preview_time = 0
|
songObj.preview_time = 0
|
||||||
var promise = snd.previewGain.load(currentSong.previewMusic, cancellationToken).catch(() => {
|
var promise = snd.previewGain.load(currentSong.previewMusic).catch(() => {
|
||||||
songObj.preview_time = prvTime
|
songObj.preview_time = prvTime
|
||||||
return snd.previewGain.load(currentSong.music, cancellationToken)
|
return snd.previewGain.load(currentSong.music)
|
||||||
})
|
})
|
||||||
}else if(currentSong.unloaded){
|
}else if(currentSong.unloaded){
|
||||||
var promise = this.getUnloaded(this.selectedSong, songObj, currentId, cancellationToken)
|
var promise = this.getUnloaded(this.selectedSong, songObj, currentId)
|
||||||
}else if(currentSong.sound){
|
}else if(currentSong.sound){
|
||||||
songObj.preview_time = prvTime
|
songObj.preview_time = prvTime
|
||||||
currentSong.sound.gain = snd.previewGain
|
currentSong.sound.gain = snd.previewGain
|
||||||
var promise = Promise.resolve(currentSong.sound)
|
var promise = Promise.resolve(currentSong.sound)
|
||||||
}else if(currentSong.music !== "muted"){
|
}else if(currentSong.music !== "muted"){
|
||||||
songObj.preview_time = prvTime
|
songObj.preview_time = prvTime
|
||||||
var promise = snd.previewGain.load(currentSong.music, cancellationToken)
|
var promise = snd.previewGain.load(currentSong.music)
|
||||||
}else{
|
}else{
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -2926,11 +2950,11 @@ class SongSelect{
|
|||||||
snd.musicGain.fadeOut(0.4)
|
snd.musicGain.fadeOut(0.4)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
getUnloaded(selectedSong, songObj, currentId, cancellationToken){
|
getUnloaded(selectedSong, songObj, currentId){
|
||||||
var currentSong = this.songs[selectedSong]
|
var currentSong = this.songs[selectedSong]
|
||||||
var file = currentSong.chart
|
var file = currentSong.chart
|
||||||
var importSongs = new ImportSongs(false, assets.otherFiles)
|
var importSongs = new ImportSongs(false, assets.otherFiles)
|
||||||
return file.read(currentSong.type === "tja" ? "utf-8" : "", cancellationToken).then(data => {
|
return file.read(currentSong.type === "tja" ? "utf-8" : "").then(data => {
|
||||||
currentSong.chart = new CachedFile(data, file)
|
currentSong.chart = new CachedFile(data, file)
|
||||||
return importSongs[currentSong.type === "tja" ? "addTja" : "addOsu"]({
|
return importSongs[currentSong.type === "tja" ? "addTja" : "addOsu"]({
|
||||||
file: currentSong.chart,
|
file: currentSong.chart,
|
||||||
@@ -2947,7 +2971,7 @@ class SongSelect{
|
|||||||
this.songs[selectedSong] = this.addSong(imported)
|
this.songs[selectedSong] = this.addSong(imported)
|
||||||
this.state.moveMS = this.getMS() - this.songSelecting.speed * this.songSelecting.resize
|
this.state.moveMS = this.getMS() - this.songSelecting.speed * this.songSelecting.resize
|
||||||
if(imported.music && currentId === this.previewId){
|
if(imported.music && currentId === this.previewId){
|
||||||
return snd.previewGain.load(imported.music, cancellationToken).then(sound => {
|
return snd.previewGain.load(imported.music).then(sound => {
|
||||||
imported.sound = sound
|
imported.sound = sound
|
||||||
this.songs[selectedSong].sound = sound
|
this.songs[selectedSong].sound = sound
|
||||||
return sound.copy()
|
return sound.copy()
|
||||||
@@ -3120,15 +3144,6 @@ class SongSelect{
|
|||||||
|
|
||||||
getLocalTitle(title, titleLang){
|
getLocalTitle(title, titleLang){
|
||||||
if(titleLang){
|
if(titleLang){
|
||||||
if(strings.id === "cn"){
|
|
||||||
if(titleLang.cn){
|
|
||||||
return titleLang.cn
|
|
||||||
}
|
|
||||||
if(titleLang.ja){
|
|
||||||
return titleLang.ja
|
|
||||||
}
|
|
||||||
return title
|
|
||||||
}
|
|
||||||
for(var id in titleLang){
|
for(var id in titleLang){
|
||||||
if(id === "en" && strings.preferEn && !(strings.id in titleLang) && titleLang.en || id === strings.id && titleLang[id]){
|
if(id === "en" && strings.preferEn && !(strings.id in titleLang) && titleLang.en || id === strings.id && titleLang[id]){
|
||||||
return titleLang[id]
|
return titleLang[id]
|
||||||
|
|||||||
@@ -10,9 +10,9 @@
|
|||||||
pageEvents.add(window, ["click", "touchend", "keypress"], this.pageClicked.bind(this))
|
pageEvents.add(window, ["click", "touchend", "keypress"], this.pageClicked.bind(this))
|
||||||
this.gainList = []
|
this.gainList = []
|
||||||
}
|
}
|
||||||
load(file, gain, cancellationToken){
|
load(file, gain){
|
||||||
var decoder = file.name.endsWith(".ogg") ? this.oggDecoder : this.audioDecoder
|
var decoder = file.name.endsWith(".ogg") ? this.oggDecoder : this.audioDecoder
|
||||||
return file.arrayBuffer(cancellationToken).then(response => {
|
return file.arrayBuffer().then(response => {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
return decoder(response, resolve, reject)
|
return decoder(response, resolve, reject)
|
||||||
}).catch(error => Promise.reject([error, file.url]))
|
}).catch(error => Promise.reject([error, file.url]))
|
||||||
@@ -89,8 +89,8 @@ class SoundGain{
|
|||||||
}
|
}
|
||||||
this.setVolume(1)
|
this.setVolume(1)
|
||||||
}
|
}
|
||||||
load(url, cancellationToken){
|
load(url){
|
||||||
return this.soundBuffer.load(url, this, cancellationToken)
|
return this.soundBuffer.load(url, this)
|
||||||
}
|
}
|
||||||
convertTime(time, absolute){
|
convertTime(time, absolute){
|
||||||
return this.soundBuffer.convertTime(time, absolute)
|
return this.soundBuffer.convertTime(time, absolute)
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
var languageList = ["ja", "en", "cn", "tw", "ko"]
|
var languageList = ["ja", "en", "cn", "tw", "ko"]
|
||||||
var translations = {
|
var translations = {
|
||||||
name: {
|
name: {
|
||||||
ja: "日本語",
|
ja: "日本語",
|
||||||
@@ -67,6 +67,27 @@ var translations = {
|
|||||||
tw: "選擇難度",
|
tw: "選擇難度",
|
||||||
ko: "난이도 선택"
|
ko: "난이도 선택"
|
||||||
},
|
},
|
||||||
|
bestAccuracy: {
|
||||||
|
ja: "良率",
|
||||||
|
en: "Accuracy",
|
||||||
|
cn: "良率",
|
||||||
|
tw: "良率",
|
||||||
|
ko: "정확도"
|
||||||
|
},
|
||||||
|
bestCombo: {
|
||||||
|
ja: "連打数",
|
||||||
|
en: "Max Combo",
|
||||||
|
cn: "连打数",
|
||||||
|
tw: "連打數",
|
||||||
|
ko: "최대 콤보"
|
||||||
|
},
|
||||||
|
bestScore: {
|
||||||
|
ja: "総得点",
|
||||||
|
en: "Score",
|
||||||
|
cn: "总分",
|
||||||
|
tw: "總分",
|
||||||
|
ko: "총점"
|
||||||
|
},
|
||||||
back: {
|
back: {
|
||||||
ja: "もどる",
|
ja: "もどる",
|
||||||
en: "Back",
|
en: "Back",
|
||||||
@@ -1235,54 +1256,6 @@ var translations = {
|
|||||||
ko: "제작자:"
|
ko: "제작자:"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cache: {
|
|
||||||
cacheSongs: {
|
|
||||||
ja: "曲をキャッシュ",
|
|
||||||
en: "Cache Songs",
|
|
||||||
cn: "缓存歌曲",
|
|
||||||
tw: "緩存歌曲",
|
|
||||||
ko: "곡 캐시"
|
|
||||||
},
|
|
||||||
cacheAll: {
|
|
||||||
ja: "すべてのカテゴリ",
|
|
||||||
en: "All Categories",
|
|
||||||
cn: "全部分类",
|
|
||||||
tw: "全部分類",
|
|
||||||
ko: "모든 카테고리"
|
|
||||||
},
|
|
||||||
cacheCategory: {
|
|
||||||
ja: "現在のカテゴリ",
|
|
||||||
en: "Current Category",
|
|
||||||
cn: "对应分类",
|
|
||||||
tw: "對應分類",
|
|
||||||
ko: "현재 카테고리"
|
|
||||||
},
|
|
||||||
cacheSingle: {
|
|
||||||
ja: "単一の曲",
|
|
||||||
en: "Single Song",
|
|
||||||
cn: "单独歌曲",
|
|
||||||
tw: "單獨歌曲",
|
|
||||||
ko: "개별 곡"
|
|
||||||
},
|
|
||||||
cacheConfirm: {
|
|
||||||
en: "This will download a lot of data. Continue?",
|
|
||||||
cn: "这将下载大量数据,确定吗?"
|
|
||||||
},
|
|
||||||
cacheProgress: {
|
|
||||||
en: "Caching... %s / %s",
|
|
||||||
cn: "缓存中... %s / %s"
|
|
||||||
},
|
|
||||||
cacheComplete: {
|
|
||||||
en: "Caching complete!",
|
|
||||||
cn: "缓存完成!"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
admin: {
|
|
||||||
login: {
|
|
||||||
en: "Admin Login",
|
|
||||||
cn: "管理员登录"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
withLyrics: {
|
withLyrics: {
|
||||||
ja: "歌詞あり",
|
ja: "歌詞あり",
|
||||||
en: "With lyrics",
|
en: "With lyrics",
|
||||||
|
|||||||
@@ -1,27 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Taiko Web Admin Login</title>
|
|
||||||
<link href="{{config.basedir}}src/css/admin.css" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background: #eee; margin: 0; }
|
|
||||||
.container { background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; }
|
|
||||||
input { padding: 10px; margin: 10px 0; display: block; width: 200px; }
|
|
||||||
button { padding: 10px; width: 100%; background: #333; color: white; border: none; cursor: pointer; }
|
|
||||||
button:hover { background: #555; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>Admin Login</h1>
|
|
||||||
<form method="POST">
|
|
||||||
<input type="password" name="password" placeholder="Password" required>
|
|
||||||
<button type="submit">Login</button>
|
|
||||||
{% if error %}
|
|
||||||
<p style="color: red">{{ error }}</p>
|
|
||||||
{% endif %}
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
{% extends 'admin.html' %}
|
|
||||||
{% block content %}
|
|
||||||
<h1>Statistics</h1>
|
|
||||||
<div class="stats-overview">
|
|
||||||
<p><strong>Total Users:</strong> {{ stats.users }}</p>
|
|
||||||
<p><strong>Total Songs:</strong> {{ stats.songs }}</p>
|
|
||||||
<p><strong>Total Plays:</strong> {{ stats.plays }}</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h2>Top Played Songs</h2>
|
|
||||||
<table>
|
|
||||||
<tr><th>ID</th><th>Title</th><th>Plays</th></tr>
|
|
||||||
{% for song in top_songs %}
|
|
||||||
<tr>
|
|
||||||
<td>{{ song.id }}</td>
|
|
||||||
<td>{{ song.title }}</td>
|
|
||||||
<td>{{ song.play_count }}</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</table>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -29,9 +29,9 @@
|
|||||||
<div id="screen" class="pattern-bg"></div>
|
<div id="screen" class="pattern-bg"></div>
|
||||||
<div data-nosnippet id="version">
|
<div data-nosnippet id="version">
|
||||||
{% if version.version and version.commit_short and version.commit %}
|
{% if version.version and version.commit_short and version.commit %}
|
||||||
<a href="{{version.url}}commit/{{version.commit}}" target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="vLightNova 1.0.0">vLightNova 1.0.0</a>
|
<a href="{{version.url}}commit/{{version.commit}}" target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="taiko-web ver.{{version.version}} ({{version.commit_short}})">taiko-web ver.{{version.version}} ({{version.commit_short}})</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="vLightNova 1.0.0">vLightNova 1.0.0</a>
|
<a target="_blank" rel="noopener" id="version-link" class="stroke-sub" alt="taiko-web vRAINBOW-BETA4">taiko-web vRAINBOW-BETA4</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<script src="src/js/browsersupport.js?{{version.commit_short}}"></script>
|
<script src="src/js/browsersupport.js?{{version.commit_short}}"></script>
|
||||||
|
|||||||
@@ -154,25 +154,4 @@
|
|||||||
"namco",
|
"namco",
|
||||||
"namcooriginal"
|
"namcooriginal"
|
||||||
]
|
]
|
||||||
},{
|
|
||||||
"id": 8,
|
|
||||||
"title": "Custom Charts",
|
|
||||||
"title_lang": {
|
|
||||||
"ja": "自作譜面",
|
|
||||||
"en": "Custom Charts",
|
|
||||||
"cn": "自制谱面",
|
|
||||||
"tw": "自製譜面",
|
|
||||||
"ko": "커스텀 채보"
|
|
||||||
},
|
|
||||||
"song_skin": {
|
|
||||||
"sort": 8,
|
|
||||||
"background": "#ff3399",
|
|
||||||
"border": ["#ff99cc", "#cc0066"],
|
|
||||||
"outline": "#99004d",
|
|
||||||
"info_fill": "#99004d",
|
|
||||||
"bg_img": "bg_genre_6.png"
|
|
||||||
},
|
|
||||||
"aliases": [
|
|
||||||
"custom"
|
|
||||||
]
|
|
||||||
}]
|
}]
|
||||||
|
|||||||
Reference in New Issue
Block a user