teissier/SAe-PHP-S2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test changement css 3/?

Browse Source
This commit is contained in:
Vincent TEISSIER 2024-06-05 08:29:15 +02:00
parent 2eacfd197d
commit b197a19e07
2 changed files with 45 additions and 21 deletions

36
application/views/album_details.php

@ -2,19 +2,31 @@
<html> <html>
<head> <head>
<title><?= $album->albumName ?> - Details</title> <title><?= $album->albumName ?> - Details</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
</head> </head>
<body> <body>
<h1><?= $album->albumName ?></h1> <section class="section">
<p><strong>Artist:</strong> <?= $album->artistName ?></p> <div class="container">
<p><strong>Genre:</strong> <?= $album->genreName ?></p> <h1 class="title"><?= $album->albumName ?></h1>
<p><strong>Year:</strong> <?= $album->year ?></p> <div class="columns">
<img src="data:image/jpeg;base64,<?= base64_encode($album->jpeg) ?>" alt="<?= $album->albumName ?> Cover"> <div class="column is-one-third">
<figure class="image">
<h2>Songs</h2> <img src="data:image/jpeg;base64,<?= base64_encode($album->jpeg) ?>" alt="<?= $album->albumName ?> Cover">
<ul> </figure>
<?php foreach ($songs as $song): ?> </div>
<li><?= anchor("music/view/{$song->trackId}", $song->trackName) ?></li> <div class="column">
<?php endforeach; ?> <p><strong>Artist:</strong> <?= $album->artistName ?></p>
</ul> <p><strong>Genre:</strong> <?= $album->genreName ?></p>
<p><strong>Year:</strong> <?= $album->year ?></p>
</div>
</div>
<h2 class="title is-4">Songs</h2>
<ul>
<?php foreach ($songs as $song): ?>
<li><?= anchor("music/view/{$song->trackId}", $song->trackName) ?></li>
<?php endforeach; ?>
</ul>
</div>
</section>
</body> </body>
</html> </html>

30
application/views/albums_list.php

@ -1,15 +1,27 @@
<h5>Liste des Albums</h5> <h5 class="title is-5">Liste des Albums</h5>
<section class="list"> <section class="columns is-multiline">
<?php <?php
foreach($albums as $album){ foreach($albums as $album){
echo "<div><article>"; echo "<div class='column is-one-quarter'>";
echo "<header class='short-text'>"; echo "<article class='card'>";
echo anchor("albums/view/{$album->id}","{$album->name}"); echo "<div class='card-image'>";
echo "</header>"; echo '<figure class="image is-4by3">';
echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />'; echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" alt="'.$album->name.'">';
echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer> echo '</figure>';
</article></div>"; echo "</div>";
echo "<div class='card-content'>";
echo "<div class='media'>";
echo "<div class='media-content'>";
echo "<p class='title is-4'>";
echo anchor("albums/view/{$album->id}", "{$album->name}");
echo "</p>";
echo "<p class='subtitle is-6'>{$album->year} - {$album->artistName}</p>";
echo "</div>";
echo "</div>";
echo "</div>";
echo "</article>";
echo "</div>";
} }
?> ?>
</section> </section>