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', { nav: function(router, uri){ // {1} Update view (vue-router) // router.push('/'+uri); // {2} Activate current menu_item // window.gstore.data.menu_item_active = uri; // {3} Manage notifications // for( var notif of window.gstore.data.notif ) if( notif.link == uri ) // if notif links to current page notif.count = 0; }, 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 ]); } }); // new-message container window.gstore.add('new_msg', '');