]> git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
My implementation progress bar at the top of the page #1348
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / public / js / init.js
1 function init_filters() {
2 // no display if filters not aviable
3 if ($("div").is("#filters")) {
4 $('#button_filters').show();
5 $('.button-collapse-right').sideNav({ edge: 'right' });
6 $('#clean_form_filters').on('click', function(){
7 $('#filters input').val('');
8 return false;
9 });
10 }
11 }
12
13 $(document).ready(function(){
14 // sideNav
15 $('.button-collapse').sideNav();
16 $('select').material_select();
17 $('.collapsible').collapsible({
18 accordion : false
19 });
20 init_filters();
21
22 $('#nav-btn-add').on('click', function(){
23 $(".nav-panel-buttom").hide(100);
24 $(".nav-panel-add").show(100);
25 $(".nav-panels .action").hide(100);
26 $(".nav-panel-menu").addClass('hidden');
27 $(".nav-panels").css('background', 'white');
28 $("#entry_url").focus();
29 return false;
30 });
31 $('#nav-btn-search').on('click', function(){
32 $(".nav-panel-buttom").hide(100);
33 $(".nav-panel-search").show(100);
34 $(".nav-panels .action").hide(100);
35 $(".nav-panel-menu").addClass('hidden');
36 $(".nav-panels").css('background', 'white');
37 $("#searchfield").focus();
38 return false;
39 });
40 $('.mdi-navigation-close').on('click', function(){
41 $(".nav-panel-add").hide(100);
42 $(".nav-panel-search").hide(100);
43 $(".nav-panel-buttom").show(100);
44 $(".nav-panels .action").show(100);
45 $(".nav-panel-menu").removeClass('hidden');
46 $(".nav-panels").css('background', 'transparent');
47 return false;
48 });
49 $(window).scroll(function () {
50 var s = $(window).scrollTop(),
51 d = $(document).height(),
52 c = $(window).height();
53 var scrollPercent = (s / (d-c)) * 100;
54 $(".progress .determinate").css('width', scrollPercent+'%');
55 });
56 });