mirror of
https://github.com/wallabag/wallabag.git
synced 2024-09-27 05:50:02 +00:00
8ee7b1603d
- hiddenName has been disabled in order to fix the missing date range values when using the material theme - data format has been changed to 'Y-m-d' in order to comply with the browser date input default format - tests: date() and strtotime have been replaced with DateTime-related objects Signed-off-by: Kevin Decherf <kevin@kdecherf.com>
108 lines
2.8 KiB
JavaScript
Executable file
108 lines
2.8 KiB
JavaScript
Executable file
import $ from 'jquery';
|
|
|
|
/* Materialize imports */
|
|
import 'materialize-css/dist/css/materialize.css';
|
|
import 'materialize-css/dist/js/materialize';
|
|
|
|
/* Global imports */
|
|
import '../_global/index';
|
|
|
|
/* Tools */
|
|
import { initExport, initFilters, initRandom } from './js/tools';
|
|
|
|
/* Import shortcuts */
|
|
import './js/shortcuts/main';
|
|
import './js/shortcuts/entry';
|
|
|
|
/* Theme style */
|
|
import './css/index.scss';
|
|
|
|
const stickyNav = () => {
|
|
const nav = $('.js-entry-nav-top');
|
|
$('[data-toggle="actions"]').click(() => {
|
|
nav.toggleClass('entry-nav-top--sticky');
|
|
});
|
|
};
|
|
|
|
const articleScroll = () => {
|
|
const articleEl = $('#article');
|
|
if (articleEl.length > 0) {
|
|
$(window).scroll(() => {
|
|
const s = $(window).scrollTop();
|
|
const d = $(document).height();
|
|
const c = $(window).height();
|
|
const articleElBottom = articleEl.offset().top + articleEl.height();
|
|
const scrollPercent = (s / (d - c)) * 100;
|
|
$('.progress .determinate').css('width', `${scrollPercent}%`);
|
|
const fixedActionBtn = $('.js-fixed-action-btn');
|
|
const toggleScrollDataName = 'toggle-auto';
|
|
if ((s + c) > articleElBottom) {
|
|
fixedActionBtn.data(toggleScrollDataName, true);
|
|
fixedActionBtn.openFAB();
|
|
} else if (fixedActionBtn.data(toggleScrollDataName) === true) {
|
|
fixedActionBtn.data(toggleScrollDataName, false);
|
|
fixedActionBtn.closeFAB();
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$(document).ready(() => {
|
|
// sideNav
|
|
$('.button-collapse').sideNav();
|
|
$('select').material_select();
|
|
$('.collapsible').collapsible({
|
|
accordion: false,
|
|
});
|
|
$('.datepicker').pickadate({
|
|
selectMonths: true,
|
|
selectYears: 15,
|
|
formatSubmit: 'yyyy-mm-dd',
|
|
hiddenName: false,
|
|
format: 'yyyy-mm-dd',
|
|
container: 'body',
|
|
});
|
|
|
|
initFilters();
|
|
initExport();
|
|
initRandom();
|
|
stickyNav();
|
|
articleScroll();
|
|
|
|
const toggleNav = (toShow, toFocus) => {
|
|
$('.nav-panel-actions').hide(100);
|
|
$(toShow).show(100);
|
|
$('.nav-panels').css('background', 'white');
|
|
$(toFocus).focus();
|
|
};
|
|
|
|
$('#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', () => {
|
|
toggleNav('.nav-panel-add', '#entry_url');
|
|
return false;
|
|
});
|
|
|
|
const materialAddForm = $('.nav-panel-add');
|
|
materialAddForm.on('submit', () => {
|
|
materialAddForm.addClass('disabled');
|
|
$('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur');
|
|
});
|
|
|
|
$('#nav-btn-search').on('click', () => {
|
|
toggleNav('.nav-panel-search', '#search_entry_term');
|
|
return false;
|
|
});
|
|
|
|
$('.close').on('click', (e) => {
|
|
$(e.target).parent('.nav-panel-item').hide(100);
|
|
$('.nav-panel-actions').show(100);
|
|
$('.nav-panels').css('background', 'transparent');
|
|
return false;
|
|
});
|
|
});
|