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

vaujdui

Browse Source
This commit is contained in:
Vincent TEISSIER
2024-06-19 14:08:59 +02:00
parent 9436fd05cc
commit 6bfbf46dcc
21 changed files with 854 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
application/views/playlists_list.php
View File

@@ -17,18 +17,18 @@
<div class="media">
<div class="media-content">
<p class="title is-4"><?= anchor("playlist/view/{$playlist->id}", $playlist->name) ?></p>
</div>
<div class="media-right buttons-right">
<?= form_open('playlist/duplicate/'.$playlist->id, ['style' => 'display:inline;']) ?>
<button type="submit" class="button is-info is-small">Dupliquer</button>
<?= form_close() ?>
<button class="button is-warning is-small" onclick="showRenameModal('<?= $playlist->id ?>', '<?= $playlist->name ?>')">Renommer</button>
<div class="buttons">
<?= form_open('playlist/duplicate/'.$playlist->id, ['style' => 'display:inline;']) ?>
<button type="submit" class="button button-duplicate is-small">Dupliquer</button>
<?= form_close() ?>
<button class="button button-rename is-small" onclick="showRenameModal('<?= $playlist->id ?>', '<?= $playlist->name ?>')">Renommer</button>
</div>
</div>
</div>
</div>
<footer class="card-footer">
<?= form_open('playlist/delete/'.$playlist->id, ['class' => 'card-footer-item']) ?>
<button type="submit" class="button is-danger is-small">Supprimer</button>
<button type="submit" class="button button-delete is-small">Supprimer</button>
<?= form_close() ?>
</footer>
</div>
@@ -52,7 +52,7 @@
<div class="control">
<div class="select">
<select name="type" id="playlistType" onchange="toggleRandomOptions()">
<option value="empty">Vide</option>
<option value="empty" selected>Vide</option>
<option value="random">Aléatoire</option>
</select>
</div>
@@ -63,20 +63,7 @@
<div class="field">
<label class="label">Nombre de chansons</label>
<div class="control">
<input type="number" name="numSongs" class="input" placeholder="Nombre de chansons">
</div>
</div>
<div class="field">
<label class="label">Artiste</label>
<div class="control">
<div class="select">
<select name="artist">
<option value="">Tous</option>
<?php foreach($artists as $artist): ?>
<option value="<?= $artist->name ?>"><?= $artist->name ?></option>
<?php endforeach; ?>
</select>
</div>
<input type="number" name="numSongs" class="input" placeholder="Nombre de chansons" min="1">
</div>
</div>
<div class="field">
@@ -132,6 +119,10 @@
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
toggleRandomOptions();
});
function toggleRandomOptions() {
var playlistType = document.getElementById('playlistType').value;
var randomOptions = document.getElementById('randomOptions');
@@ -152,3 +143,38 @@
document.getElementById('renameModal').classList.remove('is-active');
}
</script>
<style>
.button-rename {
background-color: #D17B8F; /* Rose */
border-color: #D17B8F;
color: #FFF;
}
.button-rename:hover {
background-color: #B5697D; /* Rose plus foncé */
border-color: #B5697D;
}
.button-duplicate {
background-color: #A569BD; /* Violet */
border-color: #A569BD;
color: #FFF;
}
.button-duplicate:hover {
background-color: #8E57A8; /* Violet plus foncé */
border-color: #8E57A8;
}
.button-delete {
background-color: #C3423F; /* Rougeâtre */
border-color: #C3423F;
color: #FFF;
}
.button-delete:hover {
background-color: #A83835; /* Rougeâtre plus foncé */
border-color: #A83835;
}
</style>