mirror of
https://grond.iut-fbleau.fr/stiti/SAE_2.02
synced 2024-09-19 19:38:20 +02:00
Commit de Louay : Améliorations de la playlist
This commit is contained in:
parent
1b073136e2
commit
2ab9a2a56b
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Détails de la Playlist - Onzeur</title>
|
<title>Détails de la Playlist - Onzeur</title>
|
||||||
<link rel="stylesheet" href="<?php echo base_url('assets/css/playlist_view.css'); ?>">
|
<link rel="stylesheet" href="<?php echo base_url('assets/css/playlist_view'); ?>">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -39,6 +39,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>Titre</th>
|
<th>Titre</th>
|
||||||
<th>Artiste</th>
|
<th>Artiste</th>
|
||||||
|
<th>Écouter sur</th>
|
||||||
<th>Actions</th>
|
<th>Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -46,7 +47,12 @@
|
|||||||
<?php foreach ($songs as $song) : ?>
|
<?php foreach ($songs as $song) : ?>
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo htmlspecialchars($song->name, ENT_QUOTES, 'UTF-8'); ?></td>
|
<td><?php echo htmlspecialchars($song->name, ENT_QUOTES, 'UTF-8'); ?></td>
|
||||||
<td><?php echo htmlspecialchars($song->artist_name, ENT_QUOTES, 'UTF-8'); ?></td> <!-- Affichage du nom de l'artiste -->
|
<td><a href="<?php echo site_url('artiste/index/' . $song->artistId); ?>"><?php echo htmlspecialchars($song->artist_name, ENT_QUOTES, 'UTF-8'); ?></a></td>
|
||||||
|
<td>
|
||||||
|
<a href="https://open.spotify.com/search/<?php echo urlencode($song->artist_name . ' ' . $song->name); ?>" class="spotify" target="_blank">Spotify</a> |
|
||||||
|
<a href="https://www.deezer.com/search/<?php echo urlencode($song->artist_name . ' ' . $song->name); ?>" class="deezer" target="_blank">Deezer</a> |
|
||||||
|
<a href="https://www.youtube.com/results?search_query=<?php echo urlencode($song->artist_name . ' ' . $song->name); ?>" class="youtube" target="_blank">YouTube</a>
|
||||||
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="<?php echo site_url('playlists/remove_song/' . $playlist->id . '/' . $song->id); ?>" class="btn btn-danger" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette chanson de la playlist ?');">Supprimer</a>
|
<a href="<?php echo site_url('playlists/remove_song/' . $playlist->id . '/' . $song->id); ?>" class="btn btn-danger" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette chanson de la playlist ?');">Supprimer</a>
|
||||||
</td>
|
</td>
|
||||||
@ -54,11 +60,10 @@
|
|||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="3">Aucune chanson trouvée dans cette playlist.</td>
|
<td colspan="4">Aucune chanson trouvée dans cette playlist.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<a href="<?php echo site_url('playlists/add_song/' . $playlist->id); ?>" class="btn btn-primary">Ajouter une musique</a>
|
<a href="<?php echo site_url('playlists/add_song/' . $playlist->id); ?>" class="btn btn-primary">Ajouter une musique</a>
|
||||||
|
@ -199,3 +199,4 @@ h1, h2, h3 {
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,7 +13,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
max-width: 800px;
|
max-width: 90%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
@ -22,6 +22,10 @@ h1, h2 {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
@ -115,3 +119,32 @@ textarea {
|
|||||||
.btn-primary:hover {
|
.btn-primary:hover {
|
||||||
background-color: #3c0c72;
|
background-color: #3c0c72;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.spotify,
|
||||||
|
a.deezer,
|
||||||
|
a.youtube {
|
||||||
|
color: white;
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: background-color 0.3s, color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.spotify {
|
||||||
|
background-color: #1DB954; /* Vert Spotify */
|
||||||
|
}
|
||||||
|
|
||||||
|
a.deezer {
|
||||||
|
background-color: #8826df; /* Violet Deezer */
|
||||||
|
}
|
||||||
|
|
||||||
|
a.youtube {
|
||||||
|
background-color: #FF0000; /* Rouge YouTube */
|
||||||
|
}
|
||||||
|
|
||||||
|
a.spotify:hover,
|
||||||
|
a.deezer:hover,
|
||||||
|
a.youtube:hover {
|
||||||
|
color: rgb(255, 255, 255);
|
||||||
|
background-color: rgba(84, 15, 202, 0.8);
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user