main/view/vue-config.js

60 lines
1.7 KiB
JavaScript

import {GlobalStore} from './lib/gstore-es6'
window.gstore = new GlobalStore();
// Header
window.gstore.add('header_title', 'ndli1718');
window.gstore.add('info', {
active: false,
type: 'warning',
message: 'Warning! blabla'
});
window.gstore.add('notif', [
{ class: 'bell', link: 'notifications', data: [], count: 0 },
{ class: 'message', link: 'inbox', data: [], count: 0 },
{ class: 'search', link: 'search', data: [], count: 0 },
{ class: 'menu', link: 'dashboard', data: [], count: 0 }
])
// Menu
window.gstore.add('menu_item', {
dashboard: {
label: 'Dashboard',
icon: 'dashboard'
}, profile: {
label: 'Profil',
icon: 'profile'
}, inbox: {
label: 'Messagerie instantannée',
icon: 'messages'
}, notifications: {
label: 'Notifications',
icon: 'bell'
}
});
window.gstore.add('URI', document.URL.replace(/^(?:\/\/|[^\/]+)*/, ''));
window.gstore.add('min_menu', false);
// Proccess current page from url
if( /^\/(\w+)(?:\/?.*)$/.test(window.gstore.data.URI) ){
var mi_keys = Object.keys( window.gstore.data.menu_item );
// if current page exists
if( !!~mi_keys.indexOf(RegExp.$1) ) window.gstore.add('menu_item_active', RegExp.$1);
else window.gstore.add('menu_item_active', 'dashboard');
}else
window.gstore.add('menu_item_active', 'dashboard');
// Functions
window.gstore.add('func', {
toggleMenuSize: function(){ window.gstore.data.min_menu=!window.gstore.data.min_menu; },
sendMessage: function(msg){
/* (1) Send message to WebSocket */
window.wsc_chat.send(JSON.stringify({message: msg}));
/* (2) Add locally */
window.gstore.data.notif[1].data.push([ window.gstore.data.server.session.name, msg ]);
}
});