Minor: Format code + remove unnecessary code

pull/4870/head
Angel Fernando Quiroz Campos 1 year ago
parent 04d2b5ee62
commit aa222e720e
  1. 446
      assets/vue/main.js

@ -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…
Cancel
Save