@piveau/piveau-hub-ui-modules 4.1.1 → 4.1.3
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.
- package/dist/data-provider-interface/DataProviderInterface.vue.mjs +8 -9
- package/dist/data-provider-interface/DataProviderInterface.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/ConditionalInput.vue.mjs +43 -43
- package/dist/data-provider-interface/components/ConditionalInput.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/SimpleSelect.vue.mjs +33 -32
- package/dist/data-provider-interface/components/SimpleSelect.vue.mjs.map +1 -1
- package/dist/data-provider-interface/config/dcatapde/input-definition.mjs +0 -1
- package/dist/data-provider-interface/config/dcatapde/input-definition.mjs.map +1 -1
- package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue.d.ts +1 -0
- package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue.mjs +78 -75
- package/dist/datasetDetails/distributions/DistributionDownloadAsModal.vue.mjs.map +1 -1
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineAsyncComponent as s, resolveComponent as n, openBlock as t, createElementBlock as i, createBlock as d } from "vue";
|
|
2
|
-
import { mapGetters as p, mapActions as
|
|
2
|
+
import { mapGetters as p, mapActions as a } from "vuex";
|
|
3
3
|
import "./DataProviderInterface.vue2.mjs";
|
|
4
4
|
import c from "../_virtual/_plugin-vue_export-helper.mjs";
|
|
5
|
-
const
|
|
5
|
+
const m = {
|
|
6
6
|
name: "DataProviderInterface",
|
|
7
7
|
components: {
|
|
8
8
|
InputPage: s(() => import("./views/InputPage.vue.mjs"))
|
|
@@ -33,10 +33,10 @@ const l = {
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
methods: {
|
|
36
|
-
...
|
|
36
|
+
...a("dpiStore", [
|
|
37
37
|
"saveLocalstorageValues"
|
|
38
38
|
]),
|
|
39
|
-
...
|
|
39
|
+
...a("auth", [
|
|
40
40
|
"populateDraftAndEdit"
|
|
41
41
|
]),
|
|
42
42
|
getClearPath() {
|
|
@@ -45,8 +45,7 @@ const l = {
|
|
|
45
45
|
handleScroll() {
|
|
46
46
|
try {
|
|
47
47
|
document.getElementById("stepperAnchor").offsetTop >= 35 ? document.getElementById("stepperAnchor").classList.add("border-bottom-lightgray") : document.getElementById("stepperAnchor").classList.remove("border-bottom-lightgray");
|
|
48
|
-
} catch
|
|
49
|
-
console.log(e);
|
|
48
|
+
} catch {
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
51
|
},
|
|
@@ -60,11 +59,11 @@ const l = {
|
|
|
60
59
|
window.removeEventListener("scroll", this.handleScroll);
|
|
61
60
|
}
|
|
62
61
|
};
|
|
63
|
-
function
|
|
62
|
+
function l(e, u, h, g, o, $) {
|
|
64
63
|
const r = n("router-view");
|
|
65
64
|
return t(), i("div", {
|
|
66
65
|
class: "d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100",
|
|
67
|
-
key:
|
|
66
|
+
key: o.property
|
|
68
67
|
}, [
|
|
69
68
|
(t(), d(r, {
|
|
70
69
|
ref: "view",
|
|
@@ -72,7 +71,7 @@ function m(e, u, h, g, a, $) {
|
|
|
72
71
|
}))
|
|
73
72
|
]);
|
|
74
73
|
}
|
|
75
|
-
const E = /* @__PURE__ */ c(
|
|
74
|
+
const E = /* @__PURE__ */ c(m, [["render", l]]);
|
|
76
75
|
export {
|
|
77
76
|
E as default
|
|
78
77
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span{\n \n color:white !important;\n \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step{\n border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n.step-progress__step-label{\n cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","error","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAaA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,SAAOC,GAAO;AACd,gBAAQ,IAAIA,CAAK;AAAA,MACnB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAC1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EACvD;AACH;;;cApFEC,EAIM,OAAA;AAAA,IAJD,OAAM;AAAA,IAAyG,KAAKC,EAAQ;AAAA;UAE/HC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n \n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span{\n \n color:white !important;\n \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step{\n border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n.step-progress__step-label{\n cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAaA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,QAAc;AAAA,MAEhB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAC1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EACvD;AACH;;;cApFEC,EAIM,OAAA;AAAA,IAJD,OAAM;AAAA,IAAyG,KAAKC,EAAQ;AAAA;UAE/HC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ref as m, resolveComponent as
|
|
2
|
-
import
|
|
3
|
-
import { onClickOutside as
|
|
1
|
+
import { ref as m, resolveComponent as V, openBlock as t, createElementBlock as l, createElementVNode as n, toDisplayString as _, createTextVNode as p, withDirectives as M, isRef as S, vModelText as I, unref as i, Fragment as x, renderList as y, createCommentVNode as v, createBlock as L, createVNode as N } from "vue";
|
|
2
|
+
import O from "./AutocompleteInput.vue.mjs";
|
|
3
|
+
import { onClickOutside as T } from "../../external/@vueuse/core/index";
|
|
4
4
|
import "./ConditionalInput.vue2.mjs";
|
|
5
|
-
const
|
|
5
|
+
const j = { class: "formkitProperty" }, w = { class: "formkitCmpWrap simpleConditional" }, B = { class: "m-3" }, D = { class: "conditionalSelectDiv" }, F = { key: 0 }, E = { class: "selectListConditional" }, H = { class: "conditionalManual" }, K = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "d-flex"
|
|
8
8
|
}, P = {
|
|
@@ -13,61 +13,61 @@ const T = { class: "formkitProperty" }, w = { class: "formkitCmpWrap simpleCondi
|
|
|
13
13
|
props: {
|
|
14
14
|
context: Object
|
|
15
15
|
},
|
|
16
|
-
setup(
|
|
17
|
-
const e =
|
|
18
|
-
let
|
|
19
|
-
const f = m(null),
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
|
|
16
|
+
setup(h) {
|
|
17
|
+
const e = h;
|
|
18
|
+
let r = m(), a = m(!1), d = m(!1);
|
|
19
|
+
const f = m(null), k = (c) => {
|
|
20
|
+
d.value = !d.value;
|
|
21
|
+
}, b = (c) => {
|
|
22
|
+
r.value = c.target.innerHTML, c.target.innerHTML === "manually" ? a.value = "manually" : a.value = "vocabulary", e.context.node.reset();
|
|
23
23
|
};
|
|
24
|
-
return
|
|
25
|
-
const C =
|
|
26
|
-
return
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
return T(f, (c) => d.value = !1), (c, s) => {
|
|
25
|
+
const C = V("FormKit");
|
|
26
|
+
return t(), l("div", j, [
|
|
27
|
+
n("h4", null, _(e.context.attrs.identifier), 1),
|
|
28
|
+
p(),
|
|
29
|
+
n("div", w, [
|
|
30
|
+
n("div", B, [
|
|
31
|
+
n("div", D, [
|
|
32
|
+
M(n("input", {
|
|
33
33
|
ref_key: "I1",
|
|
34
34
|
ref: f,
|
|
35
35
|
type: "text",
|
|
36
36
|
class: "conditionalSelect formkit-input formkit-inner",
|
|
37
|
-
onClick:
|
|
37
|
+
onClick: s[0] || (s[0] = (o) => k()),
|
|
38
38
|
placeholder: "Choose input method",
|
|
39
|
-
"onUpdate:modelValue":
|
|
39
|
+
"onUpdate:modelValue": s[1] || (s[1] = (o) => S(r) ? r.value = o : r = o)
|
|
40
40
|
}, null, 512), [
|
|
41
|
-
[
|
|
41
|
+
[I, i(r)]
|
|
42
42
|
]),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
(
|
|
43
|
+
p(),
|
|
44
|
+
i(d) ? (t(), l("div", F, [
|
|
45
|
+
n("ul", E, [
|
|
46
|
+
(t(!0), l(x, null, y(e.context.attrs.selection, (o, u) => (t(), l("li", {
|
|
47
47
|
class: "p-2 border-b border-gray-200",
|
|
48
|
-
onClick:
|
|
49
|
-
},
|
|
48
|
+
onClick: s[2] || (s[2] = (g) => b(g))
|
|
49
|
+
}, _(o), 1))), 256))
|
|
50
50
|
])
|
|
51
|
-
])) :
|
|
51
|
+
])) : v("", !0)
|
|
52
52
|
]),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
(
|
|
57
|
-
type:
|
|
58
|
-
placeholder:
|
|
59
|
-
name:
|
|
60
|
-
validation:
|
|
53
|
+
p(),
|
|
54
|
+
n("div", H, [
|
|
55
|
+
i(a) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && i(a) != "vocabulary" ? (t(), l("div", K, [
|
|
56
|
+
(t(!0), l(x, null, y(e.context.attrs.options, (o, u) => (t(), L(C, {
|
|
57
|
+
type: u,
|
|
58
|
+
placeholder: u,
|
|
59
|
+
name: o,
|
|
60
|
+
validation: u,
|
|
61
61
|
class: "w-100"
|
|
62
62
|
}, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
|
|
63
|
-
])) :
|
|
63
|
+
])) : v("", !0)
|
|
64
64
|
]),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
p(),
|
|
66
|
+
i(a) === "vocabulary" || Object.keys(e.context.value).length > 0 && e.context.value.name && i(a) != "manually" ? (t(), l("div", P, [
|
|
67
|
+
N(O, {
|
|
68
68
|
context: e.context
|
|
69
69
|
}, null, 8, ["context"])
|
|
70
|
-
])) :
|
|
70
|
+
])) : v("", !0)
|
|
71
71
|
])
|
|
72
72
|
])
|
|
73
73
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <h4>{{ props.context.attrs.identifier }}</h4>\n <div class=\"formkitCmpWrap simpleConditional\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode($event)\">{{ el }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n :validation=\"key\" class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n
|
|
1
|
+
{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <h4>{{ props.context.attrs.identifier }}</h4>\n <div class=\"formkitCmpWrap simpleConditional\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode($event)\">{{ el }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n :validation=\"key\" class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n\n\n </div>\n\n </div>\n </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\n\nconst props = defineProps({\n context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n showSelect.value = !showSelect.value\n\n}\nconst selectMode = (e) => {\n selectModeVal.value = e.target.innerHTML\n\n if (e.target.innerHTML === 'manually') {\n selectedItem.value = \"manually\"\n }\n else selectedItem.value = \"vocabulary\"\n props.context.node.reset()\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n .formkit-outer {\n width: 100%;\n }\n}\n</style>"],"names":["props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAG1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AAExB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMI,IAAa,CAACD,MAAM;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAE3BA,EAAE,OAAO,cAAc,aACzBJ,EAAa,QAAQ,aAElBA,EAAa,QAAQ,cAC1BJ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B;AAEA,WAAAU,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,79 +1,80 @@
|
|
|
1
|
-
import { computed as y, ref as
|
|
1
|
+
import { computed as y, ref as a, onMounted as V, openBlock as l, createElementBlock as s, createElementVNode as c, toDisplayString as u, createTextVNode as m, createBlock as b, unref as t, isRef as w, withDirectives as E, Fragment as C, renderList as h, createCommentVNode as S, vShow as N } from "vue";
|
|
2
2
|
import { useStore as q } from "vuex";
|
|
3
|
-
import { getNode as
|
|
3
|
+
import { getNode as d } from "@formkit/core";
|
|
4
4
|
import { onClickOutside as B } from "../../external/@vueuse/core/index";
|
|
5
5
|
import "axios";
|
|
6
|
+
import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.mjs";
|
|
6
7
|
import "lodash-es";
|
|
7
8
|
import { FormKit as x } from "@formkit/vue";
|
|
8
9
|
import "./SimpleSelect.vue2.mjs";
|
|
9
|
-
const
|
|
10
|
+
const R = { class: "formkitProperty" }, $ = { class: "position-relative formkitCmpWrap" }, A = ["onClick"], D = ["onClick"], G = {
|
|
10
11
|
__name: "SimpleSelect",
|
|
11
12
|
props: {
|
|
12
13
|
context: Object
|
|
13
14
|
},
|
|
14
15
|
setup(_) {
|
|
15
|
-
const
|
|
16
|
-
let o =
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
let f =
|
|
20
|
-
|
|
21
|
-
const k = async (
|
|
22
|
-
|
|
16
|
+
const r = _, I = y(() => p.getters["auth/getUserCatalogIds"]);
|
|
17
|
+
let o = a();
|
|
18
|
+
const p = q(), v = a(null), g = a();
|
|
19
|
+
a(!0), g.value = y(() => p.getters["auth/getIsEditMode"]);
|
|
20
|
+
let f = a([]);
|
|
21
|
+
F(), B(v, (n) => o.value = !1);
|
|
22
|
+
const k = async (n) => {
|
|
23
|
+
r.context.node.input(n.id), o.value = !o.value, d("dcat:catalog").value = n;
|
|
23
24
|
};
|
|
24
|
-
return
|
|
25
|
-
}), (
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
return V(async () => {
|
|
26
|
+
}), (n, i) => (l(), s("div", R, [
|
|
27
|
+
c("h4", null, u(r.context.label), 1),
|
|
28
|
+
m(),
|
|
29
|
+
c("div", $, [
|
|
29
30
|
g.value.value ? (l(), b(t(x), {
|
|
30
31
|
key: 0,
|
|
31
32
|
class: "autocompleteInputfield",
|
|
32
33
|
type: "text",
|
|
33
34
|
readonly: "",
|
|
34
|
-
placeholder: t(
|
|
35
|
-
name:
|
|
35
|
+
placeholder: t(d)("dcat:catalog").value,
|
|
36
|
+
name: r.context.node.name
|
|
36
37
|
}, null, 8, ["placeholder", "name"])) : (l(), b(t(x), {
|
|
37
38
|
key: 1,
|
|
38
39
|
class: "autocompleteInputfield",
|
|
39
|
-
modelValue: t(
|
|
40
|
-
"onUpdate:modelValue":
|
|
41
|
-
placeholder:
|
|
40
|
+
modelValue: t(d)("dcat:catalog").value,
|
|
41
|
+
"onUpdate:modelValue": i[0] || (i[0] = (e) => t(d)("dcat:catalog").value = e),
|
|
42
|
+
placeholder: r.context.attrs.placeholder,
|
|
42
43
|
type: "text",
|
|
43
|
-
onClick:
|
|
44
|
+
onClick: i[1] || (i[1] = (e) => w(o) ? o.value = !t(o) : o = !t(o)),
|
|
44
45
|
validation: "required",
|
|
45
46
|
mandatory: "true",
|
|
46
47
|
readonly: "",
|
|
47
48
|
"validation-messages": {
|
|
48
49
|
required: "The catalog is required"
|
|
49
50
|
},
|
|
50
|
-
name:
|
|
51
|
+
name: r.context.node.name
|
|
51
52
|
}, null, 8, ["modelValue", "placeholder", "name"])),
|
|
52
|
-
|
|
53
|
-
E(
|
|
53
|
+
m(),
|
|
54
|
+
E(c("ul", {
|
|
54
55
|
ref_key: "dropdownList",
|
|
55
56
|
ref: v,
|
|
56
57
|
class: "autocompleteResultList selectListFK"
|
|
57
58
|
}, [
|
|
58
|
-
(l(!0),
|
|
59
|
+
(l(!0), s(C, null, h(t(f), (e) => (l(), s("li", {
|
|
59
60
|
key: e,
|
|
60
61
|
onClick: (L) => k(e),
|
|
61
62
|
class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
|
|
62
|
-
}, u(e.id), 9,
|
|
63
|
-
|
|
64
|
-
t(f).length === 0 ? (l(!0),
|
|
63
|
+
}, u(e.id), 9, A))), 128)),
|
|
64
|
+
m(),
|
|
65
|
+
t(f).length === 0 ? (l(!0), s(C, { key: 0 }, h(I.value, (e) => (l(), s("li", {
|
|
65
66
|
key: e,
|
|
66
67
|
onClick: (L) => k(e),
|
|
67
68
|
class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
|
|
68
|
-
}, u(e), 9,
|
|
69
|
+
}, u(e), 9, D))), 128)) : S("", !0)
|
|
69
70
|
], 512), [
|
|
70
|
-
[
|
|
71
|
+
[N, t(o)]
|
|
71
72
|
])
|
|
72
73
|
])
|
|
73
74
|
]));
|
|
74
75
|
}
|
|
75
76
|
};
|
|
76
77
|
export {
|
|
77
|
-
|
|
78
|
+
G as default
|
|
78
79
|
};
|
|
79
80
|
//# sourceMappingURL=SimpleSelect.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport {
|
|
1
|
+
{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport {\n has,\n isNil,\n} from 'lodash-es';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n context: Object\n})\n\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nlet showList = ref()\n// let selection = ref()\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nlet validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nlet filteredCatalogs = ref([])\nlet env = useRuntimeEnv()\n\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n \n validationTrigger = false\n props.context.node.input(e.id)\n showList.value = !showList.value;\n getNode('dcat:catalog').value = e\n}\nlet filterCatList = async () => {\n let cache;\n await axios\n .get(env.api.baseUrl + 'search?filter=catalogue')\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 => userCats.value.includes(item.id))\n .map(item => ({ id: item.id, name: item.title }));\n}\nonMounted(async () => {\n // filterCatList()\n});\n</script>\n<template>\n\n\n <div class=\"formkitProperty\">\n <h4>{{ props.context.label }}</h4>\n\n <div class=\"position-relative formkitCmpWrap\">\n <FormKit v-if=\"isEditMode.value\" class=\"autocompleteInputfield\" type=\"text\" readonly\n :placeholder=\"getNode('dcat:catalog').value\" :name=\"props.context.node.name\" />\n <FormKit v-else class=\"autocompleteInputfield\" v-model=\"getNode('dcat:catalog').value\"\n :placeholder=\"props.context.attrs.placeholder\" type=\"text\" @click=\"showList = !showList\"\n validation=\"required\" mandatory=\"true\" readonly :validation-messages=\"{\n required: 'The catalog is required',\n }\" :name=\"props.context.node.name\" />\n\n <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK\">\n\n <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n match.id }}\n </li>\n <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\"\n @click=\"setvalue(idMatch)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n idMatch }}\n </li>\n </ul>\n </div>\n\n\n </div>\n\n</template>\n<style>\n.selectListFK {\n max-height: 20rem;\n overflow: overlay;\n overflow-x: hidden;\n}\n</style>"],"names":["props","__props","userCats","computed","store","showList","ref","useStore","dropdownList","isEditMode","filteredCatalogs","useRuntimeEnv","onClickOutside","event","setvalue","e","getNode","onMounted"],"mappings":";;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMC,EAAM,QAAQ,wBAAwB,CAAC;AACvE,QAAIC,IAAWC,EAAK;AAEpB,UAAMF,IAAQG,EAAU,GAClBC,IAAeF,EAAI,IAAI,GACvBG,IAAaH,EAAK;AACA,IAAAA,EAAI,EAAI,GAChCG,EAAW,QAAQN,EAAS,MAAMC,EAAM,QAAQ,oBAAoB,CAAC;AACrE,QAAIM,IAAmBJ,EAAI,EAAE;AACnB,IAAAK,EAAe,GAGzBC,EAAeJ,GAAc,CAAAK,MAASR,EAAS,QAAQ,EAAK;AAE5D,UAAMS,IAAW,OAAOC,MAAM;AAG1B,MAAAf,EAAM,QAAQ,KAAK,MAAMe,EAAE,EAAE,GAC7BV,EAAS,QAAQ,CAACA,EAAS,OAC3BW,EAAQ,cAAc,EAAE,QAAQD;AAAA,IACpC;AAkBA,WAAAE,EAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|