app/Resources/static/themes/_global/index.js

   1 /* jQuery */
   2 import $ from 'jquery';
   3
   4 /* Annotations */
   5 import annotator from 'annotator';
   6
   7 /* Fonts */
   8 import 'material-design-icons-iconfont/dist/material-design-icons.css';
   9 import 'lato-font/css/lato-font.css';
  10 import './global.scss';
  11
  12 /* Shortcuts*/
  13 import './js/shortcuts/entry';
  14 import './js/shortcuts/main';
  15
  16 import { savePercent, retrievePercent } from './js/tools';
  17
  18
  19 /* ==========================================================================
  20  Annotations & Remember position
  21  ========================================================================== */
  22
  23 $(document).ready(() => {
  24   if ($('article').length) {
  25     const app = new annotator.App();
  26
  27     app.include(annotator.ui.main, {
  28       element: document.querySelector('article'),
  29     });
  30
  31     const authorization = {
  32       permits() { return true; },
  33     };
  34     app.registry.registerUtility(authorization, 'authorizationPolicy');
  35
  36     const x = JSON.parse($('#annotationroutes').html());
  37     app.include(annotator.storage.http, x);
  38
  39     app.start().then(() => {
  40       app.annotations.load({ entry: x.entryId });
  41     });
  42
  43     $(window).scroll(() => {
  44       const scrollTop = $(window).scrollTop();
  45       const docHeight = $(document).height();
  46       const scrollPercent = (scrollTop) / (docHeight);
  47       const scrollPercentRounded = Math.round(scrollPercent * 100) / 100;
  48       savePercent(x.entryId, scrollPercentRounded);
  49     });
  50
  51     retrievePercent(x.entryId);
  52
  53     $(window).resize(() => {
  54       retrievePercent(x.entryId);
  55     });
  56   }
  57 });