fix #1378: nice display for tags list

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / public / js / init.js

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
index a028469853e89faff0dec1652cc8356a8254a1c3..edfdee82a933c8cbc72b8bf769aa2dacc7da86f9 100755 (executable)
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
@@ -1,6 +1,70 @@
-$(document).ready(function(){
-    // Show sideNav
+function init_filters() {
+    // no display if filters not aviable
+    if ($("div").is("#filters")) {
+        $('#button_filters').show();
+        $('.button-collapse-right').sideNav({ edge: 'right' });
+        $('#clear_form_filters').on('click', function(){
+            $('#filters input').val('');
+            $('#filters :checked').removeAttr('checked');
+            return false;
+        });
+    }
+}
 
-    // Hide sideNav
+$(document).ready(function(){
+    // sideNav
     $('.button-collapse').sideNav();
-});
\ No newline at end of file
+    $('select').material_select();
+    $('.collapsible').collapsible({
+        accordion : false
+    });
+    $('.datepicker').pickadate({
+        selectMonths: true,
+        selectYears: 15,
+        formatSubmit: 'dd/mm/yyyy',
+        hiddenName: true,
+        format: 'dd/mm/yyyy',
+    });
+    init_filters();
+
+    $('#nav-btn-add-tag').on('click', function(){
+       $(".nav-panel-add-tag").toggle(100);
+       $(".nav-panel-menu").addClass('hidden');
+       $("#tag_label").focus();
+       return false;
+    });
+    $('#nav-btn-add').on('click', function(){
+       $(".nav-panel-buttom").hide(100);
+       $(".nav-panel-add").show(100);
+       $(".nav-panels .action").hide(100);
+       $(".nav-panel-menu").addClass('hidden');
+       $(".nav-panels").css('background', 'white');
+       $("#entry_url").focus();
+       return false;
+    });
+    $('#nav-btn-search').on('click', function(){
+        $(".nav-panel-buttom").hide(100);
+        $(".nav-panel-search").show(100);
+        $(".nav-panels .action").hide(100);
+        $(".nav-panel-menu").addClass('hidden');
+        $(".nav-panels").css('background', 'white');
+        $("#searchfield").focus();
+        return false;
+    });
+    $('.mdi-navigation-close').on('click', function(){
+        $(".nav-panel-add").hide(100);
+        $(".nav-panel-search").hide(100);
+        $(".nav-panel-buttom").show(100);
+        $(".nav-panels .action").show(100);
+        $(".nav-panel-menu").removeClass('hidden');
+        $(".nav-panels").css('background', 'transparent');
+        return false;
+    });
+    $(window).scroll(function () {
+        var s = $(window).scrollTop(),
+        d = $(document).height(),
+        c = $(window).height();
+        var scrollPercent = (s / (d-c)) * 100;
+        $(".progress .determinate").css('width', scrollPercent+'%');
+    });
+});