Commit de marco : fin de tp

This commit is contained in:
stiti 2024-06-10 17:28:22 +02:00
parent c38d1a0ed4
commit c01beeb374
2 changed files with 32 additions and 15 deletions

View File

@ -24,8 +24,12 @@
<option value="<?php echo $playlist->id; ?>"><?php echo $playlist->name; ?></option>
<?php endforeach; ?>
</select>
<button onclick="addAllAlbumToPlaylist(<?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter tout l'album à la playlist</button>
<br>
<button onclick="addAlbumToPlaylist(<?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter à la playlist</button>
<?php else: ?>
<p class="no-playlist">Vous n'avez pas encore de playlist. Créez-en une pour ajouter cet album !</p>
<?php endif; ?>
<?php endif; ?>
<!-- Boutons pour chaque chanson de l'album -->
<h3>Ajouter une chanson à la playlist :</h3>
<ul class="songs-list">
@ -34,22 +38,21 @@
<span><strong><?php echo $track->number . '.' . $track->diskNumber; ?></strong></span>
<span><?php echo $track->songName; ?></span>
<span><strong><?php echo gmdate("i:s", $track->duration); ?></strong></span>
<button onclick="addSongToPlaylist(<?php echo $track->id; ?>, <?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter à la playlist</button>
<?php if ($this->session->userdata('user_id')): ?>
<button onclick="addSongToPlaylist(<?php echo $track->id; ?>, <?php echo $album->id; ?>)" class="btn-add-music-to-playlist">Ajouter la musique à la playlist</button>
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
<?php else: ?>
<p class="no-playlist">Vous n'avez pas encore de playlist. Créez-en une pour ajouter cet album !</p>
<?php endif; ?>
<?php endif; ?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<script>
function addAllAlbumToPlaylist(albumId) {
function addAlbumToPlaylist(albumId) {
// Récupérer l'ID de la playlist sélectionnée
var playlistId = document.getElementById('playlist_' + albumId).value;

View File

@ -74,3 +74,17 @@
.no-playlist {
color: red;
}
.btn-add-music-to-playlist {
font-size: 12px; /* Taille de la police */
padding: 5px 10px; /* Espacement interne du bouton */
margin-left: 10px; /* Marge à gauche pour séparer le bouton du titre de la musique */
background-color: #45087a; /* Couleur de fond */
color: white; /* Couleur du texte */
border: none; /* Supprimer la bordure */
border-radius: 5px; /* Bordure arrondie */
}
.btn-add-music-to-playlist:hover {
background-color: #45087a;
}