validateur validé

CodeIgniter-3.1.13/assets/script.js

@@ -47,3 +47,12 @@ function sortAlbums(column, order) {
     url += "?sort=" + column + "&order=" + order;
     window.location.href = url;
 }
+
+function toggleCheckboxesPlaylist(filterType) {
+    var checkboxes = document.getElementById(filterType + '-checkboxes-playlist');
+    if (checkboxes.style.display === 'none' || checkboxes.style.display === '') {
+        checkboxes.style.display = 'block';
+    } else {
+        checkboxes.style.display = 'none';
+    }
+}

CodeIgniter-3.1.13/assets/style.css

@@ -16,6 +16,7 @@ section.list img {
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
+    color: #2a2a2a;
 }
 
 .recherche {
@@ -29,6 +30,12 @@ section.list img {
 	align-items: center;
 }
 
+.appli{
+    width : 100px;
+	height : 75px;
+    color: #444;
+}
+
 .apliiiiiii{
 		width : 75px;
 	    height : 24px;
@@ -39,25 +46,51 @@ section.list img {
     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;
 }
 
+.filter-buttons-playlist {
+    display: block;
+}
+
+.filter-buttons-playlist.show {
+    display: inline-block;
+}
+
+.filter-checkboxes-playlist {
+    display: none;
+}
+
+.filter-checkboxes-playlist.show {
+    display: block;
+}
+
+.show-buttons .sort-buttons {
+    display: block; 
+}
+
 body {
     background-color: #13171f;
     color: #ffffff;
@@ -104,7 +137,7 @@ body {
 .album-songs {
     flex-grow: 2;
     padding: 20px;
-    background-color: #13171;
+    background-color: #13171b;
     border-radius: 8px;
 }