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

70
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>
<form action="/download" method="POST" id="downloadForm">
<input name="url" placeholder="URL" id="UrlInput">
<div class="container">
<label class="checkbox-inline">
<header>
<h1 id="title"> Freedom Loader </h1>
<p id="subtitle"> Because why not? </p>
</header>
<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>
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>
<!--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 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>