page parametres

This commit is contained in:
Grizouille
2025-11-08 17:43:18 +01:00
parent 933105b521
commit 45b442efcd
5 changed files with 77 additions and 35 deletions

View File

@@ -57,6 +57,9 @@
<li class="nav-item">
<a class="nav-link" id="nav-task-queue" data-toggle="tab" href="#queue">Queue (5)</a>
</li>
<li class="nav-item">
<a class="nav-link" id="nav-task-param" data-toggle="tab" href="#param">Parameter (6)</a>
</li>
</ul>
</div> <!-- end row -->
@@ -105,15 +108,15 @@
<br>
<h3>Download stuff via youtube-dl</h3>
<div class="input-group">
<input type="text" class="form-control" id="youtubedl-query" placeholder="Download audio from YouTube, Invidious, Vimeo, Soundcloud, YouPorn, ... " />
<input type="text" class="form-control" id="youtubedl-query" placeholder="Download audio from YouTube, Invidious, Vimeo, Soundcloud, ... " />
&nbsp;
</div>
<br>
<span class="input-group-btn">
<button type="button" class="btn btn-info" id="yt_download_play">Download & Play</button>
<button type="button" class="btn btn-info" id="yt_download">Download</button>
<button type="button" class="btn btn-info" onclick="$('#youtubedl-query').val('')" >Clear</button>
</span>
<span class="input-group-btn">
<button type="button" class="btn btn-info" id="yt_download_play">Download & Play</button>
<button type="button" class="btn btn-info" id="yt_download">Download</button>
<button type="button" class="btn btn-info" onclick="$('#youtubedl-query').val('')" >Clear</button>
</span>
</div> <!-- end div tab youtube-dl -->
<div id="spotify-playlists" class="container tab-pane fade">
@@ -188,6 +191,31 @@
</table>
</div> <!-- end div tab queue -->
<div id="param" class="container tab-pane fade">
<br>
<h3 class="mb-4 text-center">Configuration</h3>
<form class="p-4 rounded" id="paramters" >
<div class="form-group">
<label for="directory-path">Directory Path</label>
<input type="text" class="form-control" id="param-directry-path" name="directory_path" placeholder="/path/to/folder" required>
</div>
<div class="form-group">
<label for="login">Login</label>
<input type="text" class="form-control" id="param-login" name="login" placeholder="Username" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="param-password" name="password" placeholder="••••••" required>
</div>
<button type="submit" class="btn btn-info btn-block font-weight-bold">Save</button>
</div>
<!-- end div tab parameters -->
<footer class="footer">
<div class="container">
<span class="text-muted">