Commit de louay : modifs

This commit is contained in:
stiti 2024-06-10 21:18:08 +02:00
parent 84257e0142
commit d7575c69b8
4 changed files with 39 additions and 21 deletions

View File

@ -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; ?>

View File

@ -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;
}

View File

@ -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;
}

View File

@ -13,7 +13,7 @@ body {
}
.container {
max-width: 90%;
max-width: 98%;
margin: 0 auto;
padding: 20px;
}