MusareFork/frontend/main.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App.vue';
import auth from './auth';
import io from './io';

Vue.use(VueRouter);

let router = new VueRouter({
	history: true,
	suppressTransitionError: true
});

let _this = this;

lofig.folder = '../config/default.json';
lofig.get('serverDomain', function(res) {
	io.init(res);
	io.getSocket((socket) => {
		socket.on("ready", (status, role, username, userId) => {
			auth.data(status, role, username, userId);
		});
		socket.on('keep.event:banned', ban => {
			auth.setBanned(ban);
		});
	});
});

document.onkeydown = event => {
	event = event || window.event;
	if (event.keyCode === 27) router.app.$dispatch('closeModal');
};

router.beforeEach(transition => {
	window.location.hash = '';
	//
	if (window.stationInterval) {
		clearInterval(window.stationInterval);
		window.stationInterval = 0;
	}
	if (window.socket) io.removeAllListeners();
	io.clear();
	if (transition.to.loginRequired || transition.to.adminRequired) {
		auth.getStatus((authenticated, role) => {
			if (transition.to.loginRequired && !authenticated) transition.redirect('/login');
			else if (transition.to.adminRequired && role !== 'admin') transition.redirect('/');
			else transition.next();
		});
	} else transition.next();

	if (transition.to.officialRequired) {
		io.getSocket(socket => {
			socket.emit('stations.findByName', transition.to.params.id, res => {
				if (res.status === 'success') {
					if (res.data.type === 'community') transition.redirect(`/community/${transition.to.params.id}`);
					else transition.next();
				}
			});
		});
	}

	if (transition.to.communityRequired) {
		io.getSocket(socket => {
			socket.emit('stations.findByName', transition.to.params.id, res => {
				if (res.status === 'success') {
					if (res.data.type === 'official') transition.redirect(`/official/${transition.to.params.id}`);
					else transition.next();
				}
			});
		});
	}
});

router.afterEach(data => {
	ga('set', 'page', data.to.path);
	ga('send', 'pageview');
});


router.map({
	'/': {
		component: resolve => require(['./components/pages/Home.vue'], resolve)
	},
	'*': {
		component: resolve => require(['./components/404.vue'], resolve)
	},
	'404': {
		component: resolve => require(['./components/404.vue'], resolve)
	},
	'/terms': {
		component: resolve => require(['./components/pages/Terms.vue'], resolve)
	},
	'/privacy': {
		component: resolve => require(['./components/pages/Privacy.vue'], resolve)
	},
	'/team': {
		component: resolve => require(['./components/pages/Team.vue'], resolve)
	},
	'/news': {
		component: resolve => require(['./components/pages/News.vue'], resolve)
	},
	'/about': {
		component: resolve => require(['./components/pages/About.vue'], resolve)
	},
	'/u/:username': {
		component: resolve => require(['./components/User/Show.vue'], resolve),
	},
	'/settings': {
		component: resolve => require(['./components/User/Settings.vue'], resolve),
		loginRequired: true
	},
	'/reset_password': {
		component: resolve => require(['./components/User/ResetPassword.vue'], resolve)
	},
	'/login': {
		component: resolve => require(['./components/Modals/Login.vue'], resolve)
	},
	'/register': {
		component: resolve => require(['./components/Modals/Register.vue'], resolve)
	},
	'/admin': {
		component: resolve => require(['./components/pages/Admin.vue'], resolve),
		adminRequired: true
	},
	'/admin/:page': {
		component: resolve => require(['./components/pages/Admin.vue'], resolve),
		adminRequired: true
	},
	'/official/:id': {
		component: resolve => require(['./components/Station/Station.vue'], resolve),
		officialRequired: true
	},
	'/:id': {
		component: resolve => require(['./components/Station/Station.vue'], resolve),
		officialRequired: true
	},
	'/community/:id': {
		component: resolve => require(['./components/Station/Station.vue'], resolve),
		communityRequired: true
	}
});

router.start(App, 'body');