-var $ = require("jquery"),
-materialize = require("materialize");
-var annotator = require('annotator');
+/* jQuery */
+import $ from 'jquery';
-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;
- });
- }
-}
+/* Annotations */
+import annotator from 'annotator';
-function init_export() {
- // no display if export not aviable
- if ($("div").is("#export")) {
- $('#button_export').show();
- $('.button-collapse-right').sideNav({ edge: 'right' });
- }
-}
+/* Tools */
+import { savePercent, retrievePercent, initFilters, initExport } from '../../_global/js/tools';
-$(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();
+/* Import shortcuts */
+import './shortcuts/main';
+import './shortcuts/entry';
+import '../../_global/js/shortcuts/main';
+import '../../_global/js/shortcuts/entry';
- $('#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+'%');
- });
+require('materialize'); // eslint-disable-line
- /* ==========================================================================
- Annotations & Remember position
- ========================================================================== */
+global.jQuery = $;
- if ($("article").length) {
- var app = new annotator.App();
+$(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();
- app.include(annotator.ui.main, {
- element: document.querySelector('article')
- });
+ $('#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');
+ $('#search_entry_term').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}%`);
+ });
- var x = JSON.parse($('#annotationroutes').html());
- app.include(annotator.storage.http, x);
+/* ==========================================================================
+ Annotations & Remember position
+ ========================================================================== */
- app.start().then(function () {
- app.annotations.load({entry: x.entryId});
- });
+ if ($('article').length) {
+ const app = new annotator.App();
+ const x = JSON.parse($('#annotationroutes').html());
- $(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);
- });
+ app.include(annotator.ui.main, {
+ element: document.querySelector('article'),
+ });
+
+ app.include(annotator.storage.http, x);
- retrievePercent(x.entryId);
+ app.start().then(() => {
+ app.annotations.load({ entry: x.entryId });
+ });
- $(window).resize(function(){
- retrievePercent(x.entryId);
- });
- }
+ $(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);
+
+ $(window).resize(() => {
+ retrievePercent(x.entryId);
+ });
+ }
});