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
   9 var ngApp = angular.module('bookStack', ['ngResource', 'ngAnimate', 'ngSanitize']);
  10
  11
  12 // Global Event System
  13 var Events = {
  14     listeners: {},
  15     emit: function (eventName, eventData) {
  16         if (typeof this.listeners[eventName] === 'undefined') return this;
  17         var eventsToStart = this.listeners[eventName];
  18         for (let i = 0; i < eventsToStart.length; i++) {
  19             var event = eventsToStart[i];
  20             event(eventData);
  21         }
  22         return this;
  23     },
  24     listen: function (eventName, callback) {
  25         if (typeof this.listeners[eventName] === 'undefined') this.listeners[eventName] = [];
  26         this.listeners[eventName].push(callback);
  27         return this;
  28     }
  29 };
  30 window.Events = Events;
  31
  32 var services = require('./services')(ngApp, Events);
  33 var directives = require('./directives')(ngApp, Events);
  34 var controllers = require('./controllers')(ngApp, Events);
  35
  36 //Global jQuery Config & Extensions
  37
  38 // Smooth scrolling
  39 jQuery.fn.smoothScrollTo = function () {
  40     if (this.length === 0) return;
  41     $('body').animate({
  42         scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin
  43     }, 800); // Adjust to change animations speed (ms)
  44     return this;
  45 };
  46
  47 // Making contains text expression not worry about casing
  48 $.expr[":"].contains = $.expr.createPseudo(function (arg) {
  49     return function (elem) {
  50         return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
  51     };
  52 });
  53
  54 // Global jQuery Elements
  55 $(function () {
  56
  57
  58     var notifications = $('.notification');
  59     var successNotification = notifications.filter('.pos');
  60     var errorNotification = notifications.filter('.neg');
  61     // Notification Events
  62     window.Events.listen('success', function (text) {
  63         successNotification.hide();
  64         successNotification.find('span').text(text);
  65         setTimeout(() => {
  66             successNotification.show();
  67         }, 1);
  68     });
  69     window.Events.listen('error', function (text) {
  70         errorNotification.find('span').text(text);
  71         errorNotification.show();
  72     });
  73
  74     // Notification hiding
  75     notifications.click(function () {
  76         $(this).fadeOut(100);
  77     });
  78
  79     // Chapter page list toggles
  80     $('.chapter-toggle').click(function (e) {
  81         e.preventDefault();
  82         $(this).toggleClass('open');
  83         $(this).closest('.chapter').find('.inset-list').slideToggle(180);
  84     });
  85
  86     // Back to top button
  87     $('#back-to-top').click(function() {
  88          $('#header').smoothScrollTo();
  89     });
  90     var scrollTopShowing = false;
  91     var scrollTop = document.getElementById('back-to-top');
  92     var scrollTopBreakpoint = 1200;
  93     window.addEventListener('scroll', function() {
  94         if (!scrollTopShowing && document.body.scrollTop > scrollTopBreakpoint) {
  95             scrollTop.style.display = 'block';
  96             scrollTopShowing = true;
  97             setTimeout(() => {
  98                 scrollTop.style.opacity = 1;
  99             }, 1);
 100         } else if (scrollTopShowing && document.body.scrollTop < scrollTopBreakpoint) {
 101             scrollTop.style.opacity = 0;
 102             scrollTopShowing = false;
 103             setTimeout(() => {
 104                 scrollTop.style.display = 'none';
 105             }, 500);
 106         }
 107     });
 108
 109     // Common jQuery actions
 110     $('[data-action="expand-entity-list-details"]').click(function() {
 111         $('.entity-list.compact').find('p').slideToggle(240);
 112     });
 113
 114
 115 });
 116
 117
 118 function elemExists(selector) {
 119     return document.querySelector(selector) !== null;
 120 }
 121
 122 // TinyMCE editor
 123 if (elemExists('#html-editor')) {
 124     var tinyMceOptions = require('./pages/page-form');
 125     tinymce.init(tinyMceOptions);
 126 }
 127
 128 // Page specific items
 129 require('./pages/page-show');