parent
04d2b5ee62
commit
aa222e720e
@ -1,304 +1,246 @@ |
||||
import { createApp } from 'vue'; |
||||
import App from './App.vue'; |
||||
import i18n from './i18n'; |
||||
import router from './router'; |
||||
import store from './store'; |
||||
import axios from 'axios' |
||||
import { createPinia } from 'pinia'; |
||||
import { createApp } from "vue" |
||||
import App from "./App.vue" |
||||
import i18n from "./i18n" |
||||
import router from "./router" |
||||
import store from "./store" |
||||
import axios from "axios" |
||||
import { createPinia } from "pinia" |
||||
|
||||
// Services.
|
||||
import courseCategoryService from "./services/coursecategory" |
||||
import documentsService from "./services/documents" |
||||
import courseService from "./services/course" |
||||
import personalFileService from "./services/personalfile" |
||||
import resourceLinkService from "./services/resourcelink" |
||||
import resourceNodeService from "./services/resourcenode" |
||||
import messageService from "./services/message" |
||||
import messageAttachmentService from "./services/messageattachment" |
||||
import messageRelUserService from "./services/messagereluser" |
||||
import messageTagService from "./services/messagetag" |
||||
import userService from "./services/user" |
||||
import userGroupService from "./services/usergroup" |
||||
import userRelUserService from "./services/userreluser" |
||||
import calendarEventService from "./services/ccalendarevent" |
||||
import toolIntroService from "./services/ctoolintro" |
||||
import pageService from "./services/page" |
||||
import pageCategoryService from "./services/pagecategory" |
||||
import sessionService from "./services/session" |
||||
import socialPostService from "./services/socialpost" |
||||
|
||||
import makeCrudModule from "./store/modules/crud" |
||||
|
||||
import VueFlatPickr from "vue-flatpickr-component" |
||||
import "flatpickr/dist/flatpickr.css" |
||||
import "@mdi/font/css/materialdesignicons.css" |
||||
|
||||
import DashboardLayout from "./components/layout/DashboardLayout.vue" |
||||
import EmptyLayout from "./components/layout/EmptyLayout.vue" |
||||
// Tinymce
|
||||
import Editor from "./components/Editor" |
||||
|
||||
import courseCategoryService from './services/coursecategory'; |
||||
import documentsService from './services/documents'; |
||||
import courseService from './services/course'; |
||||
import personalFileService from './services/personalfile'; |
||||
import resourceLinkService from './services/resourcelink'; |
||||
import resourceNodeService from './services/resourcenode'; |
||||
import messageService from './services/message'; |
||||
import messageAttachmentService from './services/messageattachment'; |
||||
import messageRelUserService from './services/messagereluser'; |
||||
import messageTagService from "./services/messagetag"; |
||||
import userService from './services/user'; |
||||
import userGroupService from './services/usergroup'; |
||||
import userRelUserService from './services/userreluser'; |
||||
import calendarEventService from './services/ccalendarevent'; |
||||
import toolIntroService from './services/ctoolintro'; |
||||
import pageService from './services/page'; |
||||
import pageCategoryService from './services/pagecategory'; |
||||
import sessionService from './services/session'; |
||||
import socialPostService from './services/socialpost'; |
||||
|
||||
import makeCrudModule from './store/modules/crud'; |
||||
//import vuetify from './plugins/vuetify' // path to vuetify export
|
||||
|
||||
//require('@fancyapps/fancybox');
|
||||
//require('@fancyapps/fancybox/dist/jquery.fancybox.css');
|
||||
|
||||
//Vue.use(Vuelidate);
|
||||
|
||||
import Toast from 'vue-toastification'; |
||||
//import 'vue-toastification/dist/index.css';
|
||||
const toastOptions = { |
||||
transition: 'Vue-Toastification__fade', |
||||
maxToasts: 20, |
||||
newestOnTop: true |
||||
}; |
||||
import VueFlatPickr from 'vue-flatpickr-component'; |
||||
import 'flatpickr/dist/flatpickr.css'; |
||||
// Prime
|
||||
import PrimeVue from "primevue/config" |
||||
import DataView from "primevue/dataview" |
||||
import DataTable from "primevue/datatable" |
||||
import Dropdown from "primevue/dropdown" |
||||
import Toolbar from "primevue/toolbar" |
||||
import DataViewLayoutOptions from "primevue/dataviewlayoutoptions" |
||||
|
||||
import Dialog from "primevue/dialog" |
||||
import InputText from "primevue/inputtext" |
||||
import Button from "primevue/button" |
||||
import Column from "primevue/column" |
||||
import ColumnGroup from "primevue/columngroup" |
||||
import ToastService from "primevue/toastservice" |
||||
import ConfirmationService from "primevue/confirmationservice" |
||||
|
||||
import "primevue/resources/primevue.min.css" |
||||
// import 'primeflex/primeflex.css';
|
||||
import "primeicons/primeicons.css" |
||||
import Alpine from "alpinejs" |
||||
|
||||
// @todo move in a file:
|
||||
store.registerModule( |
||||
'course', |
||||
makeCrudModule({ |
||||
service: courseService |
||||
}) |
||||
); |
||||
"course", |
||||
makeCrudModule({ |
||||
service: courseService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'coursecategory', |
||||
makeCrudModule({ |
||||
service: courseCategoryService |
||||
}) |
||||
); |
||||
"coursecategory", |
||||
makeCrudModule({ |
||||
service: courseCategoryService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'documents', |
||||
makeCrudModule({ |
||||
service: documentsService |
||||
}) |
||||
); |
||||
"documents", |
||||
makeCrudModule({ |
||||
service: documentsService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'ccalendarevent', |
||||
makeCrudModule({ |
||||
service: calendarEventService |
||||
}) |
||||
); |
||||
"ccalendarevent", |
||||
makeCrudModule({ |
||||
service: calendarEventService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'ctoolintro', |
||||
"ctoolintro", |
||||
makeCrudModule({ |
||||
service: toolIntroService |
||||
}) |
||||
); |
||||
service: toolIntroService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'page', |
||||
makeCrudModule({ |
||||
service: pageService |
||||
}) |
||||
); |
||||
"page", |
||||
makeCrudModule({ |
||||
service: pageService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'pagecategory', |
||||
makeCrudModule({ |
||||
service: pageCategoryService |
||||
}) |
||||
); |
||||
"pagecategory", |
||||
makeCrudModule({ |
||||
service: pageCategoryService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'session', |
||||
makeCrudModule({ |
||||
service: sessionService |
||||
}) |
||||
); |
||||
"session", |
||||
makeCrudModule({ |
||||
service: sessionService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'personalfile', |
||||
makeCrudModule({ |
||||
service: personalFileService |
||||
}) |
||||
); |
||||
"personalfile", |
||||
makeCrudModule({ |
||||
service: personalFileService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'resourcelink', |
||||
makeCrudModule({ |
||||
service: resourceLinkService |
||||
}) |
||||
); |
||||
"resourcelink", |
||||
makeCrudModule({ |
||||
service: resourceLinkService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'resourcenode', |
||||
makeCrudModule({ |
||||
service: resourceNodeService |
||||
}) |
||||
); |
||||
"resourcenode", |
||||
makeCrudModule({ |
||||
service: resourceNodeService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'message', |
||||
makeCrudModule({ |
||||
service: messageService |
||||
}) |
||||
); |
||||
"message", |
||||
makeCrudModule({ |
||||
service: messageService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'messageattachment', |
||||
makeCrudModule({ |
||||
service: messageAttachmentService |
||||
}) |
||||
); |
||||
"messageattachment", |
||||
makeCrudModule({ |
||||
service: messageAttachmentService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'messagereluser', |
||||
makeCrudModule({ |
||||
service: messageRelUserService |
||||
}) |
||||
); |
||||
"messagereluser", |
||||
makeCrudModule({ |
||||
service: messageRelUserService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'messagetag', |
||||
"messagetag", |
||||
makeCrudModule({ |
||||
service: messageTagService |
||||
}) |
||||
); |
||||
service: messageTagService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'userreluser', |
||||
makeCrudModule({ |
||||
service: userRelUserService |
||||
}) |
||||
); |
||||
"userreluser", |
||||
makeCrudModule({ |
||||
service: userRelUserService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'user', |
||||
makeCrudModule({ |
||||
service: userService |
||||
}) |
||||
); |
||||
"user", |
||||
makeCrudModule({ |
||||
service: userService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'usergroup', |
||||
makeCrudModule({ |
||||
service: userGroupService |
||||
}) |
||||
); |
||||
"usergroup", |
||||
makeCrudModule({ |
||||
service: userGroupService, |
||||
}), |
||||
) |
||||
|
||||
store.registerModule( |
||||
'socialpost', |
||||
makeCrudModule({ |
||||
service: socialPostService |
||||
}) |
||||
); |
||||
|
||||
// Vuetify.
|
||||
import '@mdi/font/css/materialdesignicons.css'; |
||||
//import 'vuetify/styles'
|
||||
import { createVuetify } from 'vuetify'; |
||||
import { aliases, mdi } from 'vuetify/lib/iconsets/mdi' |
||||
|
||||
const options = { |
||||
// components,
|
||||
// directives,
|
||||
defaults: { |
||||
global: { |
||||
ripple: false, |
||||
}, |
||||
VSheet: { |
||||
elevation: 4, |
||||
}, |
||||
}, |
||||
icons: { |
||||
defaultSet: 'mdi', |
||||
aliases, |
||||
sets: { |
||||
mdi, |
||||
} |
||||
}, |
||||
theme: { |
||||
defaultTheme: 'light' |
||||
}, |
||||
} |
||||
const vuetify = createVuetify(options); |
||||
|
||||
import DashboardLayout from './components/layout/DashboardLayout.vue' |
||||
import EmptyLayout from './components/layout/EmptyLayout.vue' |
||||
"socialpost", |
||||
makeCrudModule({ |
||||
service: socialPostService, |
||||
}), |
||||
) |
||||
|
||||
// Vue setup.
|
||||
const app = createApp(App); |
||||
|
||||
// Quasar
|
||||
import { Quasar } from 'quasar' |
||||
import quasarUserOptions from './quasar-user-options' |
||||
|
||||
// Tinymce
|
||||
import Editor from './components/Editor'; |
||||
|
||||
// Prime
|
||||
import PrimeVue from 'primevue/config' |
||||
import DataView from 'primevue/dataview'; |
||||
import DataTable from 'primevue/datatable'; |
||||
import Dropdown from 'primevue/dropdown'; |
||||
import Toolbar from 'primevue/toolbar'; |
||||
import DataViewLayoutOptions from 'primevue/dataviewlayoutoptions'; |
||||
|
||||
import Dialog from 'primevue/dialog'; |
||||
import InputText from 'primevue/inputtext'; |
||||
import Button from 'primevue/button'; |
||||
import Column from 'primevue/column'; |
||||
import ColumnGroup from 'primevue/columngroup'; |
||||
import ToastService from 'primevue/toastservice'; |
||||
import ConfirmationService from 'primevue/confirmationservice'; |
||||
|
||||
import 'primevue/resources/primevue.min.css'; |
||||
// import 'primeflex/primeflex.css';
|
||||
import "primeicons/primeicons.css"; |
||||
|
||||
app.use(ToastService); |
||||
app.use(ConfirmationService); |
||||
app.component('Dialog', Dialog); |
||||
app.component('DataView', DataView); |
||||
app.component('DataTable', DataTable); |
||||
app.component('Dropdown', Dropdown); |
||||
app.component('DataViewLayoutOptions', DataViewLayoutOptions); |
||||
app.component('InputText', InputText); |
||||
app.component('Button', Button); |
||||
app.component('Column', Column); |
||||
app.component('ColumnGroup', ColumnGroup); |
||||
app.component('Toolbar', Toolbar); |
||||
app.component('DashboardLayout', DashboardLayout); |
||||
app.component('EmptyLayout', EmptyLayout); |
||||
app.component('TinyEditor', Editor); |
||||
|
||||
app.config.globalProperties.axios = axios; |
||||
const app = createApp(App) |
||||
|
||||
app.use(ToastService) |
||||
app.use(ConfirmationService) |
||||
app.component("Dialog", Dialog) |
||||
app.component("DataView", DataView) |
||||
app.component("DataTable", DataTable) |
||||
app.component("Dropdown", Dropdown) |
||||
app.component("DataViewLayoutOptions", DataViewLayoutOptions) |
||||
app.component("InputText", InputText) |
||||
app.component("Button", Button) |
||||
app.component("Column", Column) |
||||
app.component("ColumnGroup", ColumnGroup) |
||||
app.component("Toolbar", Toolbar) |
||||
app.component("DashboardLayout", DashboardLayout) |
||||
app.component("EmptyLayout", EmptyLayout) |
||||
app.component("TinyEditor", Editor) |
||||
|
||||
app.config.globalProperties.axios = axios |
||||
app.config.globalProperties.window = window |
||||
const prettyBytes = require('pretty-bytes'); |
||||
const { DateTime } = require("luxon"); |
||||
|
||||
const prettyBytes = require("pretty-bytes") |
||||
const { DateTime } = require("luxon") |
||||
|
||||
app.config.globalProperties.$filters = { |
||||
/** |
||||
* @param {string} datetime |
||||
* @returns {string} |
||||
*/ |
||||
abbreviatedDatetime(datetime) { |
||||
return DateTime.fromISO(datetime).toLocaleString({ ...DateTime.DATETIME_MED, month: 'long' }); |
||||
}, |
||||
/** |
||||
* @param {string} datetime |
||||
* @returns {string} |
||||
*/ |
||||
relativeDatetime(datetime) { |
||||
return DateTime.fromISO(datetime).toRelative(); |
||||
}, |
||||
prettyBytes, |
||||
/** |
||||
* @param {string} datetime |
||||
* @returns {string} |
||||
*/ |
||||
abbreviatedDatetime(datetime) { |
||||
return DateTime.fromISO(datetime).toLocaleString({ ...DateTime.DATETIME_MED, month: "long" }) |
||||
}, |
||||
/** |
||||
* @param {string} datetime |
||||
* @returns {string} |
||||
*/ |
||||
relativeDatetime(datetime) { |
||||
return DateTime.fromISO(datetime).toRelative() |
||||
}, |
||||
prettyBytes, |
||||
} |
||||
|
||||
import Alpine from 'alpinejs' |
||||
window.Alpine = Alpine |
||||
Alpine.start(); |
||||
|
||||
const pinia = createPinia(); |
||||
|
||||
app |
||||
.use(PrimeVue, {ripple: false}) |
||||
.use(Quasar, quasarUserOptions) |
||||
.use(VueFlatPickr) |
||||
//.use(VuelidatePlugin)
|
||||
// .use(vuetify)
|
||||
.use(router) |
||||
.use(store) |
||||
.use(pinia) |
||||
.use(i18n) |
||||
.use(Toast, toastOptions) |
||||
; |
||||
|
||||
app.mount('#app'); |
||||
Alpine.start() |
||||
|
||||
const pinia = createPinia() |
||||
|
||||
app.use(PrimeVue, { ripple: false }).use(VueFlatPickr).use(router).use(store).use(pinia).use(i18n) |
||||
|
||||
app.mount("#app") |
||||
|
Loading…
Reference in new issue