2016-02-07 10:14:11 +00:00
|
|
|
"use strict";
|
2015-10-08 22:49:18 +00:00
|
|
|
|
2015-12-29 16:39:25 +00:00
|
|
|
// AngularJS - Create application and load components
|
2016-12-19 19:16:31 +00:00
|
|
|
import angular from "angular";
|
|
|
|
import "angular-resource";
|
|
|
|
import "angular-animate";
|
|
|
|
import "angular-sanitize";
|
|
|
|
import "angular-ui-sortable";
|
2015-12-30 18:38:18 +00:00
|
|
|
|
2016-08-14 11:29:35 +00:00
|
|
|
// Url retrieval function
|
|
|
|
window.baseUrl = function(path) {
|
|
|
|
let basePath = document.querySelector('meta[name="base-url"]').getAttribute('content');
|
|
|
|
if (basePath[basePath.length-1] === '/') basePath = basePath.slice(0, basePath.length-1);
|
|
|
|
if (path[0] === '/') path = path.slice(1);
|
|
|
|
return basePath + '/' + path;
|
|
|
|
};
|
|
|
|
|
2016-12-19 19:16:31 +00:00
|
|
|
let ngApp = angular.module('bookStack', ['ngResource', 'ngAnimate', 'ngSanitize', 'ui.sortable']);
|
2016-02-07 10:14:11 +00:00
|
|
|
|
|
|
|
// Global Event System
|
2016-08-30 19:05:59 +00:00
|
|
|
class EventManager {
|
2016-07-26 17:03:10 +00:00
|
|
|
constructor() {
|
|
|
|
this.listeners = {};
|
|
|
|
}
|
|
|
|
|
|
|
|
emit(eventName, eventData) {
|
2016-02-07 10:14:11 +00:00
|
|
|
if (typeof this.listeners[eventName] === 'undefined') return this;
|
2016-12-19 19:16:31 +00:00
|
|
|
let eventsToStart = this.listeners[eventName];
|
2016-02-07 10:14:11 +00:00
|
|
|
for (let i = 0; i < eventsToStart.length; i++) {
|
2016-12-19 19:16:31 +00:00
|
|
|
let event = eventsToStart[i];
|
2016-02-07 10:14:11 +00:00
|
|
|
event(eventData);
|
|
|
|
}
|
|
|
|
return this;
|
2016-07-26 17:03:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
listen(eventName, callback) {
|
2016-02-07 10:14:11 +00:00
|
|
|
if (typeof this.listeners[eventName] === 'undefined') this.listeners[eventName] = [];
|
|
|
|
this.listeners[eventName].push(callback);
|
|
|
|
return this;
|
|
|
|
}
|
2016-11-12 12:41:34 +00:00
|
|
|
}
|
2016-02-07 10:14:11 +00:00
|
|
|
|
2016-11-12 12:41:34 +00:00
|
|
|
window.Events = new EventManager();
|
2016-08-14 11:29:35 +00:00
|
|
|
|
2016-11-12 12:41:34 +00:00
|
|
|
// Load in angular specific items
|
|
|
|
import Services from './services';
|
|
|
|
import Directives from './directives';
|
|
|
|
import Controllers from './controllers';
|
|
|
|
Services(ngApp, window.Events);
|
|
|
|
Directives(ngApp, window.Events);
|
|
|
|
Controllers(ngApp, window.Events);
|
2015-12-30 18:38:18 +00:00
|
|
|
|
|
|
|
//Global jQuery Config & Extensions
|
|
|
|
|
|
|
|
// Smooth scrolling
|
2015-12-30 19:57:17 +00:00
|
|
|
jQuery.fn.smoothScrollTo = function () {
|
|
|
|
if (this.length === 0) return;
|
2016-07-26 17:03:10 +00:00
|
|
|
let scrollElem = document.documentElement.scrollTop === 0 ? document.body : document.documentElement;
|
|
|
|
$(scrollElem).animate({
|
2015-12-30 18:38:18 +00:00
|
|
|
scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin
|
|
|
|
}, 800); // Adjust to change animations speed (ms)
|
|
|
|
return this;
|
|
|
|
};
|
|
|
|
|
|
|
|
// Making contains text expression not worry about casing
|
2016-07-26 17:03:10 +00:00
|
|
|
jQuery.expr[":"].contains = $.expr.createPseudo(function (arg) {
|
2015-12-30 19:57:17 +00:00
|
|
|
return function (elem) {
|
2015-12-30 18:38:18 +00:00
|
|
|
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
|
|
|
|
};
|
|
|
|
});
|
2015-12-29 16:39:25 +00:00
|
|
|
|
2015-10-08 22:49:18 +00:00
|
|
|
// Global jQuery Elements
|
2015-09-03 15:51:10 +00:00
|
|
|
$(function () {
|
|
|
|
|
2016-12-19 19:16:31 +00:00
|
|
|
let notifications = $('.notification');
|
|
|
|
let successNotification = notifications.filter('.pos');
|
|
|
|
let errorNotification = notifications.filter('.neg');
|
|
|
|
let warningNotification = notifications.filter('.warning');
|
2016-02-07 10:14:11 +00:00
|
|
|
// Notification Events
|
|
|
|
window.Events.listen('success', function (text) {
|
|
|
|
successNotification.hide();
|
|
|
|
successNotification.find('span').text(text);
|
|
|
|
setTimeout(() => {
|
|
|
|
successNotification.show();
|
|
|
|
}, 1);
|
|
|
|
});
|
2016-03-12 15:52:19 +00:00
|
|
|
window.Events.listen('warning', function (text) {
|
|
|
|
warningNotification.find('span').text(text);
|
|
|
|
warningNotification.show();
|
|
|
|
});
|
2016-02-07 10:14:11 +00:00
|
|
|
window.Events.listen('error', function (text) {
|
|
|
|
errorNotification.find('span').text(text);
|
|
|
|
errorNotification.show();
|
|
|
|
});
|
|
|
|
|
2015-09-03 18:05:45 +00:00
|
|
|
// Notification hiding
|
2016-02-07 10:14:11 +00:00
|
|
|
notifications.click(function () {
|
2015-09-03 15:51:10 +00:00
|
|
|
$(this).fadeOut(100);
|
|
|
|
});
|
|
|
|
|
2015-09-03 18:05:45 +00:00
|
|
|
// Chapter page list toggles
|
2015-12-30 19:57:17 +00:00
|
|
|
$('.chapter-toggle').click(function (e) {
|
2015-09-03 18:05:45 +00:00
|
|
|
e.preventDefault();
|
|
|
|
$(this).toggleClass('open');
|
2015-09-06 13:35:53 +00:00
|
|
|
$(this).closest('.chapter').find('.inset-list').slideToggle(180);
|
2015-09-03 18:05:45 +00:00
|
|
|
});
|
|
|
|
|
2016-02-08 20:42:41 +00:00
|
|
|
// Back to top button
|
|
|
|
$('#back-to-top').click(function() {
|
|
|
|
$('#header').smoothScrollTo();
|
|
|
|
});
|
2016-12-19 19:16:31 +00:00
|
|
|
let scrollTopShowing = false;
|
|
|
|
let scrollTop = document.getElementById('back-to-top');
|
|
|
|
let scrollTopBreakpoint = 1200;
|
2016-02-08 20:42:41 +00:00
|
|
|
window.addEventListener('scroll', function() {
|
2016-07-26 17:03:10 +00:00
|
|
|
let scrollTopPos = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
|
|
|
if (!scrollTopShowing && scrollTopPos > scrollTopBreakpoint) {
|
2016-02-08 20:42:41 +00:00
|
|
|
scrollTop.style.display = 'block';
|
|
|
|
scrollTopShowing = true;
|
|
|
|
setTimeout(() => {
|
2016-03-06 10:52:10 +00:00
|
|
|
scrollTop.style.opacity = 0.4;
|
2016-02-08 20:42:41 +00:00
|
|
|
}, 1);
|
2016-07-26 17:03:10 +00:00
|
|
|
} else if (scrollTopShowing && scrollTopPos < scrollTopBreakpoint) {
|
2016-02-08 20:42:41 +00:00
|
|
|
scrollTop.style.opacity = 0;
|
|
|
|
scrollTopShowing = false;
|
|
|
|
setTimeout(() => {
|
|
|
|
scrollTop.style.display = 'none';
|
|
|
|
}, 500);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2016-02-20 12:37:06 +00:00
|
|
|
// Common jQuery actions
|
|
|
|
$('[data-action="expand-entity-list-details"]').click(function() {
|
2016-07-03 09:12:12 +00:00
|
|
|
$('.entity-list.compact').find('p').not('.empty-text').slideToggle(240);
|
2016-02-20 12:37:06 +00:00
|
|
|
});
|
|
|
|
|
2016-08-30 19:05:59 +00:00
|
|
|
// Popup close
|
|
|
|
$('.popup-close').click(function() {
|
|
|
|
$(this).closest('.overlay').fadeOut(240);
|
|
|
|
});
|
2016-09-01 19:36:22 +00:00
|
|
|
$('.overlay').click(function(event) {
|
|
|
|
if (!$(event.target).hasClass('overlay')) return;
|
|
|
|
$(this).fadeOut(240);
|
|
|
|
});
|
|
|
|
|
2016-09-03 09:32:14 +00:00
|
|
|
// Prevent markdown display link click redirect
|
2016-09-02 17:54:26 +00:00
|
|
|
$('.markdown-display').on('click', 'a', function(event) {
|
|
|
|
event.preventDefault();
|
|
|
|
window.open($(this).attr('href'));
|
|
|
|
});
|
|
|
|
|
2016-12-22 19:41:32 +00:00
|
|
|
// Toggle Switches
|
|
|
|
let $switches = $('[toggle-switch]');
|
|
|
|
if ($switches.length > 0) {
|
|
|
|
$switches.click(event => {
|
|
|
|
let $switch = $(event.target);
|
|
|
|
let input = $switch.find('input').first()[0];
|
|
|
|
let checked = input.value !== 'true';
|
|
|
|
input.value = checked ? 'true' : 'false';
|
|
|
|
$switch.toggleClass('active', checked);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2016-12-24 15:21:19 +00:00
|
|
|
// Image pickers
|
|
|
|
$('.image-picker').on('click', 'button', event => {
|
|
|
|
let button = event.target;
|
|
|
|
let picker = $(button).closest('.image-picker')[0];
|
|
|
|
let action = button.getAttribute('data-action');
|
|
|
|
let resize = picker.getAttribute('data-resize-height') && picker.getAttribute('data-resize-width');
|
|
|
|
let usingIds = picker.getAttribute('data-current-id') !== '';
|
|
|
|
let resizeCrop = picker.getAttribute('data-resize-crop') !== '';
|
|
|
|
let imageElem = picker.querySelector('img');
|
|
|
|
let input = picker.querySelector('input');
|
|
|
|
|
|
|
|
function setImage(image) {
|
|
|
|
|
|
|
|
if (image === 'none') {
|
|
|
|
imageElem.src = picker.getAttribute('data-default-image');
|
|
|
|
imageElem.classList.add('none');
|
|
|
|
input.value = 'none';
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
imageElem.src = image.url;
|
|
|
|
input.value = usingIds ? image.id : image.url;
|
|
|
|
imageElem.classList.remove('none');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (action === 'show-image-manager') {
|
|
|
|
window.ImageManager.showExternal((image) => {
|
|
|
|
if (!resize) {
|
|
|
|
setImage(image);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
let requestString = '/images/thumb/' + image.id + '/' + picker.getAttribute('data-resize-width') + '/' + picker.getAttribute('data-resize-height') + '/' + (resizeCrop ? 'true' : 'false');
|
|
|
|
$.get(window.baseUrl(requestString), resp => {
|
|
|
|
image.url = resp.url;
|
|
|
|
setImage(image);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
} else if (action === 'reset-image') {
|
|
|
|
setImage({id: 0, url: picker.getAttribute('data-default-image')});
|
|
|
|
} else if (action === 'remove-image') {
|
|
|
|
setImage('none');
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2016-09-03 09:32:14 +00:00
|
|
|
// Detect IE for css
|
|
|
|
if(navigator.userAgent.indexOf('MSIE')!==-1
|
|
|
|
|| navigator.appVersion.indexOf('Trident/') > 0
|
|
|
|
|| navigator.userAgent.indexOf('Safari') !== -1){
|
|
|
|
$('body').addClass('flexbox-support');
|
|
|
|
}
|
|
|
|
|
2015-10-07 22:17:48 +00:00
|
|
|
});
|
|
|
|
|
2015-12-30 20:48:57 +00:00
|
|
|
// Page specific items
|
2016-12-19 19:16:31 +00:00
|
|
|
import "./pages/page-show";
|