Linus-Enjoyer/Freedom-Loader
1
0
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-07-29 18:25:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change Error Info Box + Clean HTML

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

68
public/index.html
View File

@@ -16,42 +16,40 @@
</head> </head>
<body> <body>
<div class="container"> <div class="theme-switcher">
<label for="themeSelect">Thème :</label>
<select id="themeSelect" aria-label="Choisir le thème"></select>
</div>
<header> <div class="container">
<h1 id="title"> Freedom Loader </h1>
<p id="subtitle"> Because why not? </p>
</header>
<form action="/download" method="POST" id="downloadForm"> <header>
<input name="url" placeholder="URL" id="UrlInput"> <h1 id="title"> Freedom Loader </h1>
<p id="subtitle"> Because why not? </p>
</header>
<label class="checkbox-inline"> <form action="/download" method="POST" id="downloadForm">
<input name="url" placeholder="URL" id="UrlInput">
<label class="checkbox-mp3"> <label class="checkbox-inline">
<input type="checkbox" name="audioOnly" value="1">
<div class="checkmark"></div> <label class="checkbox-mp3">
</label> <input type="checkbox" name="audioOnly" value="1">
Audio seulement (MP3) <div class="checkmark"></div>
</label> </label>
<select name="quality"> Audio seulement (MP3)
<option value="best">Meilleure qualité</option> </label>
<option value="medium">Qualité moyenne</option> <select name="quality">
<option value="worst">Qualité minimale</option> <option value="best">Meilleure qualité</option>
<option value="1080">1080p</option> <option value="medium">Qualité moyenne</option>
<option value="720">720p</option> <option value="worst">Qualité minimale</option>
<option value="480">480p</option> <option value="1080">1080p</option>
</select> <option value="720">720p</option>
<option value="480">480p</option>
<button type="submit" onclick="startProgress()">Télécharger</button> </select>
</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.-->
<button type="submit" onclick="startProgress()">Télécharger</button>
</form>
</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>

9
public/script/fetchinfo.js
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");