npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.5.7 → 4.5.9 - Mend

@piveau/piveau-hub-ui-modules 4.5.7 → 4.5.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/data-provider-interface/CatalogueMQA.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n <div class=\"container mb-3\">\n <div>\n <div>\n <h1>MQA Report Settings</h1>\n <p>Configuration for</p>\n <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>deactivated</b>.</p>\n </div>\n\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleActivate()\">{{ activatedString }}</button>\n </div>\n <div v-if=\"active\">\n <div class=\"mqaWrapper\">\n <h3>Recipients Mail</h3>\n <span>Add and edit mail addresses for recieving the MQA report</span>\n <table ref=\"mailButtonWrap\" v-if=\"mailList.length != 0\">\n <tr>\n <th>Mail</th>\n </tr>\n <tr v-for=\"item in mailList\" class=\"mailItems\">\n <td>\n <input type=\"text\" :value=\"item.mail\" :readonly=\"item.readonly\"\n :class=\"{ 'editable': !item.readonly, 'invalid': !item.valid }\"\n @input=\"handleMailinput($event, item.mail)\">\n <div>\n <button type=\"button\" class=\"btn btn-secondary\"\n @click=\"handleReadonly(item)\">Edit</button>\n <button type=\"button\" class=\"btn btn-secondary\"\n @click=\"handleDelete(item.mail)\">Delete</button>\n </div>\n </td>\n <span class=\"errormsg\" v-if=\"!item.valid\">Invalid email format</span>\n </tr>\n </table>\n <div class=\"my-3 d-flex\">\n <input type=\"text\" v-model=\"newMail.mail\" @input=\"handleMailinput($event)\"\n :class=\"{ 'invalidNewMail': !newMail.valid }\" style=\"padding:0.25rem\">\n <button type=\"button\" class=\"btn btn-secondary mx-3\" :disabled=\"!newMail.valid\"\n @click=\"addNewMail()\">+\n add Mail</button>\n </div>\n \n <span class=\"errormsg\" v-if=\"!newMail.valid\">Invalid email format</span>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Frequency of Rating Checks</h3>\n <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut\n labore et dolore magna aliquyam erat, sed diam voluptua</span>\n <div class=\"d-flex\">\n <div class=\"mr-3 my-3\">\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"weekly = !weekly; monthly = false\"\n :class=\"{ 'activeChoiceButton': weekly === true }\">Weekly</button>\n <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n <span v-for=\"day in week\" @click=\"currentday(day, $event)\">\n <button :disabled=\"!weekly\" class=\"dayButtons\">{{ day }}</button>\n </span>\n </div>\n </div>\n <div class=\"my-3\">\n <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly === true }\"\n class=\"btn btn-secondary\"\n @click=\"monthly = !monthly; weekly = false; resetWeekdays()\">Monthly</button>\n <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n <input v-model=\"daysInMonth\" @input=\"adjustWidth()\" :class=\"{ dynamicWidth: inputWidth }\"\n :disabled=\"!monthly\">.\n <div class=\"caretWrap\">\n <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n <path\n d=\"m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\" />\n </svg></button>\n <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n <path\n d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\" />\n </svg></button>\n </div>\n <span>day of the month</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Notification Treshold</h3>\n <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut\n labore et dolore magna aliquyam erat, sed diam voluptua</span>\n <div class=\"w-50\">\n <div class=\"d-flex justify-content-between\">\n <span><b>0</b></span>\n <span><b>400</b></span>\n </div>\n <input type=\"range\" v-model=\"value\" min=\"0\" max=\"400\" />\n <p>Lower than <b>{{ value }}</b> Points</p>\n </div>\n </div>\n <div class=\"actionWrapper\">\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"\">Save</button>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"\">Cancel</button>\n </div>\n </div>\n </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet newMail = ref({ 'mail': '', 'valid': true })\nlet mailButtonWrap = ref(null)\nlet isReadonly = ref(true)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\n\nconst value = ref(0);\nconst regex = /^(2[0-8]\|[1-9])$/;\n\nmailList.value = [{ 'mail': \"mail@mail2.com\", readonly: true, valid: true }, { 'mail': \"mail@mail1.com\", readonly: true, valid: true }]\n\n\nonClickOutside(mailButtonWrap, event => {\n mailList.value.forEach(element => {\n element.readonly = true\n })\n});\nconst resetWeekdays = () => {\n const arr = document.getElementsByClassName('dayButtons')\n for (let index = 0; index < arr.length; index++) {\n arr[index].classList.remove('activeItem')\n }\n\n\n}\nconst editDate = (count) => {\n if (count === \"up\" && daysInMonth.value < 28) {\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n daysInMonth.value++\n }\n else if (daysInMonth.value > 1) {\n if (daysInMonth.value < 11) {\n inputWidth.value = false\n }\n daysInMonth.value--\n }\n}\nconst currentday = (day, event) => {\n event.target.classList.toggle('activeItem')\n}\nconst adjustWidth = () => {\n\n if (!regex.test(daysInMonth.value)) {\n daysInMonth.value = '28';\n }\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n else inputWidth.value = false\n}\nconst addNewMail = () => {\n if (newMail.value.mail != '') {\n mailList.value.push({ 'mail': newMail.value.mail, readonly: true, valid: true })\n newMail.value = { 'mail': '', 'valid': true }\n }\n\n}\nconst handleActivate = () => {\n if (!active.value) {\n active.value = true\n activatedString.value = 'Deactivate'\n } else {\n active.value = false\n activatedString.value = 'Activate'\n }\n}\nconst handleReadonly = (item) => {\n mailList.value.forEach(element => {\n element.readonly = true\n });\n item.readonly = !item.readonly\n}\nconst handleMailinput = (e, mail) => {\n const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n const newEmail = e.target.value;\n if (emailRegex.test(newEmail) \|\| newEmail === '') {\n mailList.value.forEach(element => {\n if (element.mail === mail) {\n element.mail = newEmail\n element.valid = true\n }\n });\n if (mail === undefined) {\n newMail.value.valid = true\n\n\n }\n } else {\n mailList.value.forEach(element => {\n if (element.mail === mail) {\n element.valid = false\n }\n });\n if (mail === undefined) {\n newMail.value.valid = false\n\n\n }\n }\n\n}\nconst handleDelete = (mail) => {\n let indexToDelete = -1; // Variable zum Speichern des Index\n\n mailList.value.forEach((element, index) => {\n if (element.mail === mail) {\n indexToDelete = index; // Speichere den Index, wenn die Bedingung erfüllt ist\n }\n });\n\n // Wenn ein gültiger Index gefunden wurde, lösche das Element\n if (indexToDelete !== -1) {\n mailList.value.splice(indexToDelete, 1);\n }\n}\n</script>\n<style scoped>\n.errormsg {\n color: red;\n font-size: 10px;\n}\n\n.activeChoiceButton {\n background-color: var(--primary);\n color: white;\n\n &:active {\n background-color: #3E6CD5 !important;\n }\n\n &:focus {\n outline: none;\n background-color: #3E6CD5;\n }\n\n &:focus-visible {\n outline: none;\n background-color: #3E6CD5;\n }\n}\n\n.blur {\n opacity: 0.3;\n}\n\n.mailItems {\n input {\n outline: none;\n background: none;\n border: none;\n width: 20rem;\n }\n}\n\n.invalidNewMail {\n\n border-radius: 2px;\n border: 2px solid rgba(255, 0, 0, 0.336);\n\n &:focus {\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n\n &:focus-visible {\n outline: 0;\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n}\n\n.editable {\n transition: all 200ms ease-in-out;\n padding-left: 0.5rem;\n border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n all: unset;\n cursor: pointer;\n}\n\n.caretWrap {\n display: contents;\n\n}\n\n.actionWrapper {\n display: flex;\n flex-direction: row-reverse;\n\n button {\n margin-left: 1rem;\n }\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\n.mqaWrapper {\n margin: 3rem 0;\n}\n\ntable {\n margin-top: 1rem;\n min-width: 50%;\n}\n\nth {\n border-bottom: 1px solid lightgray;\n}\n\ntd {\n display: flex;\n justify-content: space-between;\n padding: 1rem 0;\n}\n\n.daypicker {\n padding: 1rem;\n border: 1px solid lightgray;\n border-radius: 15px;\n\n input {\n width: 13px;\n border: none;\n background-color: unset;\n }\n\n}\n\n.dynamicWidth {\n width: 22px !important;\n}\n\n.activeItem {\n background-color: var(--primary);\n color: white;\n}\n\n.weekdays {\n border: 1px solid lightgray;\n border-radius: 15px;\n margin: 1rem 0;\n overflow: hidden;\n\n .dayButtons {\n border: none;\n display: inline-block;\n text-align: center;\n flex-direction: row;\n min-width: 60px;\n padding: 1rem;\n border-right: 1px solid lightgray;\n cursor: pointer;\n\n &:focus-visible {\n outline: unset;\n background-color: #3E6CD5;\n color: white;\n }\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n }\n\n span:last-child button {\n border: none;\n }\n}\n\n.mqaWrapper {\n padding: 1rem;\n background-color: #FBFBFB;\n}\n\nbutton {\n background-color: unset;\n border: 1px solid var(--primary);\n color: black;\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n}\n\nbutton,\nspan {\n transition: all 100ms ease-in-out;\n}\n</style>"],"names":["monthly","ref","weekly","newMail","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","value","regex","onClickOutside","event","element","resetWeekdays","arr","index","editDate","count","currentday","day","adjustWidth","addNewMail","handleActivate","handleReadonly","item","handleMailinput","e","mail","emailRegex","newEmail","handleDelete","indexToDelete"],"mappings":"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"}
1	+ {"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n <div class=\"container mb-3\">\n <div>\n <div>\n <div class=\"debug\">\n <strong> API object:</strong> <br><br>\n <!-- Disabled for PPE release (no backend on PPE yet)-->\n <!-- {{ notficationInfo }} -->\n </div>\n <h1>MQA Report Settings</h1>\n <p>Configuration for\n <!-- Disabled for PPE release (no backend on PPE yet)-->\n <!-- {{ notficationInfo }} -->\n <strong>{{ catalogId }}</strong> \n <!-- <strong>Test Catalogue</strong> -->\n </p>\n <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>\n <span v-if=\"!active\">deactivated</span>\n <span v-if=\"active\">activated</span></b>.</p>\n </div>\n\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleActivate()\">\n {{ activatedString }}\n </button>\n </div>\n <div v-if=\"active\">\n <div class=\"mqaWrapper\">\n <h3>Recipients Mail</h3>\n <span>Add and edit mail addresses for recieving the MQA report</span>\n <table ref=\"mailButtonWrap\" v-if=\"mailList.length != 0\">\n <tr>\n <th>Mail</th>\n </tr>\n <tr v-for=\"item in mailList\" class=\"mailItems\">\n \n <td>\n <input type=\"text\" :value=\"item.mail\" :readonly=\"item.readonly\"\n :class=\"{ 'editable': !item.readonly, 'invalid': !item.valid }\"\n @input=\"handleMailinput($event, item.mail)\">\n <div>\n <button type=\"button\" class=\"btn btn-secondary\"\n @click=\"handleReadonly(item)\">Edit</button>\n <button type=\"button\" class=\"btn btn-secondary\"\n @click=\"handleDelete(item.mail)\">Delete</button>\n </div>\n </td>\n <span class=\"errormsg\" v-if=\"!item.valid\">Invalid email format</span>\n </tr>\n </table>\n <div class=\"my-3 d-flex\">\n <input type=\"text\" v-model=\"newMail.mail\" @input=\"handleMailinput($event)\"\n :class=\"{ 'invalidNewMail': !newMail.valid }\" style=\"padding:0.25rem\">\n <button type=\"button\" class=\"btn btn-secondary mx-3\" :disabled=\"!newMail.valid\"\n @click=\"addNewMail()\">+\n add Mail</button>\n </div>\n\n <span class=\"errormsg\" v-if=\"!newMail.valid\">Invalid email format</span>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Frequency of Rating Checks</h3>\n <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut\n labore et dolore magna aliquyam erat, sed diam voluptua</span>\n <div class=\"d-flex\">\n <div class=\"mr-3 my-3\">\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"weekly = !weekly; monthly = false\"\n :class=\"{ 'activeChoiceButton': weekly === true }\">Weekly</button>\n <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n <span v-for=\"day in week\" @click=\"currentday(day, $event)\">\n <button :disabled=\"!weekly\" class=\"dayButtons\">{{ day }}</button>\n </span>\n </div>\n </div>\n <div class=\"my-3\">\n <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly === true }\"\n class=\"btn btn-secondary\"\n @click=\"monthly = !monthly; weekly = false; resetWeekdays()\">Monthly</button>\n <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n <input v-model=\"daysInMonth\" @input=\"adjustWidth()\" :class=\"{ dynamicWidth: inputWidth }\"\n :disabled=\"!monthly\">.\n <div class=\"caretWrap\">\n <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n <path\n d=\"m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z\" />\n </svg></button>\n <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n <path\n d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\" />\n </svg></button>\n </div>\n <span>day of the month</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Notification Treshold</h3>\n <span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut\n labore et dolore magna aliquyam erat, sed diam voluptua</span>\n <div class=\"w-50\">\n <div class=\"d-flex justify-content-between\">\n <span><b>0</b></span>\n <span><b>400</b></span>\n </div>\n <input type=\"range\" v-model=\"value\" min=\"0\" max=\"400\" />\n <p>Lower than <b>{{ value }}</b> Points</p>\n </div>\n </div>\n <div class=\"actionWrapper\">\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"postNotificationSettings\">Save</button>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"back()\">Cancel</button>\n </div>\n </div>\n </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\nimport { getCurrentInstance } from \"vue\";\nimport axios from 'axios'\n\nconst route = useRoute()\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet newMail = ref({ 'mail': '', 'valid': true })\nlet mailButtonWrap = ref(null)\nlet isReadonly = ref(true)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\nconst catalogId = route.params.id\nconst app = getCurrentInstance()\nconst notificationBaseUrl = app.appContext.app.config.globalProperties.$env.api.notificationBaseUrl\nconst apiKey = app.appContext.app.config.globalProperties.$env.api.apiKey\n\nconst notficationInfo = ref({})\n\n\nconst value = ref(0);\nconst regex = /^(2[0-8]\|[1-9])$/;\n\n// enabeld for PPE release (dummy data)\n mailList.value = [{ 'mail': \"mail@mail2.com\", readonly: true, valid: true }, { 'mail': \"mail@mail1.com\", readonly: true, valid: true }]\n\n\nconst fetchNotificationInfo = async () => {\n const config = {\n method: 'get',\n url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n },\n withCredentials: true\n }\n\n try {\n const response = await axios.request(config)\n notficationInfo.value = response.data\n\n if (notficationInfo.value.activeStatus === true) {\n active.value = true\n activatedString.value = 'Deactivate'\n } if (notficationInfo.value.activeStatus === false) {\n active.value = false\n activatedString.value = 'Activate'\n }\n\n // mailList.value = notficationInfo.value.receiverEmailList\n\n console.log('Response:', response)\n } catch (error) {\n console.log('Full error:', error)\n }\n}\n\nconst postNotificationSettings = async () => {\n const config = {\n method: 'post',\n url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Authorization'\n },\n withCredentials: true,\n data: JSON.stringify({\n receiverEmailList: mailList.value,\n frequency: {\n unit: \"week\",\n value: 9\n },\n activeStatus: true\n })\n }\n\n try {\n const response = await axios.request(config)\n console.log('Settings updated:', response.data)\n return response.data\n } catch (error) {\n console.log('Error updating settings:', error)\n throw error\n }\n}\n\nfetchNotificationInfo()\n\nonClickOutside(mailButtonWrap, event => {\n mailList.value.forEach(element => {\n element.readonly = true\n })\n});\nconst resetWeekdays = () => {\n const arr = document.getElementsByClassName('dayButtons')\n for (let index = 0; index < arr.length; index++) {\n arr[index].classList.remove('activeItem')\n }\n\n\n}\nconst editDate = (count) => {\n if (count === \"up\" && daysInMonth.value < 28) {\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n daysInMonth.value++\n }\n else if (daysInMonth.value > 1) {\n if (daysInMonth.value < 11) {\n inputWidth.value = false\n }\n daysInMonth.value--\n }\n}\nconst currentday = (day, event) => {\n event.target.classList.toggle('activeItem')\n}\nconst adjustWidth = () => {\n\n if (!regex.test(daysInMonth.value)) {\n daysInMonth.value = '28';\n }\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n else inputWidth.value = false\n}\nconst addNewMail = () => {\n if (newMail.value.mail != '') {\n mailList.value.push({ 'mail': newMail.value.mail, readonly: true, valid: true })\n newMail.value = { 'mail': '', 'valid': true }\n }\n}\nconst handleActivate = () => {\n if (!active.value) {\n active.value = true\n activatedString.value = 'Deactivate'\n } else {\n active.value = false\n activatedString.value = 'Activate'\n }\n}\nconst handleReadonly = (item) => {\n mailList.value.forEach(element => {\n element.readonly = true\n });\n item.readonly = !item.readonly\n}\nconst handleMailinput = (e, mail) => {\n const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n const newEmail = e.target.value;\n if (emailRegex.test(newEmail) \|\| newEmail === '') {\n mailList.value.forEach(element => {\n if (element.mail === mail) {\n element.mail = newEmail\n element.valid = true\n }\n });\n if (mail === undefined) {\n newMail.value.valid = true\n\n\n }\n } else {\n mailList.value.forEach(element => {\n if (element.mail === mail) {\n element.valid = false\n }\n });\n if (mail === undefined) {\n newMail.value.valid = false\n\n\n }\n }\n\n}\nconst handleDelete = (mail) => {\n let indexToDelete = -1; // Variable zum Speichern des Index\n\n mailList.value.forEach((element, index) => {\n if (element.mail === mail) {\n indexToDelete = index; // Speichere den Index, wenn die Bedingung erfüllt ist\n }\n });\n\n // Wenn ein gültiger Index gefunden wurde, lösche das Element\n if (indexToDelete !== -1) {\n mailList.value.splice(indexToDelete, 1);\n }\n}\n</script>\n<style scoped>\n.debug {\n position: fixed;\n right: 20px;\n top: 320px;\n border-radius: 20px;\n width: 400px;\n z-index: 999999;\n padding: 20px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n display: none; \n}\n\n.errormsg {\n color: red;\n font-size: 10px;\n}\n\n.activeChoiceButton {\n background-color: var(--primary);\n color: white;\n\n &:active {\n background-color: #3E6CD5 !important;\n }\n\n &:focus {\n outline: none;\n background-color: #3E6CD5;\n }\n\n &:focus-visible {\n outline: none;\n background-color: #3E6CD5;\n }\n}\n\n.blur {\n opacity: 0.3;\n}\n\n.mailItems {\n input {\n outline: none;\n background: none;\n border: none;\n width: 20rem;\n }\n}\n\n.invalidNewMail {\n\n border-radius: 2px;\n border: 2px solid rgba(255, 0, 0, 0.336);\n\n &:focus {\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n\n &:focus-visible {\n outline: 0;\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n}\n\n.editable {\n transition: all 200ms ease-in-out;\n padding-left: 0.5rem;\n border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n all: unset;\n cursor: pointer;\n}\n\n.caretWrap {\n display: contents;\n\n}\n\n.actionWrapper {\n display: flex;\n flex-direction: row-reverse;\n\n button {\n margin-left: 1rem;\n }\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\n.mqaWrapper {\n margin: 3rem 0;\n}\n\ntable {\n margin-top: 1rem;\n min-width: 50%;\n}\n\nth {\n border-bottom: 1px solid lightgray;\n}\n\ntd {\n display: flex;\n justify-content: space-between;\n padding: 1rem 0;\n}\n\n.daypicker {\n padding: 1rem;\n border: 1px solid lightgray;\n border-radius: 15px;\n\n input {\n width: 13px;\n border: none;\n background-color: unset;\n }\n\n}\n\n.dynamicWidth {\n width: 22px !important;\n}\n\n.activeItem {\n background-color: var(--primary);\n color: white;\n}\n\n.weekdays {\n border: 1px solid lightgray;\n border-radius: 15px;\n margin: 1rem 0;\n overflow: hidden;\n\n .dayButtons {\n border: none;\n display: inline-block;\n text-align: center;\n flex-direction: row;\n min-width: 60px;\n padding: 1rem;\n border-right: 1px solid lightgray;\n cursor: pointer;\n\n &:focus-visible {\n outline: unset;\n background-color: #3E6CD5;\n color: white;\n }\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n }\n\n span:last-child button {\n border: none;\n }\n}\n\n.mqaWrapper {\n padding: 1rem;\n background-color: #f5f5f5;\n border-radius: 3px;\n}\n\nbutton {\n background-color: unset;\n border: 1px solid var(--primary);\n color: black;\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n}\n\nbutton,\nspan {\n transition: all 100ms ease-in-out;\n}\n</style>"],"names":["route","useRoute","monthly","ref","weekly","newMail","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","catalogId","app","getCurrentInstance","notificationBaseUrl","apiKey","notficationInfo","value","regex","fetchNotificationInfo","config","response","axios","error","postNotificationSettings","onClickOutside","event","element","resetWeekdays","arr","index","editDate","count","currentday","day","adjustWidth","addNewMail","handleActivate","handleReadonly","item","handleMailinput","e","mail","emailRegex","newEmail","handleDelete","indexToDelete"],"mappings":"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"}

package/dist/data-provider-interface/DPIMenu.vue.d.ts CHANGED Viewed

@@ -124,11 +124,11 @@ declare const _default: import('vue').DefineComponent<{}, {
     isLocatedOnAuthorizedDatasetPage(): any;
     isLocatedOnAuthorizedCatalogPage(): boolean;
     getUserData: import('vuex').Computed;
-    getTitle: import('vuex').Computed;
-    getDescription: import('vuex').Computed;
     getCatalog: import('vuex').Computed;
     getLoading: import('vuex').Computed;
+    getDescription: import('vuex').Computed;
     getID: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
 }, {
     setupKeycloakWatcher(): void;
     handleConfirm(action: any, argsObj: any, { successMessage, errorMessage }: {

package/dist/data-provider-interface/views/UserCataloguesPage.vue.mjs CHANGED Viewed

@@ -1,71 +1,71 @@
-import { getCurrentInstance as U, ref as w, computed as A, onMounted as E, openBlock as n, createElementBlock as r, Fragment as d, createElementVNode as e, toDisplayString as o, createTextVNode as l, renderList as p, unref as m, createVNode as f, withCtx as g, createCommentVNode as L } from "vue";
-import { useStore as M } from "vuex";
+import { getCurrentInstance as w, ref as A, computed as E, onMounted as L, openBlock as s, createElementBlock as r, Fragment as d, createElementVNode as e, toDisplayString as n, createTextVNode as l, renderList as p, unref as m, createVNode as f, withCtx as g, createCommentVNode as M } from "vue";
+import { useStore as P } from "vuex";
 import c from "../../widgets/AppLink.vue.mjs";
-import P from "axios";
+import U from "axios";
 import { useRouter as V, useRoute as j } from "vue-router";
-import { has as v, isNil as k } from "lodash-es";
+import { has as b, isNil as k } from "lodash-es";
 import "./UserCataloguesPage.vue2.mjs";
 import Q from "../../_virtual/_plugin-vue_export-helper.mjs";
-const B = { class: "catOverview" }, O = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, R = { class: "small-headline" }, S = { class: "m-0" }, F = { class: "catWrap" }, T = ["onClick"], W = ["onClick"], z = ["onClick"], G = {
+const S = { class: "catOverview" }, B = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, O = { class: "small-headline" }, R = { class: "m-0" }, F = { class: "catWrap" }, T = ["onClick"], W = ["onClick"], z = ["onClick"], G = {
   __name: "UserCataloguesPage",
   setup(H) {
     const $ = V(), D = j();
-    let q = U().appContext.app.config.globalProperties.$env;
-    const I = M();
-    let i = w([]), y = A(() => I.getters["auth/getUserCatalogIds"]), h = async () => {
+    let q = w().appContext.app.config.globalProperties.$env;
+    const I = P();
+    let i = A([]), y = E(() => I.getters["auth/getUserCatalogIds"]), h = async () => {
       let a;
-      await P.get(q.api.baseUrl + "search?filter=catalogue&limit=1000").then((t) => a = t).catch((t) => {
+      await U.get(q.api.baseUrl + "search?filter=catalogue&limit=1000").then((t) => a = t).catch((t) => {
         reject(t);
       }), a.data.result.results.forEach((t) => {
-        v(t, "title") && !k(t.title) && v(t, "id") && !k(t.id) && i.value.push({ title: Object.values(t.title)[0], id: t.id });
+        b(t, "title") && !k(t.title) && b(t, "id") && !k(t.id) && i.value.push({ title: Object.values(t.title)[0], id: t.id });
       }), i.value = i.value.filter((t) => y.value.includes(t.id)).map((t) => ({ id: t.id, name: t.title }));
     };
     const N = (a) => {
       $.push({
-        name: "DataProviderInterface-UserCatalogues-MQA",
+        name: "DataProviderInterface-MQASettings",
         params: { id: a.id },
         query: { locale: D.query.locale }
       }).catch(() => {
       });
     }, C = () => {
     };
-    return E(async () => {
+    return L(async () => {
       h();
-    }), (a, t) => (n(), r(d, null, [
-      e("div", B, [
-        e("div", O, [
-          e("h1", R, o(a.$t("message.dataupload.info.userCatalogues")), 1),
+    }), (a, t) => (s(), r(d, null, [
+      e("div", S, [
+        e("div", B, [
+          e("h1", O, n(a.$t("message.dataupload.info.userCatalogues")), 1),
           t[1] || (t[1] = l()),
-          e("p", S, o(a.$t("message.dataupload.info.userCatDescription")), 1),
+          e("p", R, n(a.$t("message.dataupload.info.userCatDescription")), 1),
           t[2] || (t[2] = l()),
           e("div", F, [
-            (n(!0), r(d, null, p(m(i), (s, u) => (n(), r("div", {
+            (s(!0), r(d, null, p(m(i), (o, u) => (s(), r("div", {
               key: u,
               class: "annifItems"
             }, [
               f(c, {
-                to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: s.id } }
+                to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: o.id } }
               }, {
                 default: g(() => [
-                  l(o(s.name), 1)
+                  l(n(o.name), 1)
                 ]),
                 _: 2
               }, 1032, ["to"])
             ]))), 128)),
             t[0] || (t[0] = l()),
-            m(i).length === 0 ? (n(!0), r(d, { key: 0 }, p(m(y), (s, u) => (n(), r("div", {
+            m(i).length === 0 ? (s(!0), r(d, { key: 0 }, p(m(y), (o, u) => (s(), r("div", {
               key: u,
               class: "annifItems"
             }, [
               f(c, {
-                to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: s } }
+                to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: o } }
               }, {
                 default: g(() => [
-                  l(o(s), 1)
+                  l(n(o), 1)
                 ]),
                 _: 2
               }, 1032, ["to"])
-            ]))), 128)) : L("", !0)
+            ]))), 128)) : M("", !0)
           ])
         ])
       ]),
@@ -73,47 +73,47 @@ const B = { class: "catOverview" }, O = { class: "d-flex flex-column bg-transpar
       e("table", null, [
         e("thead", null, [
           e("tr", null, [
-            e("th", null, o(a.$t("message.metadata.catalog")) + " - ID", 1),
+            e("th", null, n(a.$t("message.metadata.catalog")) + " - ID", 1),
             t[3] || (t[3] = l()),
-            e("th", null, o(a.$t("message.metadata.description")), 1),
+            e("th", null, n(a.$t("message.metadata.description")), 1),
             t[4] || (t[4] = l()),
-            e("th", null, o(a.$t("message.dataupload.menu.actions")), 1)
+            e("th", null, n(a.$t("message.dataupload.menu.actions")), 1)
           ])
         ]),
         t[9] || (t[9] = l()),
-        (n(!0), r(d, null, p(m(i), (s, u) => (n(), r("tr", { key: u }, [
+        (s(!0), r(d, null, p(m(i), (o, u) => (s(), r("tr", { key: u }, [
           e("td", null, [
             f(c, {
-              to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: s.id } }
+              to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: o.id } }
             }, {
               default: g(() => [
-                l(o(s.id), 1)
+                l(n(o.id), 1)
               ]),
               _: 2
             }, 1032, ["to"])
           ]),
           t[7] || (t[7] = l()),
           e("td", null, [
-            e("span", null, o(s.name), 1)
+            e("span", null, n(o.name), 1)
           ]),
           t[8] || (t[8] = l()),
           e("td", null, [
             e("button", {
               type: "button",
               class: "btn btn-secondary",
-              onClick: (b) => C(a.id)
-            }, o(a.$t("message.metadata.linkedData")), 9, T),
+              onClick: (v) => C(a.id)
+            }, n(a.$t("message.metadata.linkedData")), 9, T),
             t[5] || (t[5] = l()),
             e("button", {
               type: "button",
               class: "btn btn-secondary",
-              onClick: (b) => C(a.id)
-            }, o(a.$t("message.dataupload.menu.edit")), 9, W),
+              onClick: (v) => C(a.id)
+            }, n(a.$t("message.dataupload.menu.edit")), 9, W),
             t[6] || (t[6] = l()),
             e("button", {
               type: "button",
               class: "btn btn-secondary",
-              onClick: (b) => N(s)
+              onClick: (v) => N(o)
             }, `configure MQA report
         `, 8, z)
@@ -122,7 +122,7 @@ const B = { class: "catOverview" }, O = { class: "d-flex flex-column bg-transpar
       ])
     ], 64));
   }
-}, et = /* @__PURE__ */ Q(G, [["__scopeId", "data-v-2b11be04"]]);
+}, et = /* @__PURE__ */ Q(G, [["__scopeId", "data-v-1c6df5ca"]]);
 export {
   et as default
 };

package/dist/data-provider-interface/views/UserCataloguesPage.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserCataloguesPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserCataloguesPage.vue"],"sourcesContent":["<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed, onMounted, } from 'vue';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport axios from 'axios'\nimport { useRouter, useRoute } from 'vue-router';\nimport { getCurrentInstance } from \"vue\";\n\nimport {\n has,\n isNil,\n} from 'lodash-es';\n\nconst router = useRouter();\nconst route = useRoute();\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\nconst store = useStore();\nlet filteredCatalogs = ref([])\nlet userCatIDList = computed(() => store.getters['auth/getUserCatalogIds'])\n\nlet filterCatList = async () => {\n let cache;\n await axios\n .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n .then(response => (cache = response))\n .catch((err) => {\n reject(err);\n });\n\n cache.data.result.results.forEach((e) => {\n if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n });\n\n filteredCatalogs.value = filteredCatalogs.value\n .filter(item => userCatIDList.value.includes(item.id))\n .map(item => ({ id: item.id, name: item.title }));\n}\nconst handleMQA = (cat) => {\n\n router.push({\n name: 'DataProviderInterface-~~UserCatalogues-MQA~~',\n params: { id: cat.id },\n query: { locale: route.query.locale }\n }).catch(() => { });\n}\nconst handleEdit = () => {\n\n}\nonMounted(async () => {\n filterCatList()\n});\n</script>\n<template>\n <div class=\"catOverview\">\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content \">\n <h1 class=\"small-headline\">{{ $t('message.dataupload.info.userCatalogues') }}</h1>\n <p class=\"m-0 \">{{ $t('message.dataupload.info.userCatDescription') }}</p>\n <div class=\"catWrap\">\n <div v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\" class=\"annifItems \">\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n catalog.name }}</app-link>\n </div>\n <div v-if=\"filteredCatalogs.length === 0\" v-for=\"(catalog, index) in userCatIDList\" :key=\"index\"\n class=\"annifItems \">\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog } }\">{{\n catalog }}</app-link>\n </div>\n </div>\n </div>\n </div>\n\n <table>\n <thead>\n <tr>\n <th>{{ $t('message.metadata.catalog') }} - ID</th>\n <th>{{ $t('message.metadata.description') }}</th>\n <th>{{ $t('message.dataupload.menu.actions') }}</th>\n </tr>\n </thead>\n\n <tr v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\">\n <td>\n\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n catalog.id }}</app-link>\n\n </td>\n <td>\n <span>{{ catalog.name }}</span>\n </td>\n <td>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n $t('message.metadata.linkedData') }}</button>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n $t('message.dataupload.menu.edit') }}</button>\n\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleMQA(catalog)\">configure MQA report\n\n </button>\n\n </td>\n </tr>\n\n\n </table>\n\n</template>\n<style scoped>\n.catOverview {\n min-height: 60vh;\n}\n\n.catWrap {\n display: flex;\n flex-wrap: wrap;\n margin-top: 10px;\n padding-top: 10px;\n border-top: 1px solid lightgray;\n justify-content: space-between;\n}\n\n.catWrap .annifItems {\n background: #ECECEC;\n flex-grow: 1;\n text-align: center;\n}\n\n.subline {\n font-size: 12px;\n color: lightgray;\n\n}\n\ntable {\n margin: auto\n}\n\nth,\ntd {\n padding: 1rem;\n\n}\n\ntr {\n padding: 1rem;\n border-bottom: 1px solid lightgray;\n}\n\nthead {\n border-bottom: 1px solid lightgray;\n}\n</style>"],"names":["router","useRouter","route","useRoute","env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","e","has","isNil","item","handleMQA","cat","handleEdit","onMounted"],"mappings":";;;;;;;;;;;AAaA,UAAMA,IAASC,EAAS,GAClBC,IAAQC,EAAQ;AAEtB,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAMC,IAAQC,EAAQ;AACtB,QAAIC,IAAmBC,EAAI,EAAE,GACzBC,IAAgBC,EAAS,MAAML,EAAM,QAAQ,wBAAwB,CAAC,GAEtEM,IAAgB,YAAY;AAC9B,UAAIC;AACJ,YAAMC,EACH,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACd,eAAOA,CAAG;AAAA,MAChB,CAAK,GAEHH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAACI,MAAM;AACvC,QAAIC,EAAID,GAAG,OAAO,KAAK,CAACE,EAAMF,EAAE,KAAK,KAAKC,EAAID,GAAG,IAAI,KAAK,CAACE,EAAMF,EAAE,EAAE,KAAGT,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAOS,EAAE,KAAK,EAAE,CAAC,GAAG,IAAIA,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDT,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAY,MAAQV,EAAc,MAAM,SAASU,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,UAAMC,IAAY,CAACC,MAAQ;AAEzB,MAAAtB,EAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,IAAIsB,EAAI,GAAI;AAAA,QACtB,OAAO,EAAE,QAAQpB,EAAM,MAAM,OAAO;AAAA,MACxC,CAAG,EAAE,MAAM,MAAM;AAAA,MAAA,CAAG;AAAA,IACpB,GACMqB,IAAa,MAAM;AAAA,IAEzB;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAZ,EAAc;AAAA,IAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"UserCataloguesPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserCataloguesPage.vue"],"sourcesContent":["<script setup>\nimport { useStore } from 'vuex';\nimport { ref, computed, onMounted, } from 'vue';\nimport AppLink from \"../../widgets/AppLink.vue\";\nimport axios from 'axios'\nimport { useRouter, useRoute } from 'vue-router';\nimport { getCurrentInstance } from \"vue\";\n\nimport {\n has,\n isNil,\n} from 'lodash-es';\n\nconst router = useRouter();\nconst route = useRoute();\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\nconst store = useStore();\nlet filteredCatalogs = ref([])\nlet userCatIDList = computed(() => store.getters['auth/getUserCatalogIds'])\n\nlet filterCatList = async () => {\n let cache;\n await axios\n .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n .then(response => (cache = response))\n .catch((err) => {\n reject(err);\n });\n\n cache.data.result.results.forEach((e) => {\n if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n });\n\n filteredCatalogs.value = filteredCatalogs.value\n .filter(item => userCatIDList.value.includes(item.id))\n .map(item => ({ id: item.id, name: item.title }));\n}\nconst handleMQA = (cat) => {\n\n router.push({\n name: 'DataProviderInterface-MQASettings',\n params: { id: cat.id },\n query: { locale: route.query.locale }\n }).catch(() => { });\n}\nconst handleEdit = () => {\n\n}\nonMounted(async () => {\n filterCatList()\n});\n</script>\n<template>\n <div class=\"catOverview\">\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content \">\n <h1 class=\"small-headline\">{{ $t('message.dataupload.info.userCatalogues') }}</h1>\n <p class=\"m-0 \">{{ $t('message.dataupload.info.userCatDescription') }}</p>\n <div class=\"catWrap\">\n <div v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\" class=\"annifItems \">\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n catalog.name }}</app-link>\n </div>\n <div v-if=\"filteredCatalogs.length === 0\" v-for=\"(catalog, index) in userCatIDList\" :key=\"index\"\n class=\"annifItems \">\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog } }\">{{\n catalog }}</app-link>\n </div>\n </div>\n </div>\n \n\n </div>\n\n <table>\n <thead>\n <tr>\n <th>{{ $t('message.metadata.catalog') }} - ID</th>\n <th>{{ $t('message.metadata.description') }}</th>\n <th>{{ $t('message.dataupload.menu.actions') }}</th>\n </tr>\n </thead>\n\n <tr v-for=\"(catalog, index) in filteredCatalogs\" :key=\"index\">\n <td>\n\n <app-link\n :to=\"{ name: 'CatalogueDetails', query: { locale: $route.query.locale }, params: { ctlg_id: catalog.id } }\">{{\n catalog.id }}</app-link>\n\n </td>\n <td>\n <span>{{ catalog.name }}</span>\n \n </td>\n <td>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n $t('message.metadata.linkedData') }}</button>\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleEdit(id, catalog)\">{{\n $t('message.dataupload.menu.edit') }}</button>\n\n <button type=\"button\" class=\"btn btn-secondary\" @click=\"handleMQA(catalog)\">configure MQA report\n\n </button>\n\n </td>\n </tr>\n\n\n </table>\n\n \n\n</template>\n<style scoped>\n\ntable {\n display: none;\n}\n.catOverview {\n min-height: 60vh;\n}\n\n.catWrap {\n display: flex;\n flex-wrap: wrap;\n margin-top: 10px;\n padding-top: 10px;\n border-top: 1px solid lightgray;\n justify-content: space-between;\n}\n\n.catWrap .annifItems {\n background: #ECECEC;\n flex-grow: 1;\n text-align: center;\n}\n\n.subline {\n font-size: 12px;\n color: lightgray;\n\n}\n\ntable {\n margin: auto\n}\n\nth,\ntd {\n padding: 1rem;\n\n}\n\ntr {\n padding: 1rem;\n border-bottom: 1px solid lightgray;\n}\n\nthead {\n border-bottom: 1px solid lightgray;\n}\n</style>"],"names":["router","useRouter","route","useRoute","env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","e","has","isNil","item","handleMQA","cat","handleEdit","onMounted"],"mappings":";;;;;;;;;;;AAaA,UAAMA,IAASC,EAAS,GAClBC,IAAQC,EAAQ;AAEtB,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAMC,IAAQC,EAAQ;AACtB,QAAIC,IAAmBC,EAAI,EAAE,GACzBC,IAAgBC,EAAS,MAAML,EAAM,QAAQ,wBAAwB,CAAC,GAEtEM,IAAgB,YAAY;AAC9B,UAAIC;AACJ,YAAMC,EACH,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACd,eAAOA,CAAG;AAAA,MAChB,CAAK,GAEHH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAACI,MAAM;AACvC,QAAIC,EAAID,GAAG,OAAO,KAAK,CAACE,EAAMF,EAAE,KAAK,KAAKC,EAAID,GAAG,IAAI,KAAK,CAACE,EAAMF,EAAE,EAAE,KAAGT,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAOS,EAAE,KAAK,EAAE,CAAC,GAAG,IAAIA,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDT,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAY,MAAQV,EAAc,MAAM,SAASU,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,UAAMC,IAAY,CAACC,MAAQ;AAEzB,MAAAtB,EAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ,EAAE,IAAIsB,EAAI,GAAI;AAAA,QACtB,OAAO,EAAE,QAAQpB,EAAM,MAAM,OAAO;AAAA,MACxC,CAAG,EAAE,MAAM,MAAM;AAAA,MAAA,CAAG;AAAA,IACpB,GACMqB,IAAa,MAAM;AAAA,IAEzB;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAZ,EAAc;AAAA,IAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/datasetDetails/DatasetDetailsDescription.vue.d.ts CHANGED Viewed

@@ -11,8 +11,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     getDatasetDescription(): any;
     getDatasetDescriptionLength(): any;
-    getDescription: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
+    getDescription: import('vuex').Computed;
 }, {
     truncate: typeof truncate;
     toggleDatasetDescription(): void;

package/dist/datasetDetails/distributions/DistributionFormat.vue.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
 import { truncate } from '../../utils/helpers';
 declare const _default: import('vue').DefineComponent<{
     embed?: any;
-    getDistributionFormat?: any;
     distribution?: any;
+    getDistributionFormat?: any;
     distributionFormatTruncated?: any;
 }, {}, {}, {}, {
     truncate: typeof truncate;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     embed?: any;
-    getDistributionFormat?: any;
     distribution?: any;
+    getDistributionFormat?: any;
     distributionFormatTruncated?: any;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/datasetDetails/distributions/DownloadAllDistributions.vue.d.ts CHANGED Viewed

@@ -25,10 +25,10 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     files(): any;
-    getDistributions: import('vuex').Computed;
-    getTitle: import('vuex').Computed;
     getCatalog: import('vuex').Computed;
+    getDistributions: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
 }, {
     getTranslationFor: typeof getTranslationFor;
     fetchDistributionFiles(zip: any, files: any, folder: any, getContentTypeFormat: any): Promise<void>;

package/dist/datasetDetails/distributions/distributionActions/DistributionDownload.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
-    getDistributionFormat?: any;
     distribution?: any;
+    getDistributionFormat?: any;
     isOnlyOneUrl?: any;
     getDownloadUrl?: any;
     trackGoto?: any;
@@ -12,8 +12,8 @@ declare const _default: import('vue').DefineComponent<{
     setClipboard(value: any): void;
     popupCopyUrlAlert(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    getDistributionFormat?: any;
     distribution?: any;
+    getDistributionFormat?: any;
     isOnlyOneUrl?: any;
     getDownloadUrl?: any;
     trackGoto?: any;

package/dist/datasetDetails/header/DatasetDetailsHeaderTitle.vue.d.ts CHANGED Viewed

@@ -6,10 +6,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => boolean;
     };
 }>, {}, {}, {
-    getTitle: import('vuex').Computed;
     getCatalog: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
     getID: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
 }, {
     getTranslationFor: typeof getTranslationFor;
     isErpdActive(): boolean;

package/dist/datasetDetails/navigation/DatasetDetailsNavigation.vue.d.ts CHANGED Viewed

@@ -5,8 +5,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
     };
 }>, {}, {}, {
-    getTitle: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
 }, {
     getTranslationFor: typeof getTranslationFor;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

package/dist/datasetDetails/navigation/DatasetDetailsNavigationLinks.vue.d.ts CHANGED Viewed

@@ -18,10 +18,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {
     url(): string;
     showDQV(): any;
-    getTitle: import('vuex').Computed;
     getLoading: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
     getID: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
     getIsDQVDataRDFAvailable: import('vuex').Computed;
     getIsDQVDataTTLAvailable: import('vuex').Computed;
     getIsDQVDataN3Available: import('vuex').Computed;