degradin/CampFirePlay
degradin/CampFirePlay
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Degradin 2025-01-18 03:48:53 +03:00
parent 5e906d8052
commit de9d6fcb24
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/index.html
View File

@ -185,7 +185,7 @@
// metall: DataTypes.INTEGER, // metall: DataTypes.INTEGER,
// gold: DataTypes.INTEGER, // gold: DataTypes.INTEGER,
// diamond: DataTypes.INTEGER,) // diamond: DataTypes.INTEGER,)
// выводим красиво, количество каждого ресурса (без прогрессбара) и добавляем в конце прогрессбар заполненности (warehouseCapacity это максимальная вместимость совокупности всех ресурсов) // выводим красиво, количество каждого ресурса (без прогрессбара) и добавляем в конце прогрессбар заполненности с указанием процента (warehouseCapacity это максимальная вместимость совокупности всех ресурсов)
const warehouseDiv = document.getElementById("warehouse"); const warehouseDiv = document.getElementById("warehouse");
warehouseDiv.innerHTML = ""; warehouseDiv.innerHTML = "";
const resources = ['wood', 'coal', 'oil', 'metall', 'gold', 'diamond']; const resources = ['wood', 'coal', 'oil', 'metall', 'gold', 'diamond'];
@ -195,12 +195,12 @@
warehouseDiv.appendChild(div); warehouseDiv.appendChild(div);
}); });
// Добавляем прогрессбар заполненности склада // Добавляем прогрессбар заполненности склада
const warehouseProgress = (Object.values(warehouse).reduce((acc, val) => acc + val, 0) / warehouse.warehouseCapacity) * 100; const warehouseCapacity = warehouse.wood + warehouse.coal + warehouse.oil + warehouse.metall + warehouse.gold + warehouse.diamond;
const warehouseProgressBar = document.createElement("div"); const progress = (warehouseCapacity / warehouse.capacity) * 100;
warehouseProgressBar.classList.add("progress-bar"); const progressBar = document.createElement("div");
warehouseProgressBar.innerHTML = `<div class="progress-bar-inner" style="width: ${warehouseProgress}%"></div>`; progressBar.classList.add("progress-bar");
warehouseDiv.appendChild(warehouseProgressBar); progressBar.innerHTML = `<div class="progress-bar-inner" style="width: ${progress}%"></div>`;
warehouseDiv.appendChild(progressBar);
}) })
.catch(err => { .catch(err => {
console.error("Ошибка загрузки данных:", err); console.error("Ошибка загрузки данных:", err);