mirror of
https://grond.iut-fbleau.fr/stiti/SAE_2.02
synced 2024-12-26 17:02:18 +01:00
Commit de marco : fin de tp
This commit is contained in:
parent
c38d1a0ed4
commit
c01beeb374
@ -24,32 +24,35 @@
|
||||
<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>
|
||||
<!-- Boutons pour chaque chanson de l'album -->
|
||||
<h3>Ajouter une chanson à la playlist :</h3>
|
||||
<ul class="songs-list">
|
||||
<?php foreach($album->tracks as $track): ?>
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<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">
|
||||
<?php foreach($album->tracks as $track): ?>
|
||||
<li>
|
||||
<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>
|
||||
<?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>
|
||||
</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;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user