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

30
application/views/albums_list.php

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