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> <option value="<?php echo $playlist->id; ?>"><?php echo $playlist->name; ?></option>
<?php endforeach; ?> <?php endforeach; ?>
</select> </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: ?> <?php else: ?>
<p>Vous n'avez pas encore de playlist. Créez-en une pour ajouter cet album !</p> <p>Vous n'avez pas encore de playlist. Créez-en une pour ajouter cet album !</p>
<?php endif; ?> <?php endif; ?>
@ -24,12 +24,16 @@
<h2>Musiques</h2> <h2>Musiques</h2>
<ul> <ul>
<?php foreach ($tracks as $track): ?> <?php foreach ($tracks as $track): ?>
<li> <li class="track-details">
<strong><?php echo $track->diskNumber . '.' . $track->number; ?>:</strong> <div class="track-info">
<a href="<?php echo site_url('musiques/view/' . $track->song_id); ?>"><?php echo $track->songName; ?></a> <strong><?php echo $track->diskNumber . '.' . $track->number; ?>:</strong>
(<?php echo gmdate("i:s", $track->duration); ?>) <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')): ?> <?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; ?> <?php endif; ?>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>

View File

@ -71,15 +71,27 @@ body {
} }
.btn-add-music-to-playlist { .btn-add-music-to-playlist {
font-size: 12px; /* Taille de la police */ font-size: 12px;
padding: 5px 10px; /* Espacement interne du bouton */ padding: 5px 10px;
margin-left: 10px; /* Marge à gauche pour séparer le bouton du titre de la musique */ background-color: #45087a;
background-color: #45087a; /* Couleur de fond */ color: white;
color: white; /* Couleur du texte */ border: none;
border: none; /* Supprimer la bordure */ border-radius: 5px;
border-radius: 5px; /* Bordure arrondie */ float: right; /* Alignement à droite */
margin-left: 10px; /* Laissez une marge entre le bouton et le texte */
} }
.btn-add-music-to-playlist:hover { .btn-add-music-to-playlist:hover {
background-color: #45087a; 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 { .btn-add-music-to-playlist {
font-size: 12px; /* Taille de la police */ font-size: 12px;
padding: 5px 10px; /* Espacement interne du bouton */ padding: 5px 10px;
margin-left: 10px; /* Marge à gauche pour séparer le bouton du titre de la musique */ background-color: #45087a;
background-color: #45087a; /* Couleur de fond */ color: white;
color: white; /* Couleur du texte */ border: none;
border: none; /* Supprimer la bordure */ border-radius: 5px;
border-radius: 5px; /* Bordure arrondie */ float: right; /* Alignement à droite */
margin-left: 10px; /* Laissez une marge entre le bouton et le texte */
} }
.btn-add-music-to-playlist:hover { .btn-add-music-to-playlist:hover {
background-color: #45087a; background-color: #45087a;
} }

View File

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