mirror of
https://grond.iut-fbleau.fr/stiti/SAE_2.02
synced 2024-12-26 08:52:19 +01:00
Commit de louay : modifs
This commit is contained in:
parent
84257e0142
commit
d7575c69b8
@ -14,7 +14,7 @@
|
||||
<option value="<?php echo $playlist->id; ?>"><?php echo $playlist->name; ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<button onclick="addToPlaylist(<?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter à la playlist</button>
|
||||
<button onclick="addToPlaylist(<?php echo $album->id; ?>)" class="btn-add-to-playlist">Ajouter l'album à la playlist</button>
|
||||
<?php else: ?>
|
||||
<p>Vous n'avez pas encore de playlist. Créez-en une pour ajouter cet album !</p>
|
||||
<?php endif; ?>
|
||||
@ -24,12 +24,16 @@
|
||||
<h2>Musiques</h2>
|
||||
<ul>
|
||||
<?php foreach ($tracks as $track): ?>
|
||||
<li>
|
||||
<strong><?php echo $track->diskNumber . '.' . $track->number; ?>:</strong>
|
||||
<a href="<?php echo site_url('musiques/view/' . $track->song_id); ?>"><?php echo $track->songName; ?></a>
|
||||
(<?php echo gmdate("i:s", $track->duration); ?>)
|
||||
<li class="track-details">
|
||||
<div class="track-info">
|
||||
<strong><?php echo $track->diskNumber . '.' . $track->number; ?>:</strong>
|
||||
<a href="<?php echo site_url('musiques/view/' . $track->song_id); ?>"><?php echo $track->songName; ?></a>
|
||||
(<?php echo gmdate("i:s", $track->duration); ?>)
|
||||
</div>
|
||||
<?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>
|
||||
<div>
|
||||
<button onclick="addSongToPlaylist(<?php echo $track->id; ?>, <?php echo $album->id; ?>)" class="btn-add-music-to-playlist">Ajouter la musique à la playlist</button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
@ -71,15 +71,27 @@ body {
|
||||
}
|
||||
|
||||
.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 */
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
background-color: #45087a;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
float: right; /* Alignement à droite */
|
||||
margin-left: 10px; /* Laissez une marge entre le bouton et le texte */
|
||||
}
|
||||
|
||||
|
||||
.btn-add-music-to-playlist:hover {
|
||||
background-color: #45087a;
|
||||
}
|
||||
|
||||
.track-details {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.track-info {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
@ -76,15 +76,17 @@
|
||||
}
|
||||
|
||||
.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 */
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
background-color: #45087a;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
float: right; /* Alignement à droite */
|
||||
margin-left: 10px; /* Laissez une marge entre le bouton et le texte */
|
||||
}
|
||||
|
||||
|
||||
.btn-add-music-to-playlist:hover {
|
||||
background-color: #45087a;
|
||||
}
|
||||
|
@ -13,7 +13,7 @@ body {
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 90%;
|
||||
max-width: 98%;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user