]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - app/Resources/static/themes/_global/index.js
2 import $ from 'jquery';
5 import annotator
from 'annotator';
8 import 'material-design-icons-iconfont/dist/material-design-icons.css';
9 import 'lato-font/css/lato-font.css';
10 import './global.scss';
13 import './js/shortcuts/entry';
14 import './js/shortcuts/main';
16 import { savePercent
, retrievePercent
} from './js/tools';
19 /* ==========================================================================
20 Annotations & Remember position
21 ========================================================================== */
23 $(document
).ready(() => {
24 if ($('article').length
) {
25 const app
= new annotator
.App();
27 app
.include(annotator
.ui
.main
, {
28 element: document
.querySelector('article'),
31 const x
= JSON
.parse($('#annotationroutes').html());
32 app
.include(annotator
.storage
.http
, x
);
34 app
.start().then(() => {
35 app
.annotations
.load({ entry: x
.entryId
});
38 $(window
).scroll(() => {
39 const scrollTop
= $(window
).scrollTop();
40 const docHeight
= $(document
).height();
41 const scrollPercent
= (scrollTop
) / (docHeight
);
42 const scrollPercentRounded
= Math
.round(scrollPercent
* 100) / 100;
43 savePercent(x
.entryId
, scrollPercentRounded
);
46 retrievePercent(x
.entryId
);
48 $(window
).resize(() => {
49 retrievePercent(x
.entryId
);