BookStack Code Mirror - bookstack/blob - resources/assets/js/global.js

   1 "use strict";
   2
   3 // AngularJS - Create application and load components
   4 var angular = require('angular');
   5 var ngResource = require('angular-resource');
   6 var ngAnimate = require('angular-animate');
   7 var ngSanitize = require('angular-sanitize');
   8 require('angular-ui-sortable');
   9
  10 // Url retrieval function
  11 window.baseUrl = function(path) {
  12     let basePath = document.querySelector('meta[name="base-url"]').getAttribute('content');
  13     if (basePath[basePath.length-1] === '/') basePath = basePath.slice(0, basePath.length-1);
  14     if (path[0] === '/') path = path.slice(1);
  15     return basePath + '/' + path;
  16 };
  17
  18 var ngApp = angular.module('bookStack', ['ngResource', 'ngAnimate', 'ngSanitize', 'ui.sortable']);
  19
  20 // Global Event System
  21 class EventManager {
  22     constructor() {
  23         this.listeners = {};
  24     }
  25
  26     emit(eventName, eventData) {
  27         if (typeof this.listeners[eventName] === 'undefined') return this;
  28         var eventsToStart = this.listeners[eventName];
  29         for (let i = 0; i < eventsToStart.length; i++) {
  30             var event = eventsToStart[i];
  31             event(eventData);
  32         }
  33         return this;
  34     }
  35
  36     listen(eventName, callback) {
  37         if (typeof this.listeners[eventName] === 'undefined') this.listeners[eventName] = [];
  38         this.listeners[eventName].push(callback);
  39         return this;
  40     }
  41 };
  42 window.Events = new EventManager();
  43
  44
  45 var services = require('./services')(ngApp, window.Events);
  46 var directives = require('./directives')(ngApp, window.Events);
  47 var controllers = require('./controllers')(ngApp, window.Events);
  48
  49 //Global jQuery Config & Extensions
  50
  51 // Smooth scrolling
  52 jQuery.fn.smoothScrollTo = function () {
  53     if (this.length === 0) return;
  54     let scrollElem = document.documentElement.scrollTop === 0 ?  document.body : document.documentElement;
  55     $(scrollElem).animate({
  56         scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin
  57     }, 800); // Adjust to change animations speed (ms)
  58     return this;
  59 };
  60
  61 // Making contains text expression not worry about casing
  62 jQuery.expr[":"].contains = $.expr.createPseudo(function (arg) {
  63     return function (elem) {
  64         return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
  65     };
  66 });
  67
  68 // Global jQuery Elements
  69 $(function () {
  70
  71     var notifications = $('.notification');
  72     var successNotification = notifications.filter('.pos');
  73     var errorNotification = notifications.filter('.neg');
  74     var warningNotification = notifications.filter('.warning');
  75     // Notification Events
  76     window.Events.listen('success', function (text) {
  77         successNotification.hide();
  78         successNotification.find('span').text(text);
  79         setTimeout(() => {
  80             successNotification.show();
  81         }, 1);
  82     });
  83     window.Events.listen('warning', function (text) {
  84         warningNotification.find('span').text(text);
  85         warningNotification.show();
  86     });
  87     window.Events.listen('error', function (text) {
  88         errorNotification.find('span').text(text);
  89         errorNotification.show();
  90     });
  91
  92     // Notification hiding
  93     notifications.click(function () {
  94         $(this).fadeOut(100);
  95     });
  96
  97     // Chapter page list toggles
  98     $('.chapter-toggle').click(function (e) {
  99         e.preventDefault();
 100         $(this).toggleClass('open');
 101         $(this).closest('.chapter').find('.inset-list').slideToggle(180);
 102     });
 103
 104     // Back to top button
 105     $('#back-to-top').click(function() {
 106          $('#header').smoothScrollTo();
 107     });
 108     var scrollTopShowing = false;
 109     var scrollTop = document.getElementById('back-to-top');
 110     var scrollTopBreakpoint = 1200;
 111     window.addEventListener('scroll', function() {
 112         let scrollTopPos = document.documentElement.scrollTop || document.body.scrollTop || 0;
 113         if (!scrollTopShowing && scrollTopPos > scrollTopBreakpoint) {
 114             scrollTop.style.display = 'block';
 115             scrollTopShowing = true;
 116             setTimeout(() => {
 117                 scrollTop.style.opacity = 0.4;
 118             }, 1);
 119         } else if (scrollTopShowing && scrollTopPos < scrollTopBreakpoint) {
 120             scrollTop.style.opacity = 0;
 121             scrollTopShowing = false;
 122             setTimeout(() => {
 123                 scrollTop.style.display = 'none';
 124             }, 500);
 125         }
 126     });
 127
 128     // Common jQuery actions
 129     $('[data-action="expand-entity-list-details"]').click(function() {
 130         $('.entity-list.compact').find('p').not('.empty-text').slideToggle(240);
 131     });
 132
 133     // Popup close
 134     $('.popup-close').click(function() {
 135         $(this).closest('.overlay').fadeOut(240);
 136     });
 137
 138     $('.overlay').click(function(event) {
 139         if (!$(event.target).hasClass('overlay')) return;
 140         $(this).fadeOut(240);
 141     });
 142
 143 });
 144
 145 // Page specific items
 146 require('./pages/page-show');