X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/6b4ec65b0303487fc45024dae8b814c054e535ef..refs/pull/474/head:/resources/assets/js/global.js diff --git a/resources/assets/js/global.js b/resources/assets/js/global.js index 66326da23..28d1e3b0c 100644 --- a/resources/assets/js/global.js +++ b/resources/assets/js/global.js @@ -1,51 +1,101 @@ -$(function () { +"use strict"; +require("babel-polyfill"); - // Notification hiding - $('.notification').click(function () { - $(this).fadeOut(100); +// 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; +}; - }); +const Vue = require("vue"); +const axios = require("axios"); - // Dropdown toggles - $('[data-dropdown]').dropDown(); +let axiosInstance = axios.create({ + headers: { + 'X-CSRF-TOKEN': document.querySelector('meta[name=token]').getAttribute('content'), + 'baseURL': window.baseUrl('') + } +}); +window.$http = axiosInstance; +Vue.prototype.$http = axiosInstance; - // Chapter page list toggles - $('.chapter-toggle').click(function(e) { - e.preventDefault(); - $(this).toggleClass('open'); - $(this).closest('.chapter').find('.inset-list').slideToggle(180); - }); -}); +// AngularJS - Create application and load components +const angular = require("angular"); +require("angular-resource"); +require("angular-animate"); +require("angular-sanitize"); +require("angular-ui-sortable"); +let ngApp = angular.module('bookStack', ['ngResource', 'ngAnimate', 'ngSanitize', 'ui.sortable']); -// Vue Components +// Translation setup +// Creates a global function with name 'trans' to be used in the same way as Laravel's translation system +const Translations = require("./translations"); +let translator = new Translations(window.translations); +window.trans = translator.get.bind(translator); -Vue.component('image-picker', { - template: require('./templates/image-picker.html'), - props: ['currentImage', 'name', 'imageClass'], - data: function() { - return { - image: this.currentImage - } - }, - methods: { - showImageManager: function(e) { - var _this = this; - ImageManager.show(function(image) { - _this.image = image.url; - }); - }, - reset: function() { - this.image = ''; - }, - remove: function() { - this.image = 'none'; +// Global Event System +class EventManager { + constructor() { + this.listeners = {}; + } + + emit(eventName, eventData) { + if (typeof this.listeners[eventName] === 'undefined') return this; + let eventsToStart = this.listeners[eventName]; + for (let i = 0; i < eventsToStart.length; i++) { + let event = eventsToStart[i]; + event(eventData); } + return this; + } + + listen(eventName, callback) { + if (typeof this.listeners[eventName] === 'undefined') this.listeners[eventName] = []; + this.listeners[eventName].push(callback); + return this; } +} + +window.Events = new EventManager(); +Vue.prototype.$events = window.Events; + +require("./vues/vues"); +require("./components"); + +// Load in angular specific items +const Directives = require('./directives'); +const Controllers = require('./controllers'); +Directives(ngApp, window.Events); +Controllers(ngApp, window.Events); + +//Global jQuery Config & Extensions + +// Smooth scrolling +jQuery.fn.smoothScrollTo = function () { + if (this.length === 0) return; + $('html, body').animate({ + scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin + }, 300); // Adjust to change animations speed (ms) + return this; +}; + +// Making contains text expression not worry about casing +jQuery.expr[":"].contains = $.expr.createPseudo(function (arg) { + return function (elem) { + return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; + }; }); -// Global Vue Instance -var app = new Vue({ - el: '#app' -}); \ No newline at end of file +// Detect IE for css +if(navigator.userAgent.indexOf('MSIE')!==-1 + || navigator.appVersion.indexOf('Trident/') > 0 + || navigator.userAgent.indexOf('Safari') !== -1){ + document.body.classList.add('flexbox-support'); +} + +// Page specific items +require("./pages/page-show");