mirror of
https://grond.iut-fbleau.fr/stiti/SAE_2.02
synced 2024-11-09 21:11:40 +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>
|
<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; ?>
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -13,7 +13,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
max-width: 90%;
|
max-width: 98%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user