github
/
statping
mirror of https://github.com/statping/statping
1
0
Fork 0
Code Issues Releases Wiki Activity

removed linting from routes

pull/1097/head
smit95tpatel 2021-12-17 19:50:24 +05:30
parent 40b5d6adcf
commit 287881423c
1 changed files with 230 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

461
frontend/src/routes.js
View File

@ -1,253 +1,252 @@
const Index = () => import(/* webpackChunkName: "index" */ '@/pages/Index'); const Index = () => import(/* webpackChunkName: "index" */ '@/pages/Index')
const Dashboard = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Dashboard'); const Dashboard = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Dashboard')
const DashboardIndex = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardIndex'); const DashboardIndex = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardIndex')
const DashboardUsers = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardUsers'); const DashboardUsers = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardUsers')
const DashboardServices = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardServices'); const DashboardServices = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardServices')
const DashboardMessages = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardMessages'); const DashboardMessages = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardMessages')
const EditService = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/EditService'); const EditService = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/EditService')
const Logs = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Logs'); const Logs = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Logs')
const Help = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Help'); const Help = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Help')
const Settings = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Settings'); const Settings = () => import(/* webpackChunkName: "dashboard" */ '@/pages/Settings')
const Login = () => import(/* webpackChunkName: "index" */ '@/pages/Login'); const Login = () => import(/* webpackChunkName: "index" */ '@/pages/Login')
const Service = () => import(/* webpackChunkName: "index" */ '@/pages/Service'); const Service = () => import(/* webpackChunkName: "index" */ '@/pages/Service')
const Setup = () => import(/* webpackChunkName: "index" */ '@/forms/Setup'); const Setup = () => import(/* webpackChunkName: "index" */ '@/forms/Setup')
const Incidents = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Incidents'); const Incidents = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Incidents')
const Checkins = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Checkins'); const Checkins = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Checkins')
const Failures = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Failures'); const Failures = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/Failures')
const NotFound = () => import(/* webpackChunkName: "index" */ '@/pages/NotFound'); const NotFound = () => import(/* webpackChunkName: "index" */ '@/pages/NotFound')
const Importer = () => import(/* webpackChunkName: "index" */ '@/components/Dashboard/Importer'); const Importer = () => import(/* webpackChunkName: "index" */ '@/components/Dashboard/Importer')
const DashboardDowntimes = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/DashboardDowntimes');
const EditDowntime = () => import(/* webpackChunkName: "dashboard" */ '@/components/Dashboard/EditDowntime');
import VueRouter from 'vue-router'; import VueRouter from "vue-router";
import Api from './API'; import Api from "./API";
import store from './store'; import store from "./store"
const Loading = { const Loading = {
template: '<div class="jumbotron">LOADING</div>' template: '<div class="jumbotron">LOADING</div>'
}; }
const routes = [ const routes = [
{ {
path: '/setup', path: '/setup',
name: 'Setup', name: 'Setup',
component: Setup, component: Setup,
meta: { meta: {
title: 'Statping Setup', title: 'Statping Setup',
}
},
{
path: '/',
name: 'Index',
component: Index,
},
{
path: '/dashboard',
component: Dashboard,
meta: {
requiresAuth: true,
title: 'Statping - Dashboard',
},
beforeEnter: async (to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
if (to.path !== '/login') {
if(store.getters.loggedIn) {
next()
return
}
const token = $cookies.get('statping_auth')
if (!token) {
next('/login')
return
}
try {
const jwt = await Api.check_token(token)
store.commit('setAdmin', jwt.admin)
if (jwt.admin) {
store.commit('setLoggedIn', true)
store.commit('setUser', true)
} else {
store.commit('setLoggedIn', false)
next('/login')
return
}
} catch (e) {
console.error(e)
next('/login')
return
}
} }
next()
} else {
next()
}
}, },
{ children: [{
path: '/', path: '',
name: 'Index', component: DashboardIndex,
component: Index, meta: {
}, requiresAuth: true,
{ title: 'Statping - Dashboard',
path: '/dashboard', }
component: Dashboard, },{
path: 'users',
component: DashboardUsers,
loading: Loading,
meta: { meta: {
requiresAuth: true, requiresAuth: true,
title: 'Statping - Dashboard', title: 'Statping - Users',
},
beforeEnter: async (to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
if (to.path !== '/login') {
if (store.getters.loggedIn) {
next();
return;
}
const token = $cookies.get('statping_auth');
if (!token) {
next('/login');
return;
}
try {
const jwt = await Api.check_token(token);
store.commit('setAdmin', jwt.admin);
if (jwt.admin) {
store.commit('setLoggedIn', true);
store.commit('setUser', true);
} else {
store.commit('setLoggedIn', false);
next('/login');
return;
}
} catch (e) {
console.error(e);
next('/login');
return;
}
}
next();
} else {
next();
}
},
children: [ {
path: '',
component: DashboardIndex,
meta: {
requiresAuth: true,
title: 'Statping - Dashboard',
}
},{
path: 'users',
component: DashboardUsers,
loading: Loading,
meta: {
requiresAuth: true,
title: 'Statping - Users',
}
},{
path: 'services',
component: DashboardServices,
meta: {
requiresAuth: true,
title: 'Statping - Services',
}
},{
path: 'create_service',
component: EditService,
meta: {
requiresAuth: true,
title: 'Statping - Create Service',
}
},{
path: 'edit_service/:id',
component: EditService,
meta: {
requiresAuth: true,
title: 'Statping - Edit Service',
}
},{
path: 'service/:id/incidents',
component: Incidents,
meta: {
requiresAuth: true,
title: 'Statping - Incidents',
}
},{
path: 'service/:id/checkins',
component: Checkins,
meta: {
requiresAuth: true,
title: 'Statping - Checkins',
}
},{
path: 'service/:id/failures',
component: Failures,
meta: {
requiresAuth: true,
title: 'Statping - Service Failures',
}
},{
path: 'downtimes',
component: DashboardDowntimes,
meta: {
requiresAuth: true,
title: 'Statping - Downtimes',
}
},{
path: 'create_downtime',
component: EditDowntime,
meta: {
requiresAuth: true,
title: 'Statping - Create Downtime',
}
},{
path: 'edit_downtime/:id',
component: EditDowntime,
meta: {
requiresAuth: true,
title: 'Statping - Update Downtime',
}
},{
path: 'messages',
component: DashboardMessages,
meta: {
requiresAuth: true,
title: 'Statping - Messages',
}
},{
path: 'settings',
component: Settings,
meta: {
requiresAuth: true,
title: 'Statping - Settings',
}
},{
path: 'logs',
component: Logs,
meta: {
requiresAuth: true,
title: 'Statping - Logs',
}
},{
path: 'help',
component: Help,
meta: {
requiresAuth: true,
title: 'Statping - Help',
}
},{
path: 'import',
component: Importer,
meta: {
requiresAuth: true,
title: 'Statping - Import',
}
} ]
},
{
path: '/login',
name: 'Login',
component: Login,
meta: {
title: 'Statping - Login',
} }
}, },{
{ path: '/logout', redirect: '/' }, path: 'services',
{ component: DashboardServices,
path: '/service/:id', meta: {
name: 'Service', requiresAuth: true,
component: Service, title: 'Statping - Services',
props: true }
}, },{
{ path: 'create_service',
path: '*', component: EditService,
component: NotFound, meta: {
name: 'NotFound', requiresAuth: true,
title: 'Statping - Create Service',
}
},{
path: 'edit_service/:id',
component: EditService,
meta: {
requiresAuth: true,
title: 'Statping - Edit Service',
}
},{
path: 'service/:id/incidents',
component: Incidents,
meta: {
requiresAuth: true,
title: 'Statping - Incidents',
}
},{
path: 'service/:id/checkins',
component: Checkins,
meta: {
requiresAuth: true,
title: 'Statping - Checkins',
}
},{
path: 'service/:id/failures',
component: Failures,
meta: {
requiresAuth: true,
title: 'Statping - Service Failures',
}
},{
path: 'downtimes',
component: DashboardDowntimes,
meta: {
requiresAuth: true,
title: 'Statping - Downtimes',
}
},{
path: 'create_downtime',
component: EditDowntime,
meta: {
requiresAuth: true,
title: 'Statping - Create Downtime',
}
},{
path: 'edit_downtime/:id',
component: EditDowntime,
meta: {
requiresAuth: true,
title: 'Statping - Update Downtime',
}
},{
path: 'messages',
component: DashboardMessages,
meta: {
requiresAuth: true,
title: 'Statping - Messages',
}
},{
path: 'settings',
component: Settings,
meta: {
requiresAuth: true,
title: 'Statping - Settings',
}
},{
path: 'logs',
component: Logs,
meta: {
requiresAuth: true,
title: 'Statping - Logs',
}
},{
path: 'help',
component: Help,
meta: {
requiresAuth: true,
title: 'Statping - Help',
}
},{
path: 'import',
component: Importer,
meta: {
requiresAuth: true,
title: 'Statping - Import',
}
}]
},
{
path: '/login',
name: 'Login',
component: Login,
meta: {
title: 'Statping - Login',
} }
},
{ path: '/logout', redirect: '/' },
{
path: '/service/:id',
name: 'Service',
component: Service,
props: true
},
{
path: '*',
component: NotFound,
name: 'NotFound',
}
]; ];
const router = new VueRouter({ const router = new VueRouter({
mode: 'history', mode: 'history',
scrollBehavior (to, from, savedPosition) { scrollBehavior (to, from, savedPosition) {
if (savedPosition) { if (savedPosition) {
return savedPosition; return savedPosition
} else { } else {
return { x: 0, y: 0 }; return { x: 0, y: 0 }
} }
}, },
routes routes
}); })
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta && r.meta.title); const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta && r.meta.title);
const nearestWithMeta = to.matched.slice().reverse().find(r => r.meta && r.meta.metaTags); const nearestWithMeta = to.matched.slice().reverse().find(r => r.meta && r.meta.metaTags);
const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags); const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags);
if (nearestWithTitle) {document.title = nearestWithTitle.meta.title;} if (nearestWithTitle) document.title = nearestWithTitle.meta.title;
Array.from(document.querySelectorAll('[data-vue-router-controlled]')).map(el => el.parentNode.removeChild(el)); Array.from(document.querySelectorAll('[data-vue-router-controlled]')).map(el => el.parentNode.removeChild(el));
if (!nearestWithMeta) {return next();} if (!nearestWithMeta) return next();
nearestWithMeta.meta.metaTags.map(tagDef => { nearestWithMeta.meta.metaTags.map(tagDef => {
const tag = document.createElement('meta'); const tag = document.createElement('meta');
Object.keys(tagDef).forEach(key => { Object.keys(tagDef).forEach(key => {
tag.setAttribute(key, tagDef[key]); tag.setAttribute(key, tagDef[key]);
}); });
tag.setAttribute('data-vue-router-controlled', ''); tag.setAttribute('data-vue-router-controlled', '');
return tag; return tag;
}) })
.forEach(tag => document.head.appendChild(tag)); .forEach(tag => document.head.appendChild(tag));
next(); next();
}); });
export default router; export default router