jfork/octane-website
1
0
Fork 0
mirror of https://github.com/nfonteyne/octane-website.git synced 2026-09-03 23:24:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: autosearch for musics

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-07-08 14:46:48 +02:00
parent 9426b73940
commit 6d8fe814b0
12 changed files with 380 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
public/index.html
View file

@ -16,19 +16,28 @@
<p class="page-subtitle">Les morceaux travaillés par le groupe, avec liens d'écoute et tutos par instrument.</p>
<div id="error"></div>
<div class="panel">
<h2 style="margin-top:0">Ajouter un morceau</h2>
<div class="section-header">
<h2 style="margin:0">Morceaux travaillés</h2>
<button type="button" class="secondary" id="toggle-add-song">+ Ajouter un morceau</button>
</div>
<div class="panel" id="add-song-panel" style="display:none">
<form id="add-song-form" class="stacked-form">
<label>Titre <input name="title" required></label>
<label>Artiste <input name="artist" required></label>
<div class="autocomplete-wrapper">
<label>Titre
<input name="title" id="song-title-input" autocomplete="off" required>
</label>
<div class="autocomplete-dropdown" id="song-title-dropdown" style="display:none"></div>
</div>
<label>Artiste <input name="artist" id="song-artist-input" required></label>
<label>Notes <input name="notes"></label>
<label>Lien YouTube <input name="youtubeUrl" type="url" placeholder="https://youtube.com/watch?v=..."></label>
<label>Lien Spotify <input name="spotifyUrl" type="url" placeholder="https://open.spotify.com/track/..."></label>
<label>Lien YouTube <input name="youtubeUrl" id="song-youtube-input" type="url" placeholder="https://youtube.com/watch?v=..."></label>
<label>Lien Spotify <input name="spotifyUrl" id="song-spotify-input" type="url" placeholder="https://open.spotify.com/track/..."></label>
<p class="note" id="song-links-status"></p>
<button type="submit">Ajouter au répertoire</button>
</form>
</div>
<h2>Morceaux travaillés</h2>
<div id="songs-list" class="card-grid"></div>
</main>