main/view/vue-config.js

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 ]);
	}
});