keraudre/SAE_DEV2.2_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajustement du bouton ajout de playlist

Browse Source
This commit is contained in:
Yann KERAUDREN 2024-06-18 19:01:19 +02:00
parent b1e32878e9
commit 3da49e67be
3 changed files with 22 additions and 3 deletions
codeigniter
application/views
albums_list.php
layout
header.php
assets
style.css

4
codeigniter/application/views/albums_list.php

@ -39,8 +39,8 @@ foreach($albums as $album){
echo "<div><article>"; echo "<div><article>";
echo "<header class='short-text'>"; echo "<header class='short-text'>";
echo anchor("music/view/{$album->id}", "{$album->name}"); echo anchor("music/view/{$album->id}", "{$album->name}");
echo "<br>";
echo "<button onclick=\"location.href='" . site_url("playlist/add_track/{$album->id}") . "'\">Ajouter à la Playlist</button>"; echo "<button class='ajout' onclick=\"location.href='" . site_url("playlist/add_track/{$album->id}") . "'\">Ajouter</button>";
echo "</header>"; echo "</header>";
echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />'; echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />';
echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer> echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer>

2
codeigniter/application/views/layout/header.php

@ -15,7 +15,7 @@
<main class='container'> <main class='container'>
<nav> <nav>
<ul> <ul>
<li><strong>Music APP</strong></li> <li id="titre"><strong>Music APP</strong></li>
</ul> </ul>
<ul class="option"> <ul class="option">

19
codeigniter/assets/style.css

@ -16,6 +16,10 @@ section.list img {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
display: grid;
grid-template-columns: 200px 5px auto;
grid-template-rows: auto;
justify-content: space-between;
} }
strong { strong {
@ -30,6 +34,11 @@ ul.option li {
/* modification par Yann */ /* modification par Yann */
#titre {
font-size: 23px;
text-shadow: 2px 2px 3px black;
}
nav { nav {
position: fixed; position: fixed;
@ -200,3 +209,13 @@ div.new {
form.search-form { form.search-form {
margin-left: -200px; margin-left: -200px;
} }
/* bouton ajouter sur les albums et musique */
.ajout {
padding: 0;
grid-column: 3/4;
}