mdbpanel/resources/js/app.js

74 lines
2.1 KiB
JavaScript

/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./bootstrap');
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
Vue.component('scheduletabs', require('./components/schedules/Tabs.vue'));
Vue.component('headernav', require('./components/HeaderNav.vue'));
Vue.component('pagination', require('./components/PaginationComponent.vue'));
// let headernav = require('./components/HeaderNav.vue');
let sidebar = require('./components/SideBar.vue');
// let scheduletabs = require('./components/schedules/Tabs.vue')
let SchedulesSuccessfull = require('./components/schedules/Successfull.vue');
let SchedulesNoSchedules = require('./components/schedules/NoSchedules.vue');
let SchedulesWarnings = require('./components/schedules/Warnings.vue');
let SchedulesErrors = require('./components/schedules/Errors.vue');
let SchedulesNoRecent = require('./components/schedules/NoRecent.vue');
const routes = [
{
path: '/schedules',
redirect: '/schedules/successfull'
// component: SchedulesSuccessfull
},
{
path: '/schedules/successfull',
component: SchedulesSuccessfull
},
{
path: '/schedules/noschedules',
component: SchedulesNoSchedules
},
{
path: '/schedules/norecent',
component: SchedulesNoRecent
},
{
path: '/schedules/warnings',
component: SchedulesWarnings
},
{
path: '/schedules/errors',
component: SchedulesErrors
}
]
const router = new VueRouter({
mode: 'history',
routes // short for `routes: routes`
})
const app = new Vue({
el: '#app',
router,
components: {
sidebar,
// headernav,
// scheduletabs,
}
});