Assets work

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / js / init.js

diff --git a/app/Resources/static/themes/material/js/init.js b/app/Resources/static/themes/material/js/init.js
index 33019d3db12dd4310251dfd33cf86e0a6e62ef1e..18f7b40affc65f6d93266427d72e244313eae4aa 100755 (executable)
--- a/app/Resources/static/themes/material/js/init.js
+++ b/app/Resources/static/themes/material/js/init.js
@@ -1,116 +1,97 @@
-var $ = require("jquery"),
-materialize = require("materialize");
-var annotator = require('annotator');
+const $ = require('jquery');
+global.jQuery = $;
+require('materialize'); // eslint-disable-line
+const annotator = require('annotator');
+import { savePercent, retrievePercent, initFilters, initExport } from '../../_global/js/tools.js';
 
-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;
-        });
-    }
-}
+$(document).ready(() => {
+  // sideNav
+  $('.button-collapse').sideNav();
+  $('select').material_select();
+  $('.collapsible').collapsible({
+    accordion: false,
+  });
+  $('.datepicker').pickadate({
+    selectMonths: true,
+    selectYears: 15,
+    formatSubmit: 'dd/mm/yyyy',
+    hiddenName: true,
+    format: 'dd/mm/yyyy',
+  });
+  initFilters();
+  initExport();
 
-function init_export() {
-    // no display if export not aviable
-    if ($("div").is("#export")) {
-        $('#button_export').show();
-        $('.button-collapse-right').sideNav({ edge: 'right' });
-    }
-}
+  $('#nav-btn-add-tag').on('click', () => {
+    $('.nav-panel-add-tag').toggle(100);
+    $('.nav-panel-menu').addClass('hidden');
+    $('#tag_label').focus();
+    return false;
+  });
+  $('#nav-btn-add').on('click', () => {
+    $('.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', () => {
+    $('.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;
+  });
+  $('.close').on('click', () => {
+    $('.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(() => {
+    const s = $(window).scrollTop();
+    const d = $(document).height();
+    const c = $(window).height();
+    const scrollPercent = (s / (d - c)) * 100;
+    $('.progress .determinate').css('width', `${scrollPercent}%`);
+  });
 
-$(document).ready(function(){
-    // sideNav
-    $('.button-collapse').sideNav();
-    $('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();
-    init_export();
+/* ==========================================================================
+   Annotations & Remember position
+   ========================================================================== */
 
-    $('#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;
-    });
-    $('.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+'%');
-    });
+  if ($('article').length) {
+    const app = new annotator.App();
+    const x = JSON.parse($('#annotationroutes').html());
 
-  /* ==========================================================================
-     Annotations & Remember position
-     ========================================================================== */
-
-    if ($("article").length) {
-        var app = new annotator.App();
-
-        app.include(annotator.ui.main, {
-            element: document.querySelector('article')
-        });
+    app.include(annotator.ui.main, {
+      element: document.querySelector('article'),
+    });
 
-        var x = JSON.parse($('#annotationroutes').html());
-        app.include(annotator.storage.http, x);
+    app.include(annotator.storage.http, x);
 
-        app.start().then(function () {
-             app.annotations.load({entry: x.entryId});
-        });
+    app.start().then(() => {
+      app.annotations.load({ entry: x.entryId });
+    });
 
-        $(window).scroll(function(e){
-            var scrollTop = $(window).scrollTop();
-            var docHeight = $(document).height();
-            var scrollPercent = (scrollTop) / (docHeight);
-            var scrollPercentRounded = Math.round(scrollPercent*100)/100;
-            savePercent(x.entryId, scrollPercentRounded);
-        });
+    $(window).scroll(() => {
+      const scrollTop = $(window).scrollTop();
+      const docHeight = $(document).height();
+      const scrollPercent = (scrollTop) / (docHeight);
+      const scrollPercentRounded = Math.round(scrollPercent * 100) / 100;
+      savePercent(x.entryId, scrollPercentRounded);
+    });
 
-        retrievePercent(x.entryId);
+    retrievePercent(x.entryId);
 
-        $(window).resize(function(){
-            retrievePercent(x.entryId);
-        });
-    }
+    $(window).resize(() => {
+      retrievePercent(x.entryId);
+    });
+  }
 });