fix linter errors

Fix the sorting
Save the sorting state
Remove unnecessary filter
Add support for grid view

cps/static/js/filter_grid.js

@@ -0,0 +1,62 @@
+/* This file is part of the Calibre-Web (https://github.com/janeczku/calibre-web)
+ *    Copyright (C) 2018 OzzieIsaacs
+ *
+ *  This program is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+var $list = $("#list").isotope({
+    itemSelector: ".book",
+    layoutMode: "fitRows",
+    getSortData: {
+        title: ".title",
+    }
+});
+
+$("#desc").click(function() {
+    $list.isotope({
+        sortBy: "name",
+        sortAscending: false
+    });
+    return;
+});
+
+$("#asc").click(function() {
+    $list.isotope({
+        sortBy: "name",
+        sortAscending: true
+    });
+    return;
+});
+
+$("#all").click(function() {
+    // go through all elements and make them visible
+    $(".sortable").each(function() {
+        $(this).show();
+    });
+    // We need to trigger the resize event to have all the grid item to re-align.
+    window.dispatchEvent(new Event('resize'));
+});
+
+$(".char").click(function() {
+    var character = this.innerText;
+    $(".sortable").each(function() {
+        if (this.attributes["data-id"].value.charAt(0).toUpperCase() !== character) {
+            $(this).hide();
+        } else {
+            $(this).show();
+        }
+    });
+    // We need to trigger the resize event to have all the grid item to re-align.
+    window.dispatchEvent(new Event("resize"));
+});

cps/static/js/main.js

@@ -325,4 +325,17 @@ $(function() {
         $(".discover .row").isotope("layout");
     });
 
+    $(".update-view").click(function(e) {
+        var target = $(this).data("target");
+        var view = $(this).data("view");
+
+        e.preventDefault();
+        e.stopPropagation();
+        var data = {};
+        data[target] = view;
+        console.debug("Updating view data: ", data);
+        $.post( "/ajax/view", data).done(function( ) {
+            location.reload();
+        });
+    });
 });