diff --git a/assets/vue/components/documents/FormNewDocument.vue b/assets/vue/components/documents/FormNewDocument.vue index d5480afa45c..b72fa177355 100644 --- a/assets/vue/components/documents/FormNewDocument.vue +++ b/assets/vue/components/documents/FormNewDocument.vue @@ -9,7 +9,8 @@ {{ resource.title }} @@ -10,29 +10,29 @@ diff --git a/assets/vue/components/documents/ResourceIcon.vue b/assets/vue/components/documents/ResourceIcon.vue index 9689b4e1427..853db722bee 100644 --- a/assets/vue/components/documents/ResourceIcon.vue +++ b/assets/vue/components/documents/ResourceIcon.vue @@ -4,19 +4,19 @@ icon="folder-generic" /> diff --git a/assets/vue/composables/datatableList.js b/assets/vue/composables/datatableList.js index e7b265ce301..642b4e6b898 100644 --- a/assets/vue/composables/datatableList.js +++ b/assets/vue/composables/datatableList.js @@ -1,13 +1,13 @@ -import { useStore } from 'vuex' -import { inject, ref } from 'vue'; -import { useRoute, useRouter } from 'vue-router'; -import { isEmpty } from 'lodash' +import { useStore } from "vuex" +import { inject, ref } from "vue" +import { useRoute, useRouter } from "vue-router" +import { isEmpty } from "lodash" -import { useCidReq } from './cidReq' -import { useI18n } from 'vue-i18n'; +import { useCidReq } from "./cidReq" +import { useI18n } from "vue-i18n" import { useNotification } from "./notification" -export function useDatatableList (servicePrefix) { +export function useDatatableList(servicePrefix) { const moduleName = servicePrefix.toLowerCase() const store = useStore() @@ -30,19 +30,19 @@ export function useDatatableList (servicePrefix) { itemsPerPage: 5, }) - function onUpdateOptions ({ page, itemsPerPage, sortBy, sortDesc }) { + function onUpdateOptions({ page, itemsPerPage, sortBy, sortDesc }) { page = page || options.value.page - if (!isEmpty(route.query.filetype) && route.query.filetype === 'certificate') { - filters.value.filetype = 'certificate'; + if (!isEmpty(route.query.filetype) && route.query.filetype === "certificate") { + filters.value.filetype = "certificate" } else { - filters.value.filetype = ['file', 'folder']; + filters.value.filetype = ["file", "folder"] } let params = { ...filters.value } if (1 === filters.value.loadNode) { - params['resourceNode.parent'] = route.params.node + params["resourceNode.parent"] = route.params.node } if (itemsPerPage > 0) { @@ -50,79 +50,81 @@ export function useDatatableList (servicePrefix) { } if (!isEmpty(sortBy)) { - params[`order[${sortBy}]`] = sortDesc ? 'desc' : 'asc' + params[`order[${sortBy}]`] = sortDesc ? "desc" : "asc" } let type = route.query.type params = { ...params, cid, sid, gid, type, page } - store.dispatch(`${moduleName}/fetchAll`, params) - .then(() => options.value = { sortBy, sortDesc, itemsPerPage, page }) + store + .dispatch(`${moduleName}/fetchAll`, params) + .then(() => (options.value = { sortBy, sortDesc, itemsPerPage, page })) } - function goToAddItem () { - console.log('addHandler'); + function goToAddItem() { + console.log("addHandler") - let folderParams = route.query; + let folderParams = route.query router.push({ name: `${servicePrefix}Create`, query: folderParams, - }); + }) } - function goToEditItem (item) { - let folderParams = route.query; - folderParams['id'] = item['@id']; + function goToEditItem(item) { + let folderParams = route.query + folderParams["id"] = item["@id"] - if ('folder' === item.filetype || isEmpty(item.filetype)) { + if ("folder" === item.filetype || isEmpty(item.filetype)) { router.push({ name: `${servicePrefix}Update`, - params: { id: item['@id'] }, - query: folderParams - }); + params: { id: item["@id"] }, + query: folderParams, + }) } - if ('file' === item.filetype) { - folderParams['getFile'] = true; - if (item.resourceNode.resourceFile && - item.resourceNode.resourceFile.mimeType && - 'text/html' === item.resourceNode.resourceFile.mimeType + if ("file" === item.filetype) { + folderParams["getFile"] = true + if ( + item.resourceNode.firstResourceFile && + item.resourceNode.firstResourceFile.mimeType && + "text/html" === item.resourceNode.firstResourceFile.mimeType ) { //folderParams['getFile'] = true; } this.$router.push({ name: `${servicePrefix}UpdateFile`, - params: { id: item['@id'] }, - query: folderParams - }); + params: { id: item["@id"] }, + query: folderParams, + }) } } - function onShowItem (item) { - console.log('listmixin showHandler', item); + function onShowItem(item) { + console.log("listmixin showHandler", item) - let folderParams = route.query; + let folderParams = route.query if (item) { - folderParams['id'] = item['@id']; + folderParams["id"] = item["@id"] } router.push({ name: `${servicePrefix}Show`, params: folderParams, query: folderParams, - }); + }) } - async function deleteItem (item) { + async function deleteItem(item) { await store.dispatch(`${moduleName}/del`, item.value) - onUpdateOptions(options.value); + onUpdateOptions(options.value) - notification.showSuccessNotification(t('Deleted')) + notification.showSuccessNotification(t("Deleted")) } return { diff --git a/assets/vue/composables/fileUtils.js b/assets/vue/composables/fileUtils.js index 5ffce4744ef..3709dee2fed 100644 --- a/assets/vue/composables/fileUtils.js +++ b/assets/vue/composables/fileUtils.js @@ -1,31 +1,28 @@ - - export function useFileUtils() { - const isImage = (fileData) => { - return isFile(fileData) && fileData.resourceNode.resourceFile.image + return isFile(fileData) && fileData.resourceNode.firstResourceFile.image } const isVideo = (fileData) => { - return isFile(fileData) && fileData.resourceNode.resourceFile.video + return isFile(fileData) && fileData.resourceNode.firstResourceFile.video } const isAudio = (fileData) => { - const mimeType = fileData.resourceNode.resourceFile.mimeType + const mimeType = fileData.resourceNode.firstResourceFile.mimeType const isAudio = mimeType.split("/")[0].toLowerCase() === "audio" return isFile(fileData) && isAudio } const isHtml = (fileData) => { if (!isFile(fileData)) { - return false; + return false } - const mimeType = fileData.resourceNode.resourceFile.mimeType + const mimeType = fileData.resourceNode.firstResourceFile.mimeType return mimeType.split("/")[1].toLowerCase() === "html" } const isFile = (fileData) => { - return fileData.resourceNode && fileData.resourceNode.resourceFile + return fileData.resourceNode && fileData.resourceNode.firstResourceFile } return { diff --git a/assets/vue/mixins/ListMixin.js b/assets/vue/mixins/ListMixin.js index fcafb0469be..050fdab114a 100644 --- a/assets/vue/mixins/ListMixin.js +++ b/assets/vue/mixins/ListMixin.js @@ -257,9 +257,9 @@ export default { if ("file" === item.filetype) { folderParams["getFile"] = true if ( - item.resourceNode.resourceFile && - item.resourceNode.resourceFile.mimeType && - "text/html" === item.resourceNode.resourceFile.mimeType + item.resourceNode.firstResourceFile && + item.resourceNode.firstResourceFile.mimeType && + "text/html" === item.resourceNode.firstResourceFile.mimeType ) { //folderParams['getFile'] = true; } diff --git a/assets/vue/mixins/ListMixinVuetify.js b/assets/vue/mixins/ListMixinVuetify.js index 6d414246acd..dc2241938de 100644 --- a/assets/vue/mixins/ListMixinVuetify.js +++ b/assets/vue/mixins/ListMixinVuetify.js @@ -1,6 +1,6 @@ -import isEmpty from 'lodash/isEmpty'; -import { formatDateTime } from '../utils/dates'; -import NotificationMixin from './NotificationMixin'; +import isEmpty from "lodash/isEmpty" +import { formatDateTime } from "../utils/dates" +import NotificationMixin from "./NotificationMixin" export default { mixins: [NotificationMixin], @@ -9,106 +9,106 @@ export default { options: { sortBy: [], page: 1, - itemsPerPage: 15 + itemsPerPage: 15, }, - filters: {} - }; + filters: {}, + } }, watch: { $route() { // react to route changes... - this.resetList = true; - this.onUpdateOptions(this.options); - let nodeId = this.$route.params['node']; - this.findResourceNode('/api/resource_nodes/'+ nodeId); + this.resetList = true + this.onUpdateOptions(this.options) + let nodeId = this.$route.params["node"] + this.findResourceNode("/api/resource_nodes/" + nodeId) }, deletedItem(item) { - this.showMessage(`${item['@id']} deleted.`); + this.showMessage(`${item["@id"]} deleted.`) }, error(message) { - message && this.showError(message); + message && this.showError(message) }, items() { - this.options.totalItems = this.totalItems; - } + this.options.totalItems = this.totalItems + }, }, methods: { onUpdateOptions({ page, itemsPerPage, sortBy, sortDesc, totalItems } = {}) { let params = { - ...this.filters - }; + ...this.filters, + } if (itemsPerPage > 0) { - params = { ...params, itemsPerPage, page }; + params = { ...params, itemsPerPage, page } } if (this.$route.params.node) { - params[`resourceNode.parent`] = this.$route.params.node; + params[`resourceNode.parent`] = this.$route.params.node } if (!isEmpty(sortBy) && !isEmpty(sortDesc)) { - params[`order[${sortBy[0]}]`] = sortDesc[0] ? 'desc' : 'asc' + params[`order[${sortBy[0]}]`] = sortDesc[0] ? "desc" : "asc" } - this.resetList = true; + this.resetList = true this.getPage(params).then(() => { - this.options.sortBy = sortBy; - this.options.sortDesc = sortDesc; - this.options.itemsPerPage = itemsPerPage; - this.options.totalItems = totalItems; - }); + this.options.sortBy = sortBy + this.options.sortDesc = sortDesc + this.options.itemsPerPage = itemsPerPage + this.options.totalItems = totalItems + }) }, onSendFilter() { - this.resetList = true; - this.onUpdateOptions(this.options); + this.resetList = true + this.onUpdateOptions(this.options) }, resetFilter() { - this.filters = {}; + this.filters = {} }, addHandler() { - let folderParams = this.$route.query; - this.$router.push({name: `${this.$options.servicePrefix}Create`, query: folderParams}); + let folderParams = this.$route.query + this.$router.push({ name: `${this.$options.servicePrefix}Create`, query: folderParams }) }, addDocumentHandler() { - let folderParams = this.$route.query; - this.$router.push({ name: `${this.$options.servicePrefix}CreateFile` , query: folderParams}); + let folderParams = this.$route.query + this.$router.push({ name: `${this.$options.servicePrefix}CreateFile`, query: folderParams }) }, uploadDocumentHandler() { - let folderParams = this.$route.query; - this.$router.push({ name: `${this.$options.servicePrefix}UploadFile` , query: folderParams}); + let folderParams = this.$route.query + this.$router.push({ name: `${this.$options.servicePrefix}UploadFile`, query: folderParams }) }, showHandler(item) { - let folderParams = this.$route.query; - folderParams['id'] = item['@id']; + let folderParams = this.$route.query + folderParams["id"] = item["@id"] this.$router.push({ name: `${this.$options.servicePrefix}Show`, //params: { id: item['@id'] }, - query: folderParams - }); + query: folderParams, + }) }, handleClick(item) { - let folderParams = this.$route.query; - this.resetList = true; - this.$route.params.node = item['resourceNode']['id']; + let folderParams = this.$route.query + this.resetList = true + this.$route.params.node = item["resourceNode"]["id"] this.$router.push({ name: `${this.$options.servicePrefix}List`, - params: {node: item['resourceNode']['id']}, + params: { node: item["resourceNode"]["id"] }, query: folderParams, - }); + }) /*this.$router.push({ name: `${this.$options.servicePrefix}List`, @@ -119,36 +119,38 @@ export default { this.onUpdateOptions(this.options);*/ }, editHandler(item) { - let folderParams = this.$route.query; - folderParams['id'] = item['@id']; + let folderParams = this.$route.query + folderParams["id"] = item["@id"] - if ('folder' === item.filetype) { + if ("folder" === item.filetype) { this.$router.push({ name: `${this.$options.servicePrefix}Update`, - params: { id: item['@id'] }, - query: folderParams - }); + params: { id: item["@id"] }, + query: folderParams, + }) } - if ('file' === item.filetype) { - folderParams['getFile'] = false; + if ("file" === item.filetype) { + folderParams["getFile"] = false - if (item.resourceNode.resourceFile && - item.resourceNode.resourceFile.mimeType && - 'text/html' === item.resourceNode.resourceFile.mimeType) { - folderParams['getFile'] = true; + if ( + item.resourceNode.firstResourceFile && + item.resourceNode.firstResourceFile.mimeType && + "text/html" === item.resourceNode.firstResourceFile.mimeType + ) { + folderParams["getFile"] = true } this.$router.push({ name: `${this.$options.servicePrefix}UpdateFile`, - params: { id: item['@id'] }, - query: folderParams - }); + params: { id: item["@id"] }, + query: folderParams, + }) } }, deleteHandler(item) { - this.deleteItem(item).then(() => this.onUpdateOptions(this.options)); + this.deleteItem(item).then(() => this.onUpdateOptions(this.options)) }, - formatDateTime - } -}; + formatDateTime, + }, +} diff --git a/assets/vue/views/documents/DocumentForHtmlEditor.vue b/assets/vue/views/documents/DocumentForHtmlEditor.vue index 8abd880f0b8..381c54cc59e 100644 --- a/assets/vue/views/documents/DocumentForHtmlEditor.vue +++ b/assets/vue/views/documents/DocumentForHtmlEditor.vue @@ -45,7 +45,7 @@ field="resourceNode.title" >