-
-
0:00 / 0:00
+
@@ -446,6 +453,7 @@
diff: document.getElementById('difficulty'),
bpm: document.getElementById('bpm'),
key: document.getElementById('key'),
+ date: document.getElementById('map-date'),
cover: document.getElementById('cover'),
accNum: document.getElementById('acc-num'),
accGrade: document.getElementById('acc-grade'),
@@ -469,6 +477,7 @@
let debugTimeout = null;
let duration = 0;
let lastBlFetch = 0;
+ let blFailCount = 0;
function init() {
loadSettings();
@@ -490,7 +499,6 @@
document.getElementById('inp-bl').value = config.blId;
document.getElementById('inp-show-bl').checked = config.showBL !== false;
- // Устанавливаем радио-кнопку
const radio = document.querySelector(`input[name="layout"][value="${config.layout}"]`);
if(radio) radio.checked = true;
}
@@ -501,7 +509,6 @@
config.blId = document.getElementById('inp-bl').value.trim();
config.showBL = document.getElementById('inp-show-bl').checked;
- // Читаем радио-кнопку
const checkedRadio = document.querySelector('input[name="layout"]:checked');
if(checkedRadio) config.layout = checkedRadio.value;
@@ -517,7 +524,6 @@
const isLeft = config.layout.includes('left');
const isTop = config.layout.includes('top');
- // 1. Позиция на экране и точка масштабирования
els.app.style.transformOrigin = `${isLeft ? 'left' : 'right'} ${isTop ? 'top' : 'bottom'}`;
els.app.style.transform = `scale(${config.scale})`;
@@ -526,8 +532,6 @@
els.app.style.left = isLeft ? '20px' : 'auto';
els.app.style.right = isLeft ? 'auto' : '20px';
- // 2. ИНВЕРСИЯ ВЕРТИКАЛИ ДЛЯ BOTTOM:
- // Если режим bottom, переворачиваем flex-поток, чтобы стеклянная панель была у края экрана
els.playingOverlay.style.flexDirection = isTop ? 'column' : 'column-reverse';
els.menuOverlay.style.top = isTop ? '0' : 'auto';
@@ -535,26 +539,23 @@
els.playingOverlay.style.top = isTop ? '0' : 'auto';
els.playingOverlay.style.bottom = isTop ? 'auto' : '0';
- // 3. Отзеркаливание контейнеров (Left / Right)
els.app.style.alignItems = isLeft ? 'flex-start' : 'flex-end';
els.playingOverlay.style.alignItems = isLeft ? 'flex-start' : 'flex-end';
- // 4. Отзеркаливание контента внутри карточки
document.getElementById('header-row').style.flexDirection = isLeft ? 'row' : 'row-reverse';
document.getElementById('text-block').style.alignItems = isLeft ? 'flex-start' : 'flex-end';
document.getElementById('text-block').style.textAlign = isLeft ? 'left' : 'right';
document.getElementById('stats-row').style.justifyContent = isLeft ? 'flex-start' : 'flex-end';
- // 5. Отзеркаливание нижних статов
document.getElementById('bottom-stats').style.alignItems = isLeft ? 'flex-start' : 'flex-end';
document.querySelector('.bottom-stat-row').style.flexDirection = isLeft ? 'row' : 'row-reverse';
- // 6. Отзеркаливание плашки BeatLeader
document.getElementById('bl-wrapper').style.flexDirection = isLeft ? 'row' : 'row-reverse';
document.getElementById('bl-info').style.alignItems = isLeft ? 'flex-start' : 'flex-end';
document.getElementById('bl-info').style.textAlign = isLeft ? 'left' : 'right';
- // 7. Направление заполнения прогресс-баров
+ document.getElementById('bsr-line').style.justifyContent = isLeft ? 'flex-start' : 'flex-end';
+
els.hpFill.style.marginLeft = isLeft ? '0' : 'auto';
els.progFill.style.marginLeft = isLeft ? '0' : 'auto';
}
@@ -592,15 +593,33 @@
return { grade: 'E', color: 'darkred' };
}
+ function getDifficultyStyle(diff) {
+ const d = diff.toLowerCase();
+ if (d.includes('easy')) return { color: '#3cb371', shadow: 'rgba(60, 179, 113, 0.5)' };
+ if (d.includes('normal')) return { color: '#59b0f4', shadow: 'rgba(89, 176, 244, 0.5)' };
+ if (d.includes('hard')) return { color: '#ff9800', shadow: 'rgba(255, 152, 0, 0.5)' };
+ if (d.includes('expert+') || d.includes('expertplus')) return { color: '#8f48db', shadow: 'rgba(143, 72, 219, 0.5)' };
+ if (d.includes('expert')) return { color: '#e53935', shadow: 'rgba(229, 57, 53, 0.5)' };
+ return { color: '#fff', shadow: 'rgba(255, 255, 255, 0.5)' };
+ }
+
async function fetchBSR(hash) {
try {
els.key.textContent = `BSR: Loading...`;
+ els.date.textContent = ``;
const res = await fetch(`https://api.beatsaver.com/maps/hash/${hash}`);
if (!res.ok) throw new Error("Not found");
const data = await res.json();
els.key.textContent = `BSR: ${data.id}`;
+
+ // Форматирование даты
+ if (data.uploaded) {
+ const date = new Date(data.uploaded);
+ els.date.textContent = date.toLocaleDateString();
+ }
} catch (err) {
els.key.textContent = `BSR: N/A`;
+ els.date.textContent = ``;
}
}
@@ -609,9 +628,7 @@
if (!force && Date.now() - lastBlFetch < 60000) return;
try {
- showDebug("Fetching BeatLeader data...");
const isNumeric = /^\d+$/.test(config.blId);
-
let originalUrl;
if (isNumeric) {
originalUrl = `https://api.beatleader.xyz/player/${config.blId}?stats=true`;
@@ -642,9 +659,12 @@
}
lastBlFetch = Date.now();
- showDebug("BeatLeader updated ✓");
+ blFailCount = 0;
} catch (err) {
- showDebug("BL Error: " + err.message);
+ blFailCount++;
+ if (blFailCount >= 5) {
+ showDebug(`BL Error: ${err.message} (${blFailCount} fails)`);
+ }
els.blName.textContent = "Error loading profile";
console.error("BeatLeader fetch failed:", err);
}
@@ -678,6 +698,10 @@
els.artist.textContent = mapper ? `${m.artist} // ${mapper}` : m.artist;
els.diff.textContent = `${m.characteristic} ${m.difficulty}`;
+ const diffStyle = getDifficultyStyle(m.difficulty);
+ els.diff.style.color = diffStyle.color;
+ els.diff.style.textShadow = `0 0 5px ${diffStyle.shadow}`;
+
els.bpm.textContent = `BPM ${Math.round(m.BPM || 0)}`;
if (m.coverRaw) els.cover.src = `data:image/png;base64,${m.coverRaw}`;
@@ -685,10 +709,14 @@
if (m.BSRKey) {
els.key.textContent = `BSR: ${m.BSRKey}`;
+ els.date.textContent = ``;
+ // Даже если ключ есть, пробуем обновить дату
+ if (m.level_id?.startsWith('custom_level_')) fetchBSR(m.level_id.substring(13));
} else if (m.level_id?.startsWith('custom_level_')) {
fetchBSR(m.level_id.substring(13));
} else {
els.key.textContent = `OST/DLC`;
+ els.date.textContent = ``;
}
}