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>
<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>
<h1 id="title"> Freedom Loader </h1>
<p id="subtitle"> Because why not? </p>
</header>
<div class="container">
<form action="/download" method="POST" id="downloadForm">
<input name="url" placeholder="URL" id="UrlInput">
<header>
<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">
<input type="checkbox" name="audioOnly" value="1">
<div class="checkmark"></div>
</label>
Audio seulement (MP3)
<label class="checkbox-inline">
<label class="checkbox-mp3">
<input type="checkbox" name="audioOnly" value="1">
<div class="checkmark"></div>
</label>
<select name="quality">
<option value="best">Meilleure qualité</option>
<option value="medium">Qualité moyenne</option>
<option value="worst">Qualité minimale</option>
<option value="1080">1080p</option>
<option value="720">720p</option>
<option value="480">480p</option>
</select>
<button type="submit" onclick="startProgress()">Télécharger</button>
</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.-->
Audio seulement (MP3)
</label>
<select name="quality">
<option value="best">Meilleure qualité</option>
<option value="medium">Qualité moyenne</option>
<option value="worst">Qualité minimale</option>
<option value="1080">1080p</option>
<option value="720">720p</option>
<option value="480">480p</option>
</select>
<button type="submit" onclick="startProgress()">Télécharger</button>
</form>
</div>
<div class="download-path">
@@ -59,7 +57,6 @@
<button id="changePath">Modifier</button>
</div>
<div id="downloadProgressWrapper">
<div id="downloadProgress"></div>
</div>
@@ -69,18 +66,13 @@
<div id="downloadSpeedText"></div>
</div>
<div id="downloadStatus"></div>
<div class="infos-container">
<div id="videoInfo" style="margin-top: 20px;"></div>
<div id="videoInfo" style="margin-top: 20px; "></div>
</div>
<footer class="theme-switcher">
<label for="themeSelect">Thème :</label>
<select id="themeSelect" aria-label="Choisir le thème"></select>
</footer>
<!-- Scripts -->
<script src="script/custompath.js"></script>
<script src="script/downloadstatus.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) {
infoDiv.innerHTML = `
<div style="
padding:12px;
background:#380a0a;
border:1px solid #a93333;
border-radius:6px;
margin-top:10px;
padding:7px;
background:var(----infos-box-color);
">
<strong>Erreur :</strong> ${data.error}
<strong>${data.error}</strong>
</div>
`;
infoDiv.classList.add("visible");