2024-06-16 17:39:26 +02:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Liste des Albums - Dix heures</title>
|
|
|
|
|
<link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<section class="section">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h1 class="title is-4 has-text-dark">Liste des Albums</h1>
|
|
|
|
|
<div class="columns is-multiline is-centered">
|
|
|
|
|
<?php foreach ($albums as $album): ?>
|
|
|
|
|
<div class="column is-one-quarter-desktop is-half-tablet is-full-mobile">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-image">
|
|
|
|
|
<figure class="image is-4by3">
|
|
|
|
|
<img src="data:image/jpeg;base64,<?= base64_encode($album->jpeg) ?>" alt="<?= $album->name ?>">
|
|
|
|
|
</figure>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
<div class="media">
|
|
|
|
|
<div class="media-content">
|
|
|
|
|
<p class="title is-4 album-title"><?= anchor("albums/view/{$album->id}", $album->name) ?></p>
|
|
|
|
|
<p class="subtitle is-6"><?= "{$album->year} - {$album->artistName}" ?></p>
|
|
|
|
|
<?php if (isset($is_logged_in) && $is_logged_in): ?>
|
|
|
|
|
<form method="post" action="<?= site_url('playlist/selectPlaylist') ?>">
|
|
|
|
|
<input type="hidden" name="itemId" value="<?= $album->id ?>">
|
|
|
|
|
<input type="hidden" name="itemType" value="album">
|
|
|
|
|
<button type="submit" class="button is-link is-fullwidth">Ajouter à la playlist</button>
|
|
|
|
|
</form>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-05 08:41:16 +02:00
|
|
|
</div>
|
2024-06-05 08:37:40 +02:00
|
|
|
</div>
|
2024-06-16 17:39:26 +02:00
|
|
|
<?php endforeach; ?>
|
2024-06-05 08:37:40 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-16 17:39:26 +02:00
|
|
|
</section>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
