validateur validé

This commit is contained in:
2024-06-17 18:43:13 +02:00
parent 6b9efb4dd0
commit d06ea90853
18 changed files with 348 additions and 313 deletions

View File

@@ -1,42 +1,13 @@
<style>
.filter-buttons {
display: block;
}
.filter-buttons.show {
display: inline-block;
}
.filter-checkboxes {
display: none;
}
.filter-checkboxes.show {
display: block;
}
.show-buttons .sort-buttons {
display: block;
}
</style>
<script>
function toggleCheckboxes(filterType) {
var checkboxes = document.getElementById(filterType + '-checkboxes');
if (checkboxes.style.display === 'none' || checkboxes.style.display === '') {
checkboxes.style.display = 'block';
} else {
checkboxes.style.display = 'none';
}
}
</script>
<h5>Différents critères</h5>
<form method="post">
<div id="filter-buttons" class="filter-buttons">
<button type="button" onclick="toggleCheckboxes('genre')">Genres</button>
<button type="button" onclick="toggleCheckboxes('artist')">Artists</button>
<button type="button" onclick="toggleCheckboxes('year')">Years</button>
<div id="filter-buttons-playlist" class="filter-buttons-playlist">
<button type="button" onclick="toggleCheckboxesPlaylist('genre')">Genres</button>
<button type="button" onclick="toggleCheckboxesPlaylist('artist')">Artists</button>
<button type="button" onclick="toggleCheckboxesPlaylist('year')">Years</button>
</div>
<div id="genre-checkboxes" style="display:none;">
<div id="genre-checkboxes-playlist" style="display:none;">
<?php foreach ($genres as $genre): ?>
<label>
<input type="checkbox" name="genre[]" value="<?= $genre->genreName; ?>">
@@ -45,7 +16,7 @@
<?php endforeach; ?>
</div>
<div id="artist-checkboxes" style="display:none;">
<div id="artist-checkboxes-playlist" style="display:none;">
<?php foreach ($artists as $artist): ?>
<label>
<input type="checkbox" name="artist[]" value="<?= $artist->artistName; ?>">
@@ -54,7 +25,7 @@
<?php endforeach; ?>
</div>
<div id="year-checkboxes" style="display:none;">
<div id="year-checkboxes-playlist" style="display:none;">
<?php foreach ($years as $year): ?>
<label>
<input type="checkbox" name="year[]" value="<?= $year->year; ?>">
@@ -67,10 +38,9 @@
<label for="name">Nom de la playlist</label>
<input type="text" id="name" name="name" placeholder="name" required>
<div class="grid">
<label for="text">Déscription
<label for="Description">Déscription
<input type="text" id="Description" name="Description" placeholder="Description" >
</label>
</div>
<!-- Button -->
<button type="submit">Submit</button>
</form>