2020-03-29 13:47:07 +02:00
|
|
|
/**
|
|
|
|
* @license GNU AGPL version 3 or any later version
|
|
|
|
*
|
|
|
|
* This program is free software: you can redistribute it and/or modify
|
|
|
|
* it under the terms of the GNU Affero General Public License as
|
|
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
|
|
* License, or (at your option) any later version.
|
|
|
|
*
|
|
|
|
* This program is distributed in the hope that it will be useful,
|
|
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
* GNU Affero General Public License for more details.
|
|
|
|
*
|
|
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
*/
|
|
|
|
|
2020-03-28 17:40:53 +01:00
|
|
|
import Vue from 'vue'
|
2022-10-16 18:21:23 +02:00
|
|
|
import AppMenu from './AppMenu.vue'
|
2020-03-28 17:40:53 +01:00
|
|
|
import SideMenu from './SideMenu.vue'
|
2020-08-06 15:00:59 +02:00
|
|
|
import SideMenuBig from './SideMenuBig.vue'
|
2021-10-21 21:37:32 +02:00
|
|
|
import SideMenuWithCategories from './SideMenuWithCategories.vue'
|
2022-10-16 19:57:32 +02:00
|
|
|
import PageLoader from './PageLoader'
|
|
|
|
import SMcreateElement from './lib/createElement'
|
2020-03-28 17:40:53 +01:00
|
|
|
|
2020-08-06 15:00:59 +02:00
|
|
|
Vue.prototype.OC = OC
|
2022-10-16 18:21:23 +02:00
|
|
|
Vue.prototype.t = OC.L10N.translate
|
2020-03-28 17:40:53 +01:00
|
|
|
|
2022-10-16 19:57:32 +02:00
|
|
|
window.SMcreateElement = SMcreateElement
|
|
|
|
window.PageLoader = PageLoader
|
|
|
|
|
2020-03-28 17:40:53 +01:00
|
|
|
const mountSideMenuComponent = () => {
|
2022-10-16 18:21:23 +02:00
|
|
|
const container = document.querySelector('#side-menu')
|
2020-03-28 17:40:53 +01:00
|
|
|
|
2022-10-16 18:21:23 +02:00
|
|
|
if (!container) {
|
|
|
|
return window.setTimeout(mountSideMenuComponent, 50)
|
|
|
|
}
|
2020-08-06 15:00:59 +02:00
|
|
|
|
2022-10-16 18:21:23 +02:00
|
|
|
const component = (() => {
|
|
|
|
if (container.getAttribute('data-bigmenu')) {
|
|
|
|
return SideMenuBig
|
|
|
|
} else if(container.getAttribute('data-sidewithcategories')) {
|
|
|
|
return SideMenuWithCategories
|
|
|
|
} else {
|
|
|
|
return SideMenu
|
|
|
|
}
|
|
|
|
})()
|
2020-08-06 15:00:59 +02:00
|
|
|
|
2022-10-16 18:21:23 +02:00
|
|
|
const View = Vue.extend(component)
|
|
|
|
const App = new View({})
|
2020-08-06 15:00:59 +02:00
|
|
|
|
2022-10-16 18:21:23 +02:00
|
|
|
App.$mount('#side-menu')
|
2020-04-26 21:36:54 +02:00
|
|
|
|
2022-10-16 18:21:23 +02:00
|
|
|
document.querySelector('body').dispatchEvent(new CustomEvent('side-menu.ready'))
|
|
|
|
}
|
|
|
|
|
|
|
|
const mountAppMenu = () => {
|
|
|
|
const container = document.querySelector('#header .app-menu')
|
|
|
|
|
|
|
|
if (!container) {
|
|
|
|
return window.setTimeout(mountAppMenu, 50)
|
|
|
|
}
|
|
|
|
|
|
|
|
const View = Vue.extend(AppMenu)
|
|
|
|
const App = new View({})
|
|
|
|
|
|
|
|
App.$mount('#header .app-menu')
|
2020-03-28 17:40:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
mountSideMenuComponent()
|
2022-10-16 18:21:23 +02:00
|
|
|
mountAppMenu()
|