diff --git a/index.html b/index.html deleted file mode 100755 index 0865148..0000000 --- a/index.html +++ /dev/null @@ -1,162 +0,0 @@ - - - - - - GNexus Welcome page - - - - -
-
- -
- -
- -
- GNexus Cloud -
GNexus Cloud
-
- - - -
- GNexus Blog -
GNexus Blog
-
- - - -
- Jellyfin -
Jellyfin
-
- - - -
- Transmission -
Transmission
-
- - - -
- Anicusi -
Anicusi
-
- - - -
- Git Bucket -
Git Bucket
-
- -
- - -
- - \ No newline at end of file diff --git a/index.php b/index.php new file mode 100755 index 0000000..90b403e --- /dev/null +++ b/index.php @@ -0,0 +1,232 @@ + + + + + + GNexus Welcome page + + + + + +
+
+
+
+ + + +
+ +
+
+ +
+ +
+ +
+ GNexus Cloud +
GNexus Cloud
+
+ + + +
+ GNexus Blog +
GNexus Blog
+
+ + + +
+ Jellyfin +
Jellyfin
+
+ + + +
+ Transmission +
Transmission
+
+ + + +
+ Anicusi +
Anicusi
+
+ + + +
+ Git Bucket +
Git Bucket
+
+ +
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..a4056c4 --- /dev/null +++ b/main.js @@ -0,0 +1,48 @@ +document.addEventListener("DOMContentLoaded", e => { + document.querySelector(".float-info-btn").addEventListener("click", e => { + if(e.currentTarget.classList.contains("active")) { + e.currentTarget.classList.remove("active"); + document.querySelector(".info-popup").style.display = "none"; + } else { + e.currentTarget.classList.add("active"); + document.querySelector(".info-popup").style.display = "block"; + } + }); + + document.querySelector(".info-popup .content").innerHTML = generateHTML(disksSpaceInfo); + +}); + +function generateHTML(data) { + let html = `

Disk Space


`; + + // Генерация таблицы для каждого диска + for (const [disk, info] of Object.entries(data)) { + if (disk === "summary") continue; // Пропустить сводку + + html += ` +
+

${disk}

+ + + + + + +
Status${info.status}
Total Space${info.total}
Used Space${info.used}
Available Space${info.available}
Used Percentage${info.usedPercentage}
+
+ `; + } + + // Добавление сводки + if (data.summary) { + html += ` +
+

Summary

+

Total Available Space: ${data.summary.totalAvailable}

+
+ `; + } + + return html; +} \ No newline at end of file