119 lines
3.7 KiB
PHP
119 lines
3.7 KiB
PHP
<style>
|
|
.filter-options {
|
|
display: none;
|
|
margin-top: 10px;
|
|
}
|
|
.filter-buttons {
|
|
display: none;
|
|
}
|
|
.filter-buttons.show {
|
|
display: inline-block;
|
|
}
|
|
.filter-checkboxes {
|
|
display: none;
|
|
}
|
|
.filter-checkboxes.show {
|
|
display: block;
|
|
}
|
|
.sort-buttons {
|
|
display: none;
|
|
}
|
|
.show-buttons .sort-buttons {
|
|
display: block;
|
|
}
|
|
</style>
|
|
<script>
|
|
var filterOptionsVisible = false;
|
|
|
|
function toggleFilterOptions() {
|
|
var filterOptions = document.getElementById('filter-options');
|
|
var filterButtons = document.getElementById('filter-buttons');
|
|
|
|
if (!filterOptionsVisible) {
|
|
filterOptions.style.display = 'block';
|
|
filterButtons.classList.add('show');
|
|
filterOptionsVisible = true;
|
|
} else {
|
|
filterOptions.style.display = 'none';
|
|
filterButtons.classList.remove('show');
|
|
hideCheckboxes();
|
|
filterOptionsVisible = false;
|
|
}
|
|
}
|
|
|
|
function toggleCheckboxes(filterType) {
|
|
var checkboxes = document.getElementById(filterType + '-checkboxes');
|
|
if (checkboxes.style.display === 'none' || checkboxes.style.display === '') {
|
|
checkboxes.style.display = 'block';
|
|
} else {
|
|
checkboxes.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function hideCheckboxes() {
|
|
var checkboxes = document.querySelectorAll('.filter-checkboxes');
|
|
checkboxes.forEach(function(checkbox) {
|
|
checkbox.classList.remove('show');
|
|
});
|
|
}
|
|
|
|
function toggleSortButtons() {
|
|
var sortButtons = document.getElementById('sort-buttons');
|
|
if (sortButtons.style.display === 'none' || sortButtons.style.display === '') {
|
|
sortButtons.style.display = 'block';
|
|
} else {
|
|
sortButtons.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function sortAlbums(column, order) {
|
|
var url = "<?= site_url('artistes/index'); ?>";
|
|
url += "?sort=" + column + "&order=" + order;
|
|
window.location.href = url;
|
|
}
|
|
</script>
|
|
|
|
<h5>Filter Artiste</h5>
|
|
<button type="button" onclick="toggleFilterOptions()">Filter</button>
|
|
|
|
<div id="filter-options" class="filter-options">
|
|
<form method="get">
|
|
<div id="filter-buttons" class="filter-buttons">
|
|
<button type="button" onclick="toggleCheckboxes('genre')">Genres</button>
|
|
</div>
|
|
|
|
<div id="genre-checkboxes" style="display:none;">
|
|
<?php foreach ($genres as $genre): ?>
|
|
<label>
|
|
<input type="checkbox" name="genre[]" value="<?= $genre->genreName; ?>">
|
|
<?= $genre->genreName; ?>
|
|
</label><br>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<button type="submit">Apply Filters</button>
|
|
</form>
|
|
</div>
|
|
|
|
<h5>Sort Artiste</h5>
|
|
<button type="button" onclick="toggleSortButtons()">Sort</button>
|
|
<div id="sort-buttons" class="sort-buttons">
|
|
<button onclick="sortAlbums('name', 'asc')">Sort by Artist Asc</button>
|
|
<button onclick="sortAlbums('name', 'desc')">Sort by Artist Desc</button>
|
|
</div>
|
|
|
|
<h5>Artiste list</h5>
|
|
<section class="list">
|
|
<?php
|
|
foreach($artistes as $artistes){
|
|
echo "<div><article>";
|
|
echo "<header class='short-text'>";
|
|
echo anchor("albums/viewAlbum/{$artistes->Id}","{$artistes->name}");
|
|
if($this->session->userdata('logged_in')){
|
|
echo anchor("artistes/addArtistestoPlaylist/{$artistes->Id}","<i class='fa fa-plus'></i>");
|
|
}
|
|
echo "</header>";
|
|
echo "</article></div>";
|
|
}
|
|
?>
|
|
</section>
|