-
+
![Avatar]()
-
- Player Profile
- Loading...
+
-
+
Loading...
+ Global: #--
+ Local: #--
+ PP: -- pp
Global Rank: #--
- Local Rank: #--
- Performance: -- pp
@@ -387,13 +407,13 @@
-
-
+
+
+
+
+
+
+
@@ -466,19 +486,25 @@
if (saved) config = { ...config, ...JSON.parse(saved) };
document.getElementById('inp-ws').value = config.ws;
- document.getElementById('inp-layout').value = config.layout;
document.getElementById('inp-scale').value = config.scale;
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;
}
function saveSettings() {
config.ws = document.getElementById('inp-ws').value;
- config.layout = document.getElementById('inp-layout').value;
config.scale = parseFloat(document.getElementById('inp-scale').value) || 1.0;
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;
+
localStorage.setItem('bsCyberConfig', JSON.stringify(config));
els.settings.classList.remove('show');
@@ -500,13 +526,16 @@
els.app.style.left = isLeft ? '20px' : 'auto';
els.app.style.right = isLeft ? 'auto' : '20px';
- // 2. ИСПРАВЛЕНИЕ: привязка к нужной грани внутри контейнера для нижних режимов
+ // 2. ИНВЕРСИЯ ВЕРТИКАЛИ ДЛЯ BOTTOM:
+ // Если режим bottom, переворачиваем flex-поток, чтобы стеклянная панель была у края экрана
+ els.playingOverlay.style.flexDirection = isTop ? 'column' : 'column-reverse';
+
els.menuOverlay.style.top = isTop ? '0' : 'auto';
els.menuOverlay.style.bottom = isTop ? 'auto' : '0';
els.playingOverlay.style.top = isTop ? '0' : 'auto';
els.playingOverlay.style.bottom = isTop ? 'auto' : '0';
- // 3. Отзеркаливание контейнеров
+ // 3. Отзеркаливание контейнеров (Left / Right)
els.app.style.alignItems = isLeft ? 'flex-start' : 'flex-end';
els.playingOverlay.style.alignItems = isLeft ? 'flex-start' : 'flex-end';
@@ -520,7 +549,12 @@
document.getElementById('bottom-stats').style.alignItems = isLeft ? 'flex-start' : 'flex-end';
document.querySelector('.bottom-stat-row').style.flexDirection = isLeft ? 'row' : 'row-reverse';
- // 6. Направление заполнения полосок (если справа, заполняются справа налево)
+ // 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. Направление заполнения прогресс-баров
els.hpFill.style.marginLeft = isLeft ? '0' : 'auto';
els.progFill.style.marginLeft = isLeft ? '0' : 'auto';
}
@@ -570,38 +604,35 @@
}
}
- // === ИСПРАВЛЕННЫЙ BEATLEADER API ===
async function fetchBL(force = false) {
if (!config.blId || !config.showBL) return;
if (!force && Date.now() - lastBlFetch < 60000) return;
try {
showDebug("Fetching BeatLeader data...");
-
- // Проверяем, ввел ли пользователь только цифры (Steam ID)
const isNumeric = /^\d+$/.test(config.blId);
- // ИСПОЛЬЗУЕМ ДОМЕН .xyz! Домен .com выдает ошибку CORS.
- const url = isNumeric
- ? `https://api.beatleader.xyz/player/${config.blId}?stats=true`
- : `https://api.beatleader.xyz/players?search=${config.blId}`;
-
- const res = await fetch(url);
-
- if (!res.ok) throw new Error(`Network response was not ok: ${res.status}`);
- const json = await res.json();
-
- // Если искали по никнейму, API возвращает объект { data: [...] }
- const player = json.data ? json.data[0] : json;
-
- if (!player) {
- throw new Error("Игрок не найден");
+ let originalUrl;
+ if (isNumeric) {
+ originalUrl = `https://api.beatleader.xyz/player/${config.blId}?stats=true`;
+ } else {
+ originalUrl = `https://api.beatleader.xyz/players?search=${encodeURIComponent(config.blId)}`;
}
+ const proxiedUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(originalUrl)}`;
+ const res = await fetch(proxiedUrl, { headers: { 'Accept': 'application/json' } });
+
+ if (!res.ok) throw new Error(`Network error: ${res.status}`);
+
+ const json = await res.json();
+ const player = json.data ? json.data[0] : json;
+
+ if (!player || !player.name) throw new Error("Player not found");
+
els.blName.textContent = player.name || "Unknown";
- els.blGlobal.textContent = `#${(player.rank || 0).toLocaleString()}`;
- els.blLocal.textContent = `#${(player.countryRank || 0).toLocaleString()} (${player.country || 'N/A'})`;
- els.blPp.textContent = `${Math.round(player.pp || 0).toLocaleString()} pp`;
+ els.blGlobal.textContent = player.rank ? `#${player.rank.toLocaleString()}` : "#--";
+ els.blLocal.textContent = player.countryRank ? `#${player.countryRank.toLocaleString()} (${player.country || 'N/A'})` : "#-- (N/A)";
+ els.blPp.textContent = player.pp ? `${Math.round(player.pp).toLocaleString()}` : "--";
if (player.avatar) {
els.blAvatar.src = player.avatar;
@@ -611,11 +642,11 @@
}
lastBlFetch = Date.now();
- showDebug("BeatLeader updated");
+ showDebug("BeatLeader updated ✓");
} catch (err) {
showDebug("BL Error: " + err.message);
- els.blName.textContent = "Error: Проверь ID/Ник";
- console.error(err);
+ els.blName.textContent = "Error loading profile";
+ console.error("BeatLeader fetch failed:", err);
}
}