@piveau/piveau-hub-ui-modules 4.3.2 → 4.3.3

package/dist/data-provider-interface/views/InputPage.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as N, markRaw as w, resolveComponent as f, openBlock as o, createElementBlock as a, createElementVNode as c, createVNode as k, withModifiers as F, withCtx as T, Fragment as C, renderList as P, normalizeClass as L, toDisplayString as y, createTextVNode as l, createCommentVNode as u, createBlock as D } from "vue";
-import { mapGetters as E, mapActions as V } from "vuex";
-import _ from "jquery";
-import A from "./PropertyChooser.vue.mjs";
+import { defineComponent as N, markRaw as w, resolveComponent as S, openBlock as r, createElementBlock as o, createElementVNode as c, createVNode as k, withModifiers as F, withCtx as T, Fragment as C, renderList as P, normalizeClass as L, toDisplayString as g, createTextVNode as l, createCommentVNode as u, createBlock as D } from "vue";
+import { mapGetters as V, mapActions as E } from "vuex";
+import A from "jquery";
+import _ from "./PropertyChooser.vue.mjs";
 import { has as b, isNil as $, isEmpty as M } from "lodash-es";
 import O from "./DistributionInputPage.vue.mjs";
 import H from "./OverviewPage.vue.mjs";
@@ -37,15 +37,15 @@ const K = N({
   components: {
     InputPageStep: U,
     DistributionInputPage: O,
-    PropertyChooser: A,
+    PropertyChooser: _,
     Navigation: W
   },
   computed: {
-    ...E("auth", [
+    ...V("auth", [
       "getIsEditMode",
       "getUserCatalogIds"
     ]),
-    ...E("dpiStore", [
+    ...V("dpiStore", [
       "getSchema",
       "getNavSteps",
       "getDeleteDistributionInline"
@@ -67,11 +67,11 @@ const K = N({
     }
   },
   methods: {
-    ...V("auth", [
+    ...E("auth", [
       "setIsEditMode",
       "setIsDraft"
     ]),
-    ...V("dpiStore", [
+    ...E("dpiStore", [
       "createSchema",
       "translateSchema",
       "saveFormValues",
@@ -98,60 +98,60 @@ const K = N({
     },
     initInputPage() {
       const e = this.getSchema(this.property), t = Object.keys(e).find(
-        (s) => e[s].map((m) => m.name).includes("dct:issued") || e[s].map((m) => m.name).includes("dct:modified")
+        (a) => e[a].map((m) => m.name).includes("dct:issued") || e[a].map((m) => m.name).includes("dct:modified")
       );
       localStorage.getItem("dpi_editmode") === "true" && t != null && e[t].forEach(
-        (s) => {
-          (s.identifier === "issued" || s.identifier === "modified") && (s.children[1].props.else.validation = "", s.children[1].props.else["validation-visibility"] = "", s.children[1].props.then.validation = "", s.children[1].props.then["validation-visibility"] = "", s.children[1].props.then.validation = "", s.children[1].props.then["validation-visibility"] = "");
+        (a) => {
+          (a.identifier === "issued" || a.identifier === "modified") && (a.children[1].props.else.validation = "", a.children[1].props.else["validation-visibility"] = "", a.children[1].props.then.validation = "", a.children[1].props.then["validation-visibility"] = "", a.children[1].props.then.validation = "", a.children[1].props.then["validation-visibility"] = "");
         }
       ), localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), this.saveLocalstorageValues(this.property);
       const d = this.$store.getters["dpiStore/getRawValues"]({ property: this.property });
       M(d) || (this.formValues = d), this.$nextTick(() => {
-        _('[data-toggle="tooltip"]').tooltip({
+        A('[data-toggle="tooltip"]').tooltip({
           container: "body"
         }), setTimeout(() => {
-          document.querySelectorAll(".formkitProperty h4").forEach((n, r) => {
-            n.parentElement.parentElement.classList.contains("formkitWrapRepeatable") || (r != 0 && r != 1 && r != 2 && r != 3 && n.nextElementSibling.classList.toggle("d-none"), n.addEventListener("click", () => {
+          document.querySelectorAll(".formkitProperty h4").forEach((n, s) => {
+            n.parentElement.parentElement.classList.contains("formkitWrapRepeatable") || (s != 0 && s != 1 && s != 2 && s != 3 && n.nextElementSibling.classList.toggle("d-none"), n.addEventListener("click", () => {
               n.classList.toggle("dpiChevUp"), n.nextElementSibling.classList.toggle("d-none");
             }));
           });
-          const m = document.querySelectorAll(".formkitProperty"), S = (n) => {
-            for (const r of n)
-              if (r.type === "attributes") {
-                if (r.target.getAttribute("data-invalid") === "true") {
+          const m = document.querySelectorAll(".formkitProperty"), y = (n) => {
+            for (const s of n)
+              if (s.type === "attributes") {
+                if (s.target.getAttribute("data-invalid") === "true") {
                   try {
-                    r.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.previousElementSibling.tagName === "H4" && r.target.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.previousElementSibling.tagName === "H4" && s.target.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                 }
-                if (r.target.getAttribute("data-invalid") === null || r.target.getAttribute("data-invalid") === "false") {
+                if (s.target.getAttribute("data-invalid") === null || s.target.getAttribute("data-invalid") === "false") {
                   try {
-                    r.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.previousElementSibling.tagName === "H4" && r.target.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.previousElementSibling.tagName === "H4" && s.target.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                 }
               }
-          }, g = new MutationObserver(S), v = { attributes: !0 };
+          }, v = new MutationObserver(y), f = { attributes: !0 };
           let h = [];
-          m.forEach((n, r) => {
+          m.forEach((n, s) => {
             const i = n.querySelectorAll(".formkit-outer");
-            h = h.concat(Array.from(i)), g.observe(h[r], v);
+            h = h.concat(Array.from(i)), v.observe(h[s], f);
           });
         });
       });
@@ -190,8 +190,8 @@ const K = N({
     }
   },
   beforeRouteEnter(e, t, d) {
-    d((s) => {
-      t.name && !t.name.startsWith("DataProviderInterface") && s.clearAll();
+    d((a) => {
+      t.name && !t.name.startsWith("DataProviderInterface") && a.clearAll();
     });
   },
   setup() {
@@ -199,27 +199,27 @@ const K = N({
       steps: e,
       activeStep: t,
       visitedSteps: d,
-      previousStep: s,
+      previousStep: a,
       nextStep: m,
-      stepPlugin: S,
-      goToNextStep: g,
-      goToPreviousStep: v
+      stepPlugin: y,
+      goToNextStep: v,
+      goToPreviousStep: f
     } = q(), h = () => {
       let { x: i, y: p } = j({ behavior: "smooth" });
       p.value = 0;
-    }, n = (i) => (e[i].errorCount > 0 || e[i].blockingCount > 0) && d.value.includes(i), r = w({ OverviewPage: H });
+    }, n = (i) => (e[i].errorCount > 0 || e[i].blockingCount > 0) && d.value.includes(i), s = w({ OverviewPage: H });
     return {
       steps: e,
       visitedSteps: d,
       activeStep: t,
-      previousStep: s,
+      previousStep: a,
       nextStep: m,
-      stepPlugin: S,
+      stepPlugin: y,
       checkStepValidity: n,
-      goToNextStep: g,
-      goToPreviousStep: v,
+      goToNextStep: v,
+      goToPreviousStep: f,
       scrollToTop: h,
-      library: r
+      library: s
     };
   }
 }), R = { class: "form-container" }, z = {
@@ -232,21 +232,21 @@ const K = N({
 }, te = {
   key: 0,
   class: "step inactiveStep"
-}, ie = /* @__PURE__ */ c("div", { class: "circle stepCircle" }, null, -1), re = [
+}, ie = /* @__PURE__ */ c("div", { class: "circle stepCircle" }, null, -1), se = [
   ie
-], se = { class: "d-flex flex-column w-100" }, oe = {
+], ae = { class: "d-flex flex-column w-100" }, re = {
   key: 0,
   class: "w-100 d-flex justify-content-between"
-}, ae = { style: { "min-width": "80%" } }, ne = { key: 0 }, le = { key: 1 }, pe = { key: 1 }, de = {
+}, oe = { style: { "min-width": "80%" } }, ne = { key: 0 }, le = { key: 1 }, pe = { key: 1 }, de = {
   key: 4,
   class: "p-1"
 }, ce = /* @__PURE__ */ c("b", null, "*", -1);
-function ue(e, t, d, s, m, S) {
-  const g = f("FormKitSchema"), v = f("DistributionInputPage"), h = f("InputPageStep"), n = f("Navigation"), r = f("FormKit");
-  return o(), a("div", R, [
-    e.isInput ? (o(), a("div", z, [
+function ue(e, t, d, a, m, y) {
+  const v = S("FormKitSchema"), f = S("DistributionInputPage"), h = S("InputPageStep"), n = S("Navigation"), s = S("FormKit");
+  return r(), o("div", R, [
+    e.isInput ? (r(), o("div", z, [
       c("div", G, [
-        k(r, {
+        k(s, {
           type: "form",
           modelValue: e.formValues,
           "onUpdate:modelValue": t[1] || (t[1] = (i) => e.formValues = i),
@@ -262,7 +262,7 @@ function ue(e, t, d, s, m, S) {
           default: T(() => [
             c("div", Z, [
               c("ul", J, [
-                (o(!0), a(C, null, P(e.steps, (i, p, I) => (o(), a("li", {
+                (r(!0), o(C, null, P(e.steps, (i, p, I) => (r(), o("li", {
                   key: i,
                   class: L(["step", { activeItem: e.activeStep === p, inactiveStep: p != e.activeStep, "has-errors": e.checkStepValidity(p) }]),
                   "data-step-active": e.activeStep === p,
@@ -272,28 +272,28 @@ function ue(e, t, d, s, m, S) {
                   }
                 }, [
                   c("div", X, [
-                    c("div", Y, y(I + 1), 1),
+                    c("div", Y, g(I + 1), 1),
                     l(),
-                    e.checkStepValidity(p) ? (o(), a("span", {
+                    e.checkStepValidity(p) ? (r(), o("span", {
                       key: 0,
                       class: "step--errors",
-                      textContent: y(i.errorCount + i.blockingCount)
+                      textContent: g(i.errorCount + i.blockingCount)
                     }, null, 8, x)) : u("", !0),
-                    l(y(e.camel2title(p)), 1)
+                    l(g(e.$t("message.dataupload.steps." + p + "Step")), 1)
                   ]),
                   l(),
-                  I != Object.keys(e.steps).length ? (o(), a("div", ee)) : u("", !0)
+                  I != Object.keys(e.steps).length ? (r(), o("div", ee)) : u("", !0)
                 ], 10, Q))), 128)),
                 l(),
-                e.activeStep === "Overview" ? (o(), a("li", te, re)) : u("", !0)
+                e.activeStep === "Overview" ? (r(), o("li", te, se)) : u("", !0)
               ]),
               l(),
-              c("div", se, [
-                (o(!0), a(C, null, P(e.getNavSteps(e.$env.content.dataProviderInterface.specification)[e.property], (i, p) => (o(), a("div", { key: p }, [
+              c("div", ae, [
+                (r(!0), o(C, null, P(e.getNavSteps(e.$env.content.dataProviderInterface.specification)[e.property], (i, p) => (r(), o("div", { key: p }, [
                   k(h, { name: i }, {
                     default: T(() => [
-                      i !== "Distributions" && i !== "Overview" ? (o(), a("div", oe, [
-                        c("h1", ae, y(i) + " fields", 1),
+                      i !== "Distributions" && i !== "Overview" ? (r(), o("div", re, [
+                        c("h1", oe, g(e.$t("message.dataupload.steps." + i)), 1),
                         l(),
                         c("a", {
                           class: "standardButtonDPI",
@@ -301,27 +301,27 @@ function ue(e, t, d, s, m, S) {
                             e.dropdownCLick(), e.expandall = !e.expandall;
                           })
                         }, [
-                          e.expandall ? (o(), a("span", ne, "Expand all")) : (o(), a("span", le, "Hide all"))
+                          e.expandall ? (r(), o("span", ne, g(e.$t("message.dataupload.info.expand")), 1)) : (r(), o("span", le, g(e.$t("message.dataupload.info.hide")), 1))
                         ])
                       ])) : u("", !0),
                       l(),
-                      i !== "Distributions" ? (o(), a("hr", pe)) : u("", !0),
+                      i !== "Distributions" ? (r(), o("hr", pe)) : u("", !0),
                       l(),
-                      i !== "Distributions" ? (o(), D(g, {
+                      i !== "Distributions" ? (r(), D(v, {
                         key: 2,
                         schema: e.getSchema(e.property)[i],
                         library: e.library
                       }, null, 8, ["schema", "library"])) : u("", !0),
                       l(),
-                      i === "Distributions" ? (o(), D(v, {
+                      i === "Distributions" ? (r(), D(f, {
                         key: 3,
                         schema: e.getSchema("distributions"),
                         values: e.formValues
                       }, null, 8, ["schema", "values"])) : u("", !0),
                       l(),
-                      i === "Mandatory" ? (o(), a("p", de, [
+                      i === "Mandatory" ? (r(), o("p", de, [
                         ce,
-                        l(" mandatory")
+                        l(" " + g(e.$t("message.dataupload.info.mandatory")), 1)
                       ])) : u("", !0)
                     ]),
                     _: 2
@@ -344,8 +344,8 @@ function ue(e, t, d, s, m, S) {
     ], 512)) : u("", !0)
   ]);
 }
-const Ee = /* @__PURE__ */ B(K, [["render", ue]]);
+const Ve = /* @__PURE__ */ B(K, [["render", ue]]);
 export {
-  Ee as default
+  Ve as default
 };
 //# sourceMappingURL=InputPage.vue.mjs.map

package/dist/data-provider-interface/views/InputPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/InputPage.vue"],"sourcesContent":["<template>\n  <div class=\"form-container \">\n    <div ref=\"fkInputContainer\" class=\"inputContainer\" v-if=\"isInput\">\n      <div class=\"formContainer formkit position-relative\">\n\n        <!-- <details>{{ formValues }}</details> -->\n        <FormKit type=\"form\" v-model=\"formValues\" :actions=\"false\" :plugins=\"[stepPlugin]\" id=\"dpiForm\"\n          @change=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\"\n          @click=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\" @submit.prevent=\"\"\n          class=\"d-flex\">\n\n          <div class=\"d-flex\">\n            <ul class=\"steps\">\n              <li v-for=\"(step, stepName, index) in steps\" :key=\"step\" class=\"step\"\n                :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\"\n                :class=\"{ activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName) }\"\n                @click=\"activeStep = stepName; update(); scrollToTop()\">\n\n                <div class=\"stepBubbleWrap\">\n                  <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n                  <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\"\n                    v-text=\"step.errorCount + step.blockingCount\" />{{ camel2title(stepName) }}\n                </div>\n                <div v-if=\"index != Object.keys(steps).length\" class=\"seperatorHorizontalStepper\"></div>\n              </li>\n              <li class=\"step inactiveStep\" v-if=\"activeStep === 'Overview'\">\n                <div class=\"circle stepCircle\"></div>\n              </li>\n\n            </ul>\n\n            <div class=\"d-flex flex-column w-100\">\n              <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification)[property]\"\n                :key=\"index\">\n                <InputPageStep :name=\"stepName\">\n                  <div v-if=\"stepName !== 'Distributions' && stepName !== 'Overview'\"\n                    class=\"w-100 d-flex justify-content-between\">\n                    <h1 style=\"min-width:80%\">{{ stepName }} fields</h1>\n                    <a class=\"standardButtonDPI\" @click=\"dropdownCLick(); expandall = !expandall\"><span\n                        v-if=\"expandall\">Expand all</span>\n                      <span v-else>Hide all</span></a>\n                  </div>\n                  <hr v-if=\"stepName !== 'Distributions'\">\n                  <FormKitSchema v-if=\"stepName !== 'Distributions'\" :schema=\"getSchema(property)[stepName]\"\n                    :library=\"library\" />\n                  <DistributionInputPage v-if=\"stepName === 'Distributions'\" :schema=\"getSchema('distributions')\"\n                    :values=\"formValues\" />\n                  <p class=\"p-1\" v-if=\"stepName === 'Mandatory'\"> <b>*</b> mandatory</p>\n                </InputPageStep>\n              </div>\n            </div>\n          </div>\n\n          <Navigation :steps=\"steps\" :nextStep=\"nextStep\" :previousStep=\"previousStep\" :goToNextStep=\"goToNextStep\"\n            :goToPreviousStep=\"goToPreviousStep\"></Navigation>\n\n        </FormKit>\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert,arrow-parens,no-param-reassign,no-lonely-if */\nimport { defineComponent, markRaw } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport PropertyChooser from './PropertyChooser.vue'\nimport { has, isNil, isEmpty } from 'lodash';\nimport DistributionInputPage from './DistributionInputPage.vue';\nimport OverviewPage from './OverviewPage.vue';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport Navigation from '../components/Navigation.vue';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport { useWindowScroll } from '@vueuse/core'\n\n\nexport default defineComponent({\n  props: {\n    property: {\n      required: true,\n      type: String,\n    },\n    id: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      heightActiveSec: \"10vh\",\n      formValues: {},\n      offsetTopStepper: \"60px\",\n      info: {},\n      catalogues: [],\n      byte: true,\n      expandall: true,\n      // steps:{},\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n    };\n  },\n  components: {\n    InputPageStep,\n    DistributionInputPage,\n    PropertyChooser,\n    Navigation\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n      'getUserCatalogIds',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getSchema',\n      'getNavSteps',\n      'getDeleteDistributionInline',\n    ]),\n    getTitleStep() {\n      return Object.keys(this.formValues).filter(key => has(this.formValues[key], 'dct:title'))[0];\n    },\n    createIDFromTitle() {\n\n      const title = this.formValues[this.getTitleStep]['dct:title'][0]['@value'];\n\n      if (title != undefined) {\n        return title\n          .toLowerCase()\n          .replace(/ /g, '-');\n      }\n      else return;\n    },\n    getFirstTitleFromForm() {\n      const allValues = this.formValues[this.getTitleStep];\n\n      return has(allValues, 'dct:title')\n        && allValues['dct:title'].length > 0\n        && has(allValues['dct:title'][0], '@value')\n        && !isNil(allValues['dct:title'][0], '@value')\n        ? allValues['dct:title'][0]['@value']\n        : '';\n    },\n    isInput() {\n      return this.$route.params.page !== 'overview' && this.$route.params.page !== 'distoverview';\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsEditMode',\n      'setIsDraft',\n    ]),\n    ...mapActions('dpiStore', [\n      'createSchema',\n      'translateSchema',\n      'saveFormValues',\n      'saveLocalstorageValues',\n      'addCatalogOptions',\n      'clearAll',\n    ]),\n    update() {\n      this.$forceUpdate();\n    },\n    dropdownCLick() {\n\n      const h4Elements = document.querySelectorAll('.formkitProperty h4');\n\n      if (this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.add('dpiChevUp')\n          h4Element.nextElementSibling.classList.remove('d-none')\n        })\n      }\n      if (!this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.remove('dpiChevUp')\n          h4Element.nextElementSibling.classList.add('d-none')\n        })\n\n      }\n\n    },\n    clearForm() {\n      this.$formkit.reset('dpi')\n    },\n    scrollToTop() {\n      window.scrollTo(0, 0);\n    },\n    initInputPage() {\n      // adding validation of modified and issued based on edit mode\n      // no validation in edit mode\n\n      // get step name where issued and modified are included\n      const initialSchema = this.getSchema(this.property);\n      const stepWithDates = Object.keys(initialSchema).find(\n        key => initialSchema[key].map(el => el.name).includes('dct:issued') || initialSchema[key].map(el => el.name).includes('dct:modified')\n      );\n\n\n\n      if (localStorage.getItem('dpi_editmode') === 'true' && stepWithDates != undefined) {\n        initialSchema[stepWithDates].forEach((el) => {\n          if (el['identifier'] === 'issued' || el['identifier'] === 'modified') {\n            el['children'][1]['props']['else']['validation'] = ''\n            el['children'][1]['props']['else']['validation-visibility'] = ''\n\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n          }\n        }\n        );\n      }\n\n      if (localStorage.getItem('dpi_editmode') === 'false') {\n        this.setIsDraft(false)\n        this.setIsEditMode(false)\n      }\n\n      this.saveLocalstorageValues(this.property); // saves values from localStorage to vuex store\n      const existingValues = this.$store.getters['dpiStore/getRawValues']({ property: this.property });\n\n\n      // only overwrite empty object if there are values\n      if (!isEmpty(existingValues)) this.formValues = existingValues;\n     \n      \n      \n      this.$nextTick(() => {\n        $('[data-toggle=\"tooltip\"]').tooltip({\n          container: 'body',\n        });\n        setTimeout(() => {\n          const h4Elements = document.querySelectorAll('.formkitProperty h4');\n          h4Elements.forEach((h4Element, index) => {\n            // Added the clickeffect to the headers of the individual properties\n\n            if (!h4Element.parentElement.parentElement.classList.contains('formkitWrapRepeatable')) {\n              if (index != 0 && index != 1 && index != 2 && index != 3) {\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              }\n              h4Element.addEventListener('click', () => {\n                h4Element.classList.toggle('dpiChevUp')\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              });\n            }\n          })\n          // Observe the validity of the individual properties\n          const elements = document.querySelectorAll('.formkitProperty');\n          const attributeChangedCallback = (mutationsList) => {\n            for (const mutation of mutationsList) {\n\n              if (mutation.type === 'attributes') {\n                if (mutation.target.getAttribute('data-invalid') === 'true') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n                if (mutation.target.getAttribute('data-invalid') === null || mutation.target.getAttribute('data-invalid') === 'false') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n              }\n            }\n          };\n          // MutationObserver \n          const observer = new MutationObserver(attributeChangedCallback);\n          const config = { attributes: true };\n          let allMatchingElements = [];\n\n          elements.forEach((element, index) => {\n            const matchingChildren = element.querySelectorAll('.formkit-outer');\n            allMatchingElements = allMatchingElements.concat(Array.from(matchingChildren));\n            observer.observe(allMatchingElements[index], config);\n          });\n        });\n      });\n    },\n    createDatasetID() {\n      const valueObject = this.formValues[this.getTitleStep];\n      if (!has(valueObject, 'datasetID') || isNil(valueObject['datasetID'])) {\n        // console.log('in if');\n        this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n      }\n      else {\n\n        if (this.createIDFromTitle.startsWith(valueObject.datasetID) || valueObject.datasetID.startsWith(this.createIDFromTitle)) {\n          // console.log('in else');\n          this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n        }\n      }\n    },\n    generateandTranslateSchema(property) {\n      for (let index = 0; index < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property].length; index++) {\n        this.createSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index], specification: this.$env.content.dataProviderInterface.specification });\n        this.translateSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index] });\n      }\n    },\n\n  },\n  created() {\n\n\n\n    // Needs to be reworked\n    if (this.$route.query.edit === 'false') {\n      this.clearAll();\n      // localStorage.clear();\n    }\n\n    // create schema for datasets or catalogues\n    this.generateandTranslateSchema(this.property);\n\n    // for datasets also create schema for distributions\n    if (this.property === 'datasets') {\n      this.generateandTranslateSchema('distributions');\n    }\n  },\n  mounted() {\n    this.initInputPage();\n  },\n  watch: {\n    activeStep: {\n      handler() {\n        this.scrollToTop();\n      },\n    },\n    getFirstTitleFromForm: {\n      handler() {\n        if (localStorage.getItem('dpi_editmode') === 'false') {\n          this.setIsDraft(false)\n          this.setIsEditMode(false)\n        }\n        // only create id from title if the user is not editing an existing dataset with an existing datasetID\n        if (!this.getIsEditMode) {\n          this.createDatasetID();\n        }\n      },\n    },\n    // the schema is a computed value which gets computed only once so on language change this value must be re-computed\n    '$i18n.locale': {\n      handler() {\n        this.generateandTranslateSchema(this.property);\n        if (this.property === 'datasets') this.generateandTranslateSchema('distributions');\n      }\n    },\n  },\n  beforeRouteEnter(to, from, next) {\n    // Always clear storage when entering DPI\n    next(vm => {\n      if (from.name && !from.name.startsWith('DataProviderInterface')) {\n        vm.clearAll();\n      }\n    });\n  },\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({ OverviewPage })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      scrollToTop,\n      library,\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.standardButtonDPI {\n  background-color: #fff;\n  color: #000;\n  border-radius: 0.3em;\n  font-size: 16px;\n  padding: 0.75em;\n  display: inline-flex;\n  align-items: center;\n  height: 50px;\n  border: 1px solid lightgray;\n  transition: all 100ms ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    transform: scale(98%);\n    background-color: #F4F4F4;\n    border-color: gray;\n    text-decoration: none;\n  }\n}\n\n:root {\n  --gray: #ccccd7;\n  --gray-l: #eeeef4;\n}\n\n.formkit-form {\n  max-width: 500px;\n  flex-shrink: 0;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  background: #fff;\n  color: #000;\n  border: 1px solid var(--gray);\n  border-radius: 0.5em;\n  box-shadow: 0.25em 0.25em 1em 0 rgba(0, 0, 0, 0.1);\n}\n\n#app .source-content {\n  padding: 2em;\n  background: transparent;\n}\n\n.steps {\n  list-style-type: none;\n  margin: 0;\n  display: flex;\n  padding-left: 0;\n  background: var(--gray-l);\n  border-radius: 0.4em 0.4em 0 0;\n  overflow: hidden;\n  border-bottom: 1px solid var(--gray);\n}\n\n.step {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--gray-l);\n  border-right: 1px solid var(--gray);\n  color: gray;\n  flex-grow: 0;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.step:last-child {\n  box-shadow: 0.1em -0.1 0.1em 0 rgba(0, 0, 0, 0.33)\n}\n\n.step:hover {\n  cursor: pointer;\n}\n\n[data-step-active=\"true\"] {\n  color: black;\n  background: white !important;\n  border-bottom: none;\n  position: relative;\n}\n\n.step--errors,\n[data-step-valid=\"true\"]:after {\n  content: '✓';\n  background-color: #54A085;\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  height: 18px;\n  width: 18px;\n  border-radius: 50%;\n  z-index: 10;\n  display: flex;\n  font-size: 10px;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  color: white;\n}\n\n.step--errors {\n  background-color: #ff4949;\n  color: #fff;\n  z-index: 100;\n}\n\n.step-nav {\n  display: flex;\n  margin-top: 2em;\n  margin-bottom: 1em;\n  justify-content: space-between;\n}\n\n.form-body {\n  padding: 2em;\n}\n\n.next {\n  margin-left: auto;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n  padding: 0 2em 1em 2em;\n  display: flex;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-input {\n  margin-left: auto;\n  margin-right: 0;\n}\n\ndetails {\n  border: 1px solid var(--gray);\n  background: var(--gray-l);\n  border-radius: .15em;\n  padding: 1em;\n}\n\n.formkit-form>.formkit-messages {\n  padding: 0 2em 0em 2em;\n}\n\n.formkit-form>.formkit-messages:last-child {\n  padding: 0 2em 2em 2em;\n}\n\n[data-errors=\"true\"] .formkit-label {\n  color: #ff4949;\n}\n\n.formkit-wrapper {\n  max-width: 100%;\n}\n\nbutton:hover,\nsummary {\n  cursor: pointer\n}\n\n\n@media (max-width: 438px) {\n  h1 {\n    font-size: 1.15em;\n  }\n\n  #app .source-content {\n    padding: 0.5em;\n  }\n\n  .steps {\n    flex-direction: column;\n  }\n\n  .step {\n    border-bottom: 1px solid var(--gray);\n    border-right: none;\n  }\n\n  .step:last-child {\n    border-bottom: none;\n  }\n\n  .form-body {\n    padding: 1em;\n  }\n\n  .formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n    padding: 0 1em 1em 1em;\n    display: flex;\n  }\n\n  .formkit-form>.formkit-messages {\n    padding: 0 1em 0em 1em;\n  }\n\n  .formkit-form>.formkit-messages:last-child {\n    padding: 0 1em 1em 1em;\n  }\n}\n\n.repeatableWrap,\n.formkitCmpWrap {\n  margin: 2rem 0 !important\n}\n\n.isInvalidProperty {\n  background-color: #FFD9D9 !important;\n}\n\n.activeItem {\n  flex-grow: 1;\n\n  .seperatorHorizontalStepper {\n    height: 100%;\n  }\n}\n\nselect {\n\n  line-height: unset !important;\n}\n\n.form-container {\n  padding-top: 20px;\n  margin-top: 30px;\n  border: solid 1px #d5d5d5;\n  border-radius: 3px;\n  margin-bottom: 20px;\n}\n\n.inputContainer {\n  display: flex;\n}\n\n.formContainer {\n  width: 100% !important;\n}\n\n.distributionPage0 {\n  display: block;\n}\n\n.distributionPage1 {\n  display: none;\n}\n\n.distributionPage2 {\n  display: none;\n}\n\n.grid2r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.grid1r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.row1 {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.row2 {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.grow3 {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.column1 {\n  grid-column-start: 1;\n  grid-column-end: 2;\n}\n\n.column2 {\n  grid-column-start: 2;\n  grid-column-end: 3;\n}\n\n.columnboth {\n  grid-column-start: 1;\n  grid-column-end: 3;\n}\n\n.display-none {\n  display: none;\n}\n\n.activeSection {\n  >.formkitProperty {\n    >div {}\n  }\n}\n\n.formkitCmpWrap {\n  border-left: 1px solid lightgray;\n\n\n}\n\n.formkitProperty {\n\n  >h4 {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    cursor: pointer;\n    position: relative;\n    transition: all ease-in-out 200ms;\n\n    &:hover {\n\n      background-color: lightgray;\n\n      &:before {\n\n        rotate: -45deg;\n      }\n\n      &:after {\n\n        rotate: 45deg;\n      }\n    }\n\n    &:before {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 15px;\n      rotate: 45deg;\n    }\n\n    &:after {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 25px;\n      rotate: -45deg;\n    }\n  }\n\n  .formkitProperty {\n    h4 {\n      padding: 0;\n      background-color: unset !important;\n\n      &::before {\n        display: none !important;\n      }\n\n      &:after {\n        display: none !important;\n      }\n    }\n  }\n}\n\n.dpiChevUp {\n\n  &:before {\n\n    rotate: -45deg !important;\n  }\n\n  &:after {\n\n    rotate: 45deg !important;\n  }\n\n\n\n}\n</style>\n"],"names":["_sfc_main","defineComponent","str","match","InputPageStep","DistributionInputPage","PropertyChooser","Navigation","mapGetters","key","has","title","allValues","isNil","mapActions","h4Elements","h4Element","index","initialSchema","stepWithDates","el","existingValues","isEmpty","$","elements","attributeChangedCallback","mutationsList","mutation","observer","config","allMatchingElements","element","matchingChildren","valueObject","property","to","from","next","vm","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","scrollToTop","x","y","useWindowScroll","checkStepValidity","stepName","library","markRaw","OverviewPage","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_createElementVNode","_hoisted_12","_hoisted_14","_hoisted_16","_hoisted_21","_openBlock","_createElementBlock","_ctx","_hoisted_2","_createVNode","_component_FormKit","_cache","$event","_withModifiers","_withCtx","_Fragment","_renderList","step","_normalizeClass","_toDisplayString","_createTextVNode","_createCommentVNode","_hoisted_10","_hoisted_11","_hoisted_13","_component_InputPageStep","_hoisted_15","_hoisted_17","_hoisted_18","_hoisted_19","_createBlock","_component_FormKitSchema","_component_DistributionInputPage","_hoisted_20","_component_Navigation"],"mappings":"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"}
+{"version":3,"file":"InputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/InputPage.vue"],"sourcesContent":["<template>\n  <div class=\"form-container \">\n    <div ref=\"fkInputContainer\" class=\"inputContainer\" v-if=\"isInput\">\n      <div class=\"formContainer formkit position-relative\">\n\n        <!-- <details>{{ formValues }}</details> -->\n        <FormKit type=\"form\" v-model=\"formValues\" :actions=\"false\" :plugins=\"[stepPlugin]\" id=\"dpiForm\"\n          @change=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\"\n          @click=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\" @submit.prevent=\"\"\n          class=\"d-flex\">\n\n          <div class=\"d-flex\">\n            <ul class=\"steps\">\n              <li v-for=\"(step, stepName, index) in steps\" :key=\"step\" class=\"step\"\n                :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\"\n                :class=\"{ activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName) }\"\n                @click=\"activeStep = stepName; update(); scrollToTop()\">\n\n                <div class=\"stepBubbleWrap\">\n                  <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n                  <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\"\n                    v-text=\"step.errorCount + step.blockingCount\" />{{ $t('message.dataupload.steps.' + stepName + \"Step\")\n                  }}\n                </div>\n                <div v-if=\"index != Object.keys(steps).length\" class=\"seperatorHorizontalStepper\"></div>\n              </li>\n              <li class=\"step inactiveStep\" v-if=\"activeStep === 'Overview'\">\n                <div class=\"circle stepCircle\"></div>\n              </li>\n\n            </ul>\n\n            <div class=\"d-flex flex-column w-100\">\n              <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification)[property]\"\n                :key=\"index\">\n                <InputPageStep :name=\"stepName\">\n                  <div v-if=\"stepName !== 'Distributions' && stepName !== 'Overview'\"\n                    class=\"w-100 d-flex justify-content-between\">\n                    <h1 style=\"min-width:80%\">{{ $t('message.dataupload.steps.' + stepName) }}</h1>\n                    <a class=\"standardButtonDPI\" @click=\"dropdownCLick(); expandall = !expandall\"><span\n                        v-if=\"expandall\">{{ $t('message.dataupload.info.expand') }}</span>\n                      <span v-else>{{ $t('message.dataupload.info.hide') }}</span></a>\n                  </div>\n                  <hr v-if=\"stepName !== 'Distributions'\">\n                  <FormKitSchema v-if=\"stepName !== 'Distributions'\" :schema=\"getSchema(property)[stepName]\"\n                    :library=\"library\" />\n                  <DistributionInputPage v-if=\"stepName === 'Distributions'\" :schema=\"getSchema('distributions')\"\n                    :values=\"formValues\" />\n                  <p class=\"p-1\" v-if=\"stepName === 'Mandatory'\"> <b>*</b> {{ $t('message.dataupload.info.mandatory') }}</p>\n                </InputPageStep>\n              </div>\n            </div>\n          </div>\n\n          <Navigation :steps=\"steps\" :nextStep=\"nextStep\" :previousStep=\"previousStep\" :goToNextStep=\"goToNextStep\"\n            :goToPreviousStep=\"goToPreviousStep\"></Navigation>\n\n        </FormKit>\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert,arrow-parens,no-param-reassign,no-lonely-if */\nimport { defineComponent, markRaw } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport PropertyChooser from './PropertyChooser.vue'\nimport { has, isNil, isEmpty } from 'lodash';\nimport DistributionInputPage from './DistributionInputPage.vue';\nimport OverviewPage from './OverviewPage.vue';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport Navigation from '../components/Navigation.vue';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport { useWindowScroll } from '@vueuse/core'\n\n\nexport default defineComponent({\n  props: {\n    property: {\n      required: true,\n      type: String,\n    },\n    id: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      heightActiveSec: \"10vh\",\n      formValues: {},\n      offsetTopStepper: \"60px\",\n      info: {},\n      catalogues: [],\n      byte: true,\n      expandall: true,\n      // steps:{},\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n    };\n  },\n  components: {\n    InputPageStep,\n    DistributionInputPage,\n    PropertyChooser,\n    Navigation\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n      'getUserCatalogIds',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getSchema',\n      'getNavSteps',\n      'getDeleteDistributionInline',\n    ]),\n    getTitleStep() {\n      return Object.keys(this.formValues).filter(key => has(this.formValues[key], 'dct:title'))[0];\n    },\n    createIDFromTitle() {\n\n      const title = this.formValues[this.getTitleStep]['dct:title'][0]['@value'];\n\n      if (title != undefined) {\n        return title\n          .toLowerCase()\n          .replace(/ /g, '-');\n      }\n      else return;\n    },\n    getFirstTitleFromForm() {\n      const allValues = this.formValues[this.getTitleStep];\n\n      return has(allValues, 'dct:title')\n        && allValues['dct:title'].length > 0\n        && has(allValues['dct:title'][0], '@value')\n        && !isNil(allValues['dct:title'][0], '@value')\n        ? allValues['dct:title'][0]['@value']\n        : '';\n    },\n    isInput() {\n      return this.$route.params.page !== 'overview' && this.$route.params.page !== 'distoverview';\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsEditMode',\n      'setIsDraft',\n    ]),\n    ...mapActions('dpiStore', [\n      'createSchema',\n      'translateSchema',\n      'saveFormValues',\n      'saveLocalstorageValues',\n      'addCatalogOptions',\n      'clearAll',\n    ]),\n    update() {\n      this.$forceUpdate();\n    },\n    dropdownCLick() {\n\n      const h4Elements = document.querySelectorAll('.formkitProperty h4');\n\n      if (this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.add('dpiChevUp')\n          h4Element.nextElementSibling.classList.remove('d-none')\n        })\n      }\n      if (!this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.remove('dpiChevUp')\n          h4Element.nextElementSibling.classList.add('d-none')\n        })\n\n      }\n\n    },\n    clearForm() {\n      this.$formkit.reset('dpi')\n    },\n    scrollToTop() {\n      window.scrollTo(0, 0);\n    },\n    initInputPage() {\n      // adding validation of modified and issued based on edit mode\n      // no validation in edit mode\n\n      // get step name where issued and modified are included\n      const initialSchema = this.getSchema(this.property);\n      const stepWithDates = Object.keys(initialSchema).find(\n        key => initialSchema[key].map(el => el.name).includes('dct:issued') || initialSchema[key].map(el => el.name).includes('dct:modified')\n      );\n\n\n\n      if (localStorage.getItem('dpi_editmode') === 'true' && stepWithDates != undefined) {\n        initialSchema[stepWithDates].forEach((el) => {\n          if (el['identifier'] === 'issued' || el['identifier'] === 'modified') {\n            el['children'][1]['props']['else']['validation'] = ''\n            el['children'][1]['props']['else']['validation-visibility'] = ''\n\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n          }\n        }\n        );\n      }\n\n      if (localStorage.getItem('dpi_editmode') === 'false') {\n        this.setIsDraft(false)\n        this.setIsEditMode(false)\n      }\n\n      this.saveLocalstorageValues(this.property); // saves values from localStorage to vuex store\n      const existingValues = this.$store.getters['dpiStore/getRawValues']({ property: this.property });\n\n\n      // only overwrite empty object if there are values\n      if (!isEmpty(existingValues)) this.formValues = existingValues;\n\n\n\n      this.$nextTick(() => {\n        $('[data-toggle=\"tooltip\"]').tooltip({\n          container: 'body',\n        });\n        setTimeout(() => {\n          const h4Elements = document.querySelectorAll('.formkitProperty h4');\n          h4Elements.forEach((h4Element, index) => {\n            // Added the clickeffect to the headers of the individual properties\n\n            if (!h4Element.parentElement.parentElement.classList.contains('formkitWrapRepeatable')) {\n              if (index != 0 && index != 1 && index != 2 && index != 3) {\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              }\n              h4Element.addEventListener('click', () => {\n                h4Element.classList.toggle('dpiChevUp')\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              });\n            }\n          })\n          // Observe the validity of the individual properties\n          const elements = document.querySelectorAll('.formkitProperty');\n          const attributeChangedCallback = (mutationsList) => {\n            for (const mutation of mutationsList) {\n\n              if (mutation.type === 'attributes') {\n                if (mutation.target.getAttribute('data-invalid') === 'true') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n                if (mutation.target.getAttribute('data-invalid') === null || mutation.target.getAttribute('data-invalid') === 'false') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n              }\n            }\n          };\n          // MutationObserver \n          const observer = new MutationObserver(attributeChangedCallback);\n          const config = { attributes: true };\n          let allMatchingElements = [];\n\n          elements.forEach((element, index) => {\n            const matchingChildren = element.querySelectorAll('.formkit-outer');\n            allMatchingElements = allMatchingElements.concat(Array.from(matchingChildren));\n            observer.observe(allMatchingElements[index], config);\n          });\n        });\n      });\n    },\n    createDatasetID() {\n      const valueObject = this.formValues[this.getTitleStep];\n      if (!has(valueObject, 'datasetID') || isNil(valueObject['datasetID'])) {\n        // console.log('in if');\n        this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n      }\n      else {\n\n        if (this.createIDFromTitle.startsWith(valueObject.datasetID) || valueObject.datasetID.startsWith(this.createIDFromTitle)) {\n          // console.log('in else');\n          this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n        }\n      }\n    },\n    generateandTranslateSchema(property) {\n      for (let index = 0; index < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property].length; index++) {\n        this.createSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index], specification: this.$env.content.dataProviderInterface.specification });\n        this.translateSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index] });\n      }\n    },\n\n  },\n  created() {\n\n\n\n    // Needs to be reworked\n    if (this.$route.query.edit === 'false') {\n      this.clearAll();\n      // localStorage.clear();\n    }\n\n    // create schema for datasets or catalogues\n    this.generateandTranslateSchema(this.property);\n\n    // for datasets also create schema for distributions\n    if (this.property === 'datasets') {\n      this.generateandTranslateSchema('distributions');\n    }\n  },\n  mounted() {\n    this.initInputPage();\n  },\n  watch: {\n    activeStep: {\n      handler() {\n        this.scrollToTop();\n      },\n    },\n    getFirstTitleFromForm: {\n      handler() {\n        if (localStorage.getItem('dpi_editmode') === 'false') {\n          this.setIsDraft(false)\n          this.setIsEditMode(false)\n        }\n        // only create id from title if the user is not editing an existing dataset with an existing datasetID\n        if (!this.getIsEditMode) {\n          this.createDatasetID();\n        }\n      },\n    },\n    // the schema is a computed value which gets computed only once so on language change this value must be re-computed\n    '$i18n.locale': {\n      handler() {\n        this.generateandTranslateSchema(this.property);\n        if (this.property === 'datasets') this.generateandTranslateSchema('distributions');\n      }\n    },\n  },\n  beforeRouteEnter(to, from, next) {\n    // Always clear storage when entering DPI\n    next(vm => {\n      if (from.name && !from.name.startsWith('DataProviderInterface')) {\n        vm.clearAll();\n      }\n    });\n  },\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({ OverviewPage })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      scrollToTop,\n      library,\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.standardButtonDPI {\n  background-color: #fff;\n  color: #000;\n  border-radius: 0.3em;\n  font-size: 16px;\n  padding: 0.75em;\n  display: inline-flex;\n  align-items: center;\n  height: 50px;\n  border: 1px solid lightgray;\n  transition: all 100ms ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    transform: scale(98%);\n    background-color: #F4F4F4;\n    border-color: gray;\n    text-decoration: none;\n  }\n}\n\n:root {\n  --gray: #ccccd7;\n  --gray-l: #eeeef4;\n}\n\n.formkit-form {\n  max-width: 500px;\n  flex-shrink: 0;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  background: #fff;\n  color: #000;\n  border: 1px solid var(--gray);\n  border-radius: 0.5em;\n  box-shadow: 0.25em 0.25em 1em 0 rgba(0, 0, 0, 0.1);\n}\n\n#app .source-content {\n  padding: 2em;\n  background: transparent;\n}\n\n.steps {\n  list-style-type: none;\n  margin: 0;\n  display: flex;\n  padding-left: 0;\n  background: var(--gray-l);\n  border-radius: 0.4em 0.4em 0 0;\n  overflow: hidden;\n  border-bottom: 1px solid var(--gray);\n}\n\n.step {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--gray-l);\n  border-right: 1px solid var(--gray);\n  color: gray;\n  flex-grow: 0;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.step:last-child {\n  box-shadow: 0.1em -0.1 0.1em 0 rgba(0, 0, 0, 0.33)\n}\n\n.step:hover {\n  cursor: pointer;\n}\n\n[data-step-active=\"true\"] {\n  color: black;\n  background: white !important;\n  border-bottom: none;\n  position: relative;\n}\n\n.step--errors,\n[data-step-valid=\"true\"]:after {\n  content: '✓';\n  background-color: #54A085;\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  height: 18px;\n  width: 18px;\n  border-radius: 50%;\n  z-index: 10;\n  display: flex;\n  font-size: 10px;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  color: white;\n}\n\n.step--errors {\n  background-color: #ff4949;\n  color: #fff;\n  z-index: 100;\n}\n\n.step-nav {\n  display: flex;\n  margin-top: 2em;\n  margin-bottom: 1em;\n  justify-content: space-between;\n}\n\n.form-body {\n  padding: 2em;\n}\n\n.next {\n  margin-left: auto;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n  padding: 0 2em 1em 2em;\n  display: flex;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-input {\n  margin-left: auto;\n  margin-right: 0;\n}\n\ndetails {\n  border: 1px solid var(--gray);\n  background: var(--gray-l);\n  border-radius: .15em;\n  padding: 1em;\n}\n\n.formkit-form>.formkit-messages {\n  padding: 0 2em 0em 2em;\n}\n\n.formkit-form>.formkit-messages:last-child {\n  padding: 0 2em 2em 2em;\n}\n\n[data-errors=\"true\"] .formkit-label {\n  color: #ff4949;\n}\n\n.formkit-wrapper {\n  max-width: 100%;\n}\n\nbutton:hover,\nsummary {\n  cursor: pointer\n}\n\n\n@media (max-width: 438px) {\n  h1 {\n    font-size: 1.15em;\n  }\n\n  #app .source-content {\n    padding: 0.5em;\n  }\n\n  .steps {\n    flex-direction: column;\n  }\n\n  .step {\n    border-bottom: 1px solid var(--gray);\n    border-right: none;\n  }\n\n  .step:last-child {\n    border-bottom: none;\n  }\n\n  .form-body {\n    padding: 1em;\n  }\n\n  .formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n    padding: 0 1em 1em 1em;\n    display: flex;\n  }\n\n  .formkit-form>.formkit-messages {\n    padding: 0 1em 0em 1em;\n  }\n\n  .formkit-form>.formkit-messages:last-child {\n    padding: 0 1em 1em 1em;\n  }\n}\n\n.repeatableWrap,\n.formkitCmpWrap {\n  margin: 2rem 0 !important\n}\n\n.isInvalidProperty {\n  background-color: #FFD9D9 !important;\n}\n\n.activeItem {\n  flex-grow: 1;\n\n  .seperatorHorizontalStepper {\n    height: 100%;\n  }\n}\n\nselect {\n\n  line-height: unset !important;\n}\n\n.form-container {\n  padding-top: 20px;\n  margin-top: 30px;\n  border: solid 1px #d5d5d5;\n  border-radius: 3px;\n  margin-bottom: 20px;\n}\n\n.inputContainer {\n  display: flex;\n}\n\n.formContainer {\n  width: 100% !important;\n}\n\n.distributionPage0 {\n  display: block;\n}\n\n.distributionPage1 {\n  display: none;\n}\n\n.distributionPage2 {\n  display: none;\n}\n\n.grid2r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.grid1r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.row1 {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.row2 {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.grow3 {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.column1 {\n  grid-column-start: 1;\n  grid-column-end: 2;\n}\n\n.column2 {\n  grid-column-start: 2;\n  grid-column-end: 3;\n}\n\n.columnboth {\n  grid-column-start: 1;\n  grid-column-end: 3;\n}\n\n.display-none {\n  display: none;\n}\n\n.activeSection {\n  >.formkitProperty {\n    >div {}\n  }\n}\n\n.formkitCmpWrap {\n  border-left: 1px solid lightgray;\n\n\n}\n\n.formkitProperty {\n\n  >h4 {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    cursor: pointer;\n    position: relative;\n    transition: all ease-in-out 200ms;\n\n    &:hover {\n\n      background-color: lightgray;\n\n      &:before {\n\n        rotate: -45deg;\n      }\n\n      &:after {\n\n        rotate: 45deg;\n      }\n    }\n\n    &:before {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 15px;\n      rotate: 45deg;\n    }\n\n    &:after {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 25px;\n      rotate: -45deg;\n    }\n  }\n\n  .formkitProperty {\n    h4 {\n      padding: 0;\n      background-color: unset !important;\n\n      &::before {\n        display: none !important;\n      }\n\n      &:after {\n        display: none !important;\n      }\n    }\n  }\n}\n\n.dpiChevUp {\n\n  &:before {\n\n    rotate: -45deg !important;\n  }\n\n  &:after {\n\n    rotate: 45deg !important;\n  }\n\n\n\n}\n</style>\n"],"names":["_sfc_main","defineComponent","str","match","InputPageStep","DistributionInputPage","PropertyChooser","Navigation","mapGetters","key","has","title","allValues","isNil","mapActions","h4Elements","h4Element","index","initialSchema","stepWithDates","el","existingValues","isEmpty","$","elements","attributeChangedCallback","mutationsList","mutation","observer","config","allMatchingElements","element","matchingChildren","valueObject","property","to","from","next","vm","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","scrollToTop","x","y","useWindowScroll","checkStepValidity","stepName","library","markRaw","OverviewPage","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_createElementVNode","_hoisted_12","_hoisted_14","_hoisted_16","_hoisted_21","_openBlock","_createElementBlock","_ctx","_hoisted_2","_createVNode","_component_FormKit","_cache","$event","_withModifiers","_withCtx","_Fragment","_renderList","step","_normalizeClass","_toDisplayString","_createTextVNode","_createCommentVNode","_hoisted_10","_hoisted_11","_hoisted_13","_component_InputPageStep","_hoisted_15","_hoisted_17","_hoisted_18","_hoisted_19","_createBlock","_component_FormKitSchema","_component_DistributionInputPage","_hoisted_20","_component_Navigation"],"mappings":"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"}

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

@@ -1,64 +1,64 @@
-import { getCurrentInstance as b, ref as w, computed as x, onMounted as I, openBlock as r, createElementBlock as s, createElementVNode as i, createTextVNode as o, Fragment as d, renderList as m, unref as c, createVNode as p, withCtx as f, toDisplayString as g, createCommentVNode as N } from "vue";
+import { getCurrentInstance as b, ref as D, computed as I, onMounted as N, openBlock as l, createElementBlock as r, createElementVNode as i, toDisplayString as n, createTextVNode as o, Fragment as m, renderList as p, unref as u, createVNode as f, withCtx as g, createCommentVNode as $ } from "vue";
 import { useStore as q } from "vuex";
 import h from "../../widgets/AppLink.vue.mjs";
-import D from "axios";
+import w from "axios";
 import { has as _, isNil as v } from "lodash-es";
 import "./UserCataloguesPage.vue2.mjs";
-const L = { class: "catOverview" }, V = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, j = /* @__PURE__ */ i("h1", { class: "small-headline" }, "My Catalogues", -1), E = /* @__PURE__ */ i("p", { class: "m-0" }, "Click the catalogues if you want to be redirected to the associated overview Page.", -1), P = { class: "catWrap" }, F = {
+const x = { class: "catOverview" }, L = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, V = { class: "small-headline" }, j = { class: "m-0" }, E = { class: "catWrap" }, M = {
   __name: "UserCataloguesPage",
   setup(U) {
-    let y = b().appContext.app.config.globalProperties.$env;
-    const C = q();
-    let t = w([]), u = x(() => C.getters["auth/getUserCatalogIds"]), k = async () => {
-      let a;
-      await D.get(y.api.baseUrl + "search?filter=catalogue&limit=1000").then((e) => a = e).catch((e) => {
+    let C = b().appContext.app.config.globalProperties.$env;
+    const y = q();
+    let a = D([]), d = I(() => y.getters["auth/getUserCatalogIds"]), k = async () => {
+      let t;
+      await w.get(C.api.baseUrl + "search?filter=catalogue&limit=1000").then((e) => t = e).catch((e) => {
         reject(e);
-      }), a.data.result.results.forEach((e) => {
-        _(e, "title") && !v(e.title) && _(e, "id") && !v(e.id) && t.value.push({ title: Object.values(e.title)[0], id: e.id });
-      }), t.value = t.value.filter((e) => u.value.includes(e.id)).map((e) => ({ id: e.id, name: e.title }));
+      }), t.data.result.results.forEach((e) => {
+        _(e, "title") && !v(e.title) && _(e, "id") && !v(e.id) && a.value.push({ title: Object.values(e.title)[0], id: e.id });
+      }), a.value = a.value.filter((e) => d.value.includes(e.id)).map((e) => ({ id: e.id, name: e.title }));
     };
-    return I(async () => {
+    return N(async () => {
       k();
-    }), (a, e) => (r(), s("div", L, [
-      i("div", V, [
-        j,
+    }), (t, e) => (l(), r("div", x, [
+      i("div", L, [
+        i("h1", V, n(t.$t("message.dataupload.info.userCatalogues")), 1),
         o(),
-        E,
+        i("p", j, n(t.$t("message.dataupload.info.userCatDescription")), 1),
         o(),
-        i("div", P, [
-          (r(!0), s(d, null, m(c(t), (l, n) => (r(), s("div", {
-            key: n,
+        i("div", E, [
+          (l(!0), r(m, null, p(u(a), (s, c) => (l(), r("div", {
+            key: c,
             class: "annifItems"
           }, [
-            p(h, {
-              to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: l.id } }
+            f(h, {
+              to: { name: "CatalogueDetails", query: { locale: t.$route.query.locale }, params: { ctlg_id: s.id } }
             }, {
-              default: f(() => [
-                o(g(l.name), 1)
+              default: g(() => [
+                o(n(s.name), 1)
               ]),
               _: 2
             }, 1032, ["to"])
           ]))), 128)),
           o(),
-          c(t).length === 0 ? (r(!0), s(d, { key: 0 }, m(c(u), (l, n) => (r(), s("div", {
-            key: n,
+          u(a).length === 0 ? (l(!0), r(m, { key: 0 }, p(u(d), (s, c) => (l(), r("div", {
+            key: c,
             class: "annifItems"
           }, [
-            p(h, {
-              to: { name: "CatalogueDetails", query: { locale: a.$route.query.locale }, params: { ctlg_id: l } }
+            f(h, {
+              to: { name: "CatalogueDetails", query: { locale: t.$route.query.locale }, params: { ctlg_id: s } }
             }, {
-              default: f(() => [
-                o(g(l), 1)
+              default: g(() => [
+                o(n(s), 1)
               ]),
               _: 2
             }, 1032, ["to"])
-          ]))), 128)) : N("", !0)
+          ]))), 128)) : $("", !0)
         ])
       ])
     ]));
   }
 };
 export {
-  F as default
+  M as default
 };
 //# sourceMappingURL=UserCataloguesPage.vue.mjs.map

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

@@ -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 { getCurrentInstance } from \"vue\";\nimport {\n  has,\n  isNil,\n} from 'lodash-es';\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}\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\">My Catalogues</h1>\n      <p class=\"m-0 \">Click the catalogues if you want to be redirected to the associated overview Page.</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\" 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</template>\n<style>\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</style>"],"names":["env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","has","isNil","item","onMounted"],"mappings":";;;;;;;;;AAWA,QAAIA,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,CAAC,MAAM;AACvC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGV,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDA,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAW,MAAQT,EAAc,MAAM,SAASS,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAR,EAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 { getCurrentInstance } from \"vue\";\nimport {\n  has,\n  isNil,\n} from 'lodash-es';\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}\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\" 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</template>\n<style>\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</style>"],"names":["env","getCurrentInstance","store","useStore","filteredCatalogs","ref","userCatIDList","computed","filterCatList","cache","axios","response","err","has","isNil","item","onMounted"],"mappings":";;;;;;;;;AAWA,QAAIA,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,CAAC,MAAM;AACvC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGV,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MACtJ,CAAG,GAEDA,EAAiB,QAAQA,EAAiB,MACvC,OAAO,CAAAW,MAAQT,EAAc,MAAM,SAASS,EAAK,EAAE,CAAC,EACpD,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAAA,IACpD;AACA,WAAAC,EAAU,YAAY;AACpB,MAAAR,EAAe;AAAA,IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}