Change Error Info Box + Clean HTML

This commit is contained in:
MasterAcnolo
2025-11-17 16:40:05 +01:00
parent 1372582c54
commit 0437cb61a2
2 changed files with 34 additions and 45 deletions

View File

@@ -16,6 +16,11 @@
</head> </head>
<body> <body>
<div class="theme-switcher">
<label for="themeSelect">Thème :</label>
<select id="themeSelect" aria-label="Choisir le thème"></select>
</div>
<div class="container"> <div class="container">
<header> <header>
@@ -45,13 +50,6 @@
<button type="submit" onclick="startProgress()">Télécharger</button> <button type="submit" onclick="startProgress()">Télécharger</button>
</form> </form>
<!--Il faut utiliser un formulaire, parce que on doit envoyer a un serveur
les données à traiter. Pour cela on définit une route vers /download, ca va
être l'espèce de "canal" attribué a ça. Ca va faire que si jamais on veut ensuite recup
les infos du form, il faut aller sur ce canal précis (/download). La méthode POST dit
que l'on envoie des données.-->
</div> </div>
<div class="download-path"> <div class="download-path">
@@ -59,7 +57,6 @@
<button id="changePath">Modifier</button> <button id="changePath">Modifier</button>
</div> </div>
<div id="downloadProgressWrapper"> <div id="downloadProgressWrapper">
<div id="downloadProgress"></div> <div id="downloadProgress"></div>
</div> </div>
@@ -69,18 +66,13 @@
<div id="downloadSpeedText"></div> <div id="downloadSpeedText"></div>
</div> </div>
<div id="downloadStatus"></div> <div id="downloadStatus"></div>
<div class="infos-container"> <div class="infos-container">
<div id="videoInfo" style="margin-top: 20px;"></div> <div id="videoInfo" style="margin-top: 20px; "></div>
</div> </div>
<footer class="theme-switcher"> <!-- Scripts -->
<label for="themeSelect">Thème :</label>
<select id="themeSelect" aria-label="Choisir le thème"></select>
</footer>
<script src="script/custompath.js"></script> <script src="script/custompath.js"></script>
<script src="script/downloadstatus.js"></script> <script src="script/downloadstatus.js"></script>
<script src="script/fetchinfo.js"></script> <script src="script/fetchinfo.js"></script>

View File

@@ -51,13 +51,10 @@ document.addEventListener("DOMContentLoaded", () => {
if (data.error) { if (data.error) {
infoDiv.innerHTML = ` infoDiv.innerHTML = `
<div style=" <div style="
padding:12px; padding:7px;
background:#380a0a; background:var(----infos-box-color);
border:1px solid #a93333;
border-radius:6px;
margin-top:10px;
"> ">
<strong>Erreur :</strong> ${data.error} <strong>${data.error}</strong>
</div> </div>
`; `;
infoDiv.classList.add("visible"); infoDiv.classList.add("visible");