mirror of https://github.com/requarks/wiki
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
2.6 KiB
98 lines
2.6 KiB
'use strict'
|
|
|
|
/* global siteLang */
|
|
/* eslint-disable no-new */
|
|
|
|
import $ from 'jquery'
|
|
import Vue from 'vue'
|
|
import VueResource from 'vue-resource'
|
|
import store from './store'
|
|
import io from 'socket.io-client'
|
|
import i18next from 'i18next'
|
|
import i18nextXHR from 'i18next-xhr-backend'
|
|
import VueI18Next from '@panter/vue-i18next'
|
|
import 'jquery-smooth-scroll'
|
|
import 'jquery-sticky'
|
|
|
|
// ====================================
|
|
// Load Vue Components
|
|
// ====================================
|
|
|
|
import alertComponent from './components/alert.vue'
|
|
import anchorComponent from './components/anchor.vue'
|
|
import colorPickerComponent from './components/color-picker.vue'
|
|
import loadingSpinnerComponent from './components/loading-spinner.vue'
|
|
import searchComponent from './components/search.vue'
|
|
import treeComponent from './components/tree.vue'
|
|
|
|
import adminUsersCreateComponent from './modals/admin-users-create.vue'
|
|
|
|
import adminProfileComponent from './pages/admin-profile.component.js'
|
|
import adminSettingsComponent from './pages/admin-settings.component.js'
|
|
|
|
// ====================================
|
|
// Initialize Vue Modules
|
|
// ====================================
|
|
|
|
Vue.use(VueResource)
|
|
Vue.use(VueI18Next)
|
|
|
|
i18next
|
|
.use(i18nextXHR)
|
|
.init({
|
|
backend: {
|
|
loadPath: '/js/i18n/{{lng}}.json'
|
|
},
|
|
lng: siteLang,
|
|
fallbackLng: siteLang
|
|
})
|
|
|
|
$(() => {
|
|
// ====================================
|
|
// Notifications
|
|
// ====================================
|
|
|
|
$(window).bind('beforeunload', () => {
|
|
store.dispatch('startLoading')
|
|
})
|
|
$(document).ajaxSend(() => {
|
|
store.dispatch('startLoading')
|
|
}).ajaxComplete(() => {
|
|
store.dispatch('stopLoading')
|
|
})
|
|
|
|
// ====================================
|
|
// Establish WebSocket connection
|
|
// ====================================
|
|
|
|
let socket = io(window.location.origin)
|
|
window.socket = socket
|
|
|
|
// ====================================
|
|
// Bootstrap Vue
|
|
// ====================================
|
|
|
|
const i18n = new VueI18Next(i18next)
|
|
new Vue({
|
|
components: {
|
|
alert: alertComponent,
|
|
adminProfile: adminProfileComponent,
|
|
adminSettings: adminSettingsComponent,
|
|
adminUsersCreate: adminUsersCreateComponent,
|
|
anchor: anchorComponent,
|
|
colorPicker: colorPickerComponent,
|
|
loadingSpinner: loadingSpinnerComponent,
|
|
search: searchComponent,
|
|
tree: treeComponent
|
|
},
|
|
store,
|
|
i18n,
|
|
el: '#root',
|
|
mounted() {
|
|
$('a').smoothScroll({ speed: 500, offset: -50 })
|
|
$('#header').sticky({ topSpacing: 0 })
|
|
$('.sidebar-pagecontents').sticky({ topSpacing: 15, bottomSpacing: 75 })
|
|
}
|
|
})
|
|
})
|