@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.61

package/dist/packages/dpi/src/data-provider-interface/components/TempResPage.vue.js

@@ -1,211 +1,291 @@
-import { ref as f, watch as B, createElementBlock as c, openBlock as u, normalizeClass as _, createCommentVNode as I, createElementVNode as h, toDisplayString as b, Fragment as N, renderList as j, unref as i, createVNode as D, withDirectives as O, vShow as $, createBlock as M } from "vue";
-import y from "../HappyFlowComponents/ui/InputField.vue.js";
-import H from "../HappyFlowComponents/ui/CheckboxV3.vue.js";
-import E from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import { useI18n as L } from "vue-i18n";
-import { getNode as p } from "@formkit/core";
+import { ref as f, watch as q, createElementBlock as c, openBlock as u, normalizeClass as z, createCommentVNode as I, createElementVNode as V, toDisplayString as w, Fragment as G, renderList as K, unref as r, createVNode as g, withDirectives as $, vShow as O, createBlock as F } from "vue";
+import _ from "../HappyFlowComponents/ui/InputField.vue.js";
+import Q from "../HappyFlowComponents/ui/CheckboxV3.vue.js";
+import M from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import { PhWarning as X } from "@phosphor-icons/vue";
+import { useI18n as Y } from "vue-i18n";
+import { getNode as A } from "@formkit/core";
+import { useFormValues as Z } from "../composables/useDpiFormValues.js";
+import { useEditModeInfo as L } from "../composables/useDpiEditMode.js";
 /* empty css                 */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const q = { key: 0 }, G = {
+import x from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const ee = { key: 0 }, te = {
   key: 1,
   class: "copy-large-regular"
-}, K = { key: 2 }, Q = { class: "dpiV3_label" }, X = { class: "dpiV3_firstRow" }, Y = { class: "dpiV3_firstRow_inner" }, Z = { class: "dpiV3_firstRow_inner" }, x = {
+}, ae = { key: 2 }, le = { class: "dpiV3_label" }, oe = {
   key: 0,
+  class: "dpiV3_firstRow"
+}, se = { class: "dpiV3_firstRow_inner" }, ne = { class: "dpiV3_firstRow_inner" }, de = {
+  key: 1,
   class: "validation-error"
-}, ee = { class: "dpiV3_secondRowTemporal" }, te = {
+}, re = { class: "copy-mini-regular" }, ue = { class: "dpiV3_secondRowTemporal" }, ie = {
   __name: "TempResPage",
   props: {
     context: Object,
     inRap: Boolean
   },
   setup(m) {
-    const { t: g } = L(), v = f([!1]), T = f([0]);
-    let a = f(), r = f([{ startDate: !1, endDate: !1, message: "" }]);
+    const { isEditMode: P } = L(), { formValues: l } = Z(), { t: h } = Y(), v = f([!1]), T = f([0]);
+    let t = f(), i = f([{ startDate: !1, endDate: !1, message: "" }]);
     f();
-    let R = f(g("message.dataupload.menu.reset"));
-    const d = m;
-    d.inRap ? (a.value = p("Covering").value[Object.keys(p("Covering").value)[1]][0]["dct:temporal"], v.value = a.value.map((e) => e.dataType === "dateTime"), T.value = new Array(a.value.length).fill(0)) : (a.value = [{ id: 0, "dcat:startDate": "", "dcat:endDate": "" }], T.value = [0]);
-    const n = f([
-      { isValid: !0, type: "dct:PeriodOfTime", "dct:temporal": [{ dataType: "date", "dcat:startDate": "", "dcat:endDate": "" }] }
+    let E = f(h("message.dataupload.menu.reset"));
+    const B = m;
+    P.value ? (l.value.Covering["dcat:temporalResolution"] !== void 0 ? t.value = l.value.Covering["dcat:temporalResolution"]["dct:temporal"] || [] : t.value = [
+      {
+        isValid: !0,
+        type: "dct:PeriodOfTime",
+        "dct:temporal": [
+          {
+            dataType: "date",
+            "dcat:startDate": "",
+            "dcat:endDate": ""
+          }
+        ]
+      }
+    ], v.value = t == null ? void 0 : t.value.map(
+      (e) => e.dataType === "dateTime"
+    ), T.value = new Array(t == null ? void 0 : t.value.length).fill(0)) : (t.value = [{ id: 0, "dcat:startDate": "", "dcat:endDate": "" }], T.value = [0]);
+    const R = f([
+      {
+        isValid: !0,
+        type: "dct:PeriodOfTime",
+        "dct:temporal": [
+          { dataType: "date", "dcat:startDate": "", "dcat:endDate": "" }
+        ]
+      }
     ]);
-    d.inRap || d.context.node.input([{ isValid: !0 }]);
-    const C = (e) => v.value[e] === !0;
-    B(() => g("message.dataupload.menu.reset"), (e) => {
-      R.value = e;
+    P.value || (t.value = [
+      {
+        dataType: "date",
+        "dcat:startDate": "",
+        "dcat:endDate": ""
+      }
+    ], l.value.Covering["dcat:temporalResolution"] = {
+      isValid: !0,
+      type: "dct:PeriodOfTime",
+      "dct:temporal": [
+        {
+          dataType: "date",
+          "dcat:startDate": "",
+          "dcat:endDate": ""
+        }
+      ]
     });
-    const z = () => {
-      const e = a.value.reduce((s, t) => Math.max(s, t.id || 0), 0);
-      a.value.push({ id: e + 1 }), R.value = g("message.dataupload.menu.delete"), J();
-    }, J = () => {
-      let e = n.value[0]["dct:temporal"];
-      e.push({ dataType: "date", "dcat:startDate": "", "dcat:endDate": "" }), n.value[0]["dct:temporal"] = e, v.value.push(!1), T.value.push(0), r.value.push({ startDate: !1, endDate: !1, message: "" }), d.context.node.input(n);
-    }, U = (e, s) => {
-      const t = e.target.checked;
-      v.value[s] = t, v.value[s] ? n.value[0]["dct:temporal"][s].dataType = "dateTime" : n.value[0]["dct:temporal"][s].dataType = "date";
-    }, F = (e) => {
-      const s = a.value[e]["dcat:startDate"], t = a.value[e]["dcat:endDate"];
-      r.value[e] = { startDate: !1, endDate: !1, message: "" };
-      let l = !0;
-      if (s && t) {
-        const V = new Date(s);
-        new Date(t) < V && (r.value[e] = {
-          startDate: !0,
-          endDate: !0,
-          message: "Enddatum muss nach dem Aktualisierungsdatum liegen"
-        }, l = !1);
+    const S = (e) => v.value[e] === !0;
+    q(
+      () => h("message.dataupload.menu.reset"),
+      (e) => {
+        E.value = e;
       }
-      return n.value[0].isValid = l, l;
-    }, k = (e, s, t, l) => {
-      t === "endTime" || t === "startTime" ? (t === "endTime" && (n.value[0]["dct:temporal"][s].endTime = e), t === "startTime" && (n.value[0]["dct:temporal"][s].startTime = e)) : n.value[0]["dct:temporal"][s][t] = e, F(s), d.inRap ? p("Covering").value[Object.keys(p("Covering").value)[1]] = n : d.context.node.input(n);
-    }, P = (e) => {
-      a.value[e] && (a.value[e]["dcat:startDate"] = "", a.value[e]["dcat:endDate"] = "", "dcat:startTime" in a.value[e] && (a.value[e]["dcat:startTime"] = ""), "dcat:endTime" in a.value[e] && (a.value[e]["dcat:endTime"] = ""), n.value[0]["dct:temporal"][e] = {
+    );
+    const J = () => {
+      var a;
+      const e = t.value.reduce(
+        (d, n) => Math.max(d, n.id || 0),
+        0
+      );
+      (a = l.value.Covering["dcat:temporalResolution"]) == null || a["dct:temporal"].push({ id: e + 1, dataType: "date" }), t.value.push({ id: e + 1, dataType: "date" }), E.value = h("message.dataupload.menu.delete"), U(), y(t.value.length - 1);
+    }, U = () => {
+      v.value.push(!1), T.value.push(0), i.value.push({ startDate: !1, endDate: !1, message: "" });
+    }, N = (e, a) => {
+      const d = e.target.checked;
+      v.value[a] = d, v.value[a] ? l.value.Covering["dcat:temporalResolution"]["dct:temporal"][a].dataType = "dateTime" : l.value.Covering["dcat:temporalResolution"]["dct:temporal"][a].dataType = "date", y(a);
+    }, y = (e) => {
+      const a = l.value.Covering["dcat:temporalResolution"]["dct:temporal"][e], d = a["dcat:startDate"], n = a["dcat:endDate"], o = a.startTime, C = a.endTime, b = a.dataType === "dateTime";
+      i.value[e] = { startDate: !1, endDate: !1, message: "" };
+      let p = !0;
+      if (d || n || o || C) {
+        const D = [];
+        if (d || D.push("Aktualisierungsdatum"), n || D.push("Enddatum"), b && (o || D.push("Startzeit"), C || D.push("Endzeit")), D.length > 0)
+          i.value[e] = {
+            startDate: !d,
+            endDate: !n,
+            message: `Bitte geben Sie eine ${D.join(" und eine ")} an.`
+          }, p = "unset";
+        else {
+          const W = new Date(d);
+          new Date(n) < W && (i.value[e] = {
+            startDate: !0,
+            endDate: !0,
+            message: "Enddatum muss nach dem Aktualisierungsdatum liegen."
+          }, p = "unset");
+        }
+      }
+      return R.value[0].isValid = p, l.value.Covering["dcat:temporalResolution"].isValid = p, p;
+    }, k = (e, a, d, n) => {
+      l.value.Covering["dcat:temporalResolution"] !== void 0 || (l.value.Covering["dcat:temporalResolution"] = {
+        isValid: !0,
+        type: "dct:PeriodOfTime",
+        "dct:temporal": [
+          {
+            dataType: "date",
+            "dcat:startDate": "",
+            "dcat:endDate": ""
+          }
+        ]
+      }), l.value.Covering["dcat:temporalResolution"]["dct:temporal"][a][d] = e, y(a);
+    }, H = (e) => {
+      t.value[e] && (t.value[e]["dcat:startDate"] = "", t.value[e]["dcat:endDate"] = "", "startTime" in t.value[e] && (t.value[e].startTime = ""), "endTime" in t.value[e] && (t.value[e].endTime = ""), R.value[0]["dct:temporal"][e] = {
         dataType: "date",
         "dcat:startDate": "",
         "dcat:endDate": ""
-      }, v.value[e] = !1, T.value[e]++, r.value[e] = { startDate: !1, endDate: !1, message: "" }, d.inRap ? p("Covering").value[Object.keys(p("Covering").value)[1]] = n : d.context.node.input(n));
-    }, A = (e) => {
-      const s = a.value[e].id;
-      a.value = a.value.filter((t) => t.id !== s), n.value[0]["dct:temporal"].splice(e, 1), v.value.splice(e, 1), T.value.splice(e, 1), r.value.splice(e, 1), d.inRap ? p("Covering").value[Object.keys(p("Covering").value)[1]] = n : d.context.node.input(n), a.value.length === 1 && (R.value = g("message.dataupload.menu.reset"));
+      }, v.value[e] = !1, T.value[e]++, i.value[e] = { startDate: !1, endDate: !1, message: "" }, B.inRap ? A("Covering").value[Object.keys(A("Covering").value)[1]] = R : (console.log(R), l.value.Covering["dcat:temporalResolution"] = R.value[0]), y(e), console.log(t));
+    }, j = (e) => {
+      l.value.Covering["dcat:temporalResolution"]["dct:temporal"].splice(e, 1), t.value.splice(e, 1), v.value.splice(e, 1), T.value.splice(e, 1), i.value.splice(e, 1), l.value.Covering["dcat:temporalResolution"]["dct:temporal"].length === 1 && (E.value = h("message.dataupload.menu.reset")), l.value.Covering["dcat:temporalResolution"]["dct:temporal"].forEach((a, d) => {
+        y(d);
+      });
     };
-    return (e, s) => (u(), c("div", {
-      class: _(["dpiV3InnerComponentWrap", { inRapModal: m.inRap }])
-    }, [
-      m.inRap ? I("", !0) : (u(), c("h4", q, b(e.$t("message.dataupload.datasets.dcat:temporalResolution.title")), 1)),
-      m.inRap ? I("", !0) : (u(), c("div", G, b(e.$t("message.dataupload.datasets.dcat:temporalResolution.description")), 1)),
-      m.inRap ? (u(), c("div", K, [
-        h("span", Q, b(e.$t("message.metadata.temporal")) + " (optional)", 1)
-      ])) : I("", !0),
-      (u(!0), c(N, null, j(i(a), (t, l) => {
-        var V, w, S;
-        return u(), c("div", {
-          class: _(["dpiV3AutoCompleteWrap", { marginRap: m.inRap && l + 1 < i(a).length }]),
-          key: t.id
-        }, [
-          h("div", X, [
-            h("div", Y, [
-              D(y, {
-                onInput: (o) => k(o.target.value, l, "dcat:startDate"),
-                defaultInput: !0,
-                addOnText: !1,
-                eraseable: !1,
-                datePicker: !0,
-                infoIcon: !1,
-                value: "TT/MM/JJJJ",
-                label: "Aktualisierungsdatum",
-                preIcon: !1,
-                inputFieldSize: "large",
-                initialHintText: !1,
-                showEndIcon: !1,
-                inputType: "date",
-                modelValue: t["dcat:startDate"],
-                "onUpdate:modelValue": (o) => t["dcat:startDate"] = o,
-                showError: (V = i(r)[l]) == null ? void 0 : V.startDate
-              }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showError"]),
-              O(D(y, {
-                onInput: (o) => k(o.target.value, l, "startTime"),
-                defaultInput: !0,
-                addOnText: !1,
-                eraseable: !1,
-                timePicker: !0,
-                inputType: "time",
-                infoIcon: !1,
-                value: "00:00",
-                label: !1,
-                preIcon: !1,
-                inputFieldSize: "large",
-                initialHintText: !1,
-                showEndIcon: !1,
-                modelValue: t["dcat:startTime"],
-                "onUpdate:modelValue": (o) => t["dcat:startTime"] = o
-              }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]), [
-                [$, C(l)]
-              ])
-            ]),
-            h("div", Z, [
-              D(y, {
-                onInput: (o) => k(o.target.value, l, "dcat:endDate"),
-                defaultInput: !0,
-                addOnText: !1,
-                eraseable: !1,
-                datePicker: !0,
-                infoIcon: !1,
-                value: "TT/MM/JJJJ",
-                label: "Enddatum",
-                preIcon: !1,
-                inputFieldSize: "large",
-                initialHintText: !1,
-                showEndIcon: !1,
-                inputType: "date",
-                modelValue: t["dcat:endDate"],
-                "onUpdate:modelValue": (o) => t["dcat:endDate"] = o,
-                showError: (w = i(r)[l]) == null ? void 0 : w.endDate
-              }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showError"]),
-              O(D(y, {
-                onInput: (o) => k(o.target.value, l, "endTime"),
-                defaultInput: !0,
-                addOnText: !1,
-                eraseable: !1,
-                timePicker: !0,
-                inputType: "time",
-                infoIcon: !1,
-                value: "00:00",
-                label: !1,
-                preIcon: !1,
-                inputFieldSize: "large",
-                initialHintText: !1,
-                showEndIcon: !1,
-                modelValue: t["dcat:endTime"],
-                "onUpdate:modelValue": (o) => t["dcat:endTime"] = o
-              }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]), [
-                [$, C(l)]
+    return (e, a) => {
+      var d;
+      return u(), c("div", {
+        class: z(["dpiV3InnerComponentWrap", { inRapModal: m.inRap }])
+      }, [
+        m.inRap ? I("", !0) : (u(), c("h4", ee, w(e.$t("message.dataupload.datasets.dcat:temporalResolution.title")), 1)),
+        m.inRap ? I("", !0) : (u(), c("div", te, w(e.$t("message.dataupload.datasets.dcat:temporalResolution.description")), 1)),
+        m.inRap ? (u(), c("div", ae, [
+          V("span", le, w(e.$t("message.metadata.temporal")) + " (optional)", 1)
+        ])) : I("", !0),
+        (u(!0), c(G, null, K(((d = r(l).Covering["dcat:temporalResolution"]) == null ? void 0 : d["dct:temporal"]) || r(t).value, (n, o) => {
+          var C, b, p;
+          return u(), c("div", {
+            class: z(["dpiV3AutoCompleteWrap", { marginRap: m.inRap && o + 1 < r(t).length }])
+          }, [
+            n != "" ? (u(), c("div", oe, [
+              V("div", se, [
+                g(_, {
+                  onInput: (s) => k(s.target.value, o, "dcat:startDate"),
+                  defaultInput: !0,
+                  addOnText: !1,
+                  eraseable: !1,
+                  datePicker: !0,
+                  infoIcon: !1,
+                  value: "TT/MM/JJJJ",
+                  label: "Von",
+                  preIcon: !1,
+                  inputFieldSize: "large",
+                  initialHintText: !1,
+                  showEndIcon: !1,
+                  inputType: "date",
+                  modelValue: n["dcat:startDate"],
+                  "onUpdate:modelValue": (s) => n["dcat:startDate"] = s,
+                  showError: ((C = r(i)[o]) == null ? void 0 : C.startDate) && r(l).Covering["dcat:temporalResolution"].isValid === !1
+                }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showError"]),
+                $(g(_, {
+                  onInput: (s) => k(s.target.value, o, "startTime"),
+                  defaultInput: !0,
+                  addOnText: !1,
+                  eraseable: !1,
+                  timePicker: !0,
+                  inputType: "time",
+                  infoIcon: !1,
+                  value: "00:00",
+                  label: !1,
+                  preIcon: !1,
+                  inputFieldSize: "large",
+                  initialHintText: !1,
+                  showEndIcon: !1,
+                  modelValue: n.startTime,
+                  "onUpdate:modelValue": (s) => n.startTime = s
+                }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]), [
+                  [O, S(o)]
+                ])
+              ]),
+              V("div", ne, [
+                g(_, {
+                  onInput: (s) => k(s.target.value, o, "dcat:endDate"),
+                  defaultInput: !0,
+                  addOnText: !1,
+                  eraseable: !1,
+                  datePicker: !0,
+                  infoIcon: !1,
+                  value: "TT/MM/JJJJ",
+                  label: "Bis",
+                  preIcon: !1,
+                  inputFieldSize: "large",
+                  initialHintText: !1,
+                  showEndIcon: !1,
+                  inputType: "date",
+                  modelValue: n["dcat:endDate"],
+                  "onUpdate:modelValue": (s) => n["dcat:endDate"] = s,
+                  showError: ((b = r(i)[o]) == null ? void 0 : b.endDate) && r(l).Covering["dcat:temporalResolution"].isValid === !1
+                }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showError"]),
+                $(g(_, {
+                  onInput: (s) => k(s.target.value, o, "endTime"),
+                  defaultInput: !0,
+                  addOnText: !1,
+                  eraseable: !1,
+                  timePicker: !0,
+                  inputType: "time",
+                  infoIcon: !1,
+                  value: "00:00",
+                  label: !1,
+                  preIcon: !1,
+                  inputFieldSize: "large",
+                  initialHintText: !1,
+                  showEndIcon: !1,
+                  modelValue: n.endTime,
+                  "onUpdate:modelValue": (s) => n.endTime = s
+                }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]), [
+                  [O, S(o)]
+                ])
               ])
+            ])) : I("", !0),
+            (p = r(i)[o]) != null && p.message && r(l).Covering["dcat:temporalResolution"].isValid === !1 ? (u(), c("div", de, [
+              g(r(X), {
+                size: 16,
+                weight: "fill"
+              }),
+              V("span", re, w(r(i)[o].message), 1)
+            ])) : I("", !0),
+            V("div", ue, [
+              (u(), c("div", {
+                key: `checkbox-${o}-${T.value[o]}`
+              }, [
+                g(Q, {
+                  type: "checkbox",
+                  state: S(o) ? "checked" : "",
+                  text: {
+                    label: e.$t(
+                      "message.dataupload.datasets.dcat:temporalResolution.input.checkbox.label"
+                    )
+                  },
+                  data: [],
+                  onChange: (s) => N(s, o)
+                }, null, 8, ["state", "text", "onChange"])
+              ])),
+              r(t).length > 1 ? (u(), F(M, {
+                key: 0,
+                buttonText: r(h)("message.dataupload.menu.delete"),
+                size: "small",
+                iconStart: "trash",
+                variant: "tertiary",
+                onClick: (s) => j(o)
+              }, null, 8, ["buttonText", "onClick"])) : (u(), F(M, {
+                key: 1,
+                buttonText: r(h)("message.dataupload.menu.reset"),
+                size: "small",
+                iconStart: "reset",
+                variant: "tertiary",
+                onClick: (s) => H(o)
+              }, null, 8, ["buttonText", "onClick"]))
             ])
-          ]),
-          (S = i(r)[l]) != null && S.message ? (u(), c("div", x, b(i(r)[l].message), 1)) : I("", !0),
-          h("div", ee, [
-            (u(), c("div", {
-              key: `checkbox-${l}-${T.value[l]}`
-            }, [
-              D(H, {
-                type: "checkbox",
-                state: C(l) ? "checked" : "",
-                text: { label: e.$t("message.dataupload.datasets.dcat:temporalResolution.input.checkbox.label") },
-                data: [],
-                onChange: (o) => U(o, l)
-              }, null, 8, ["state", "text", "onChange"])
-            ])),
-            i(a).length > 1 ? (u(), M(E, {
-              key: 0,
-              buttonText: i(g)("message.dataupload.menu.delete"),
-              size: "small",
-              iconStart: "trash",
-              variant: "tertiary",
-              onClick: (o) => A(l)
-            }, null, 8, ["buttonText", "onClick"])) : (u(), M(E, {
-              key: 1,
-              buttonText: i(g)("message.dataupload.menu.reset"),
-              size: "small",
-              iconStart: "reset",
-              variant: "tertiary",
-              onClick: (o) => P(l)
-            }, null, 8, ["buttonText", "onClick"]))
-          ])
-        ], 2);
-      }), 128)),
-      h("div", {
-        class: _(["dpiV3_tempAddMore", { inRapAddMore: m.inRap }])
-      }, [
-        D(E, {
-          buttonText: e.$t("message.dataupload.datasets.dcat:temporalResolution.addMore"),
-          size: "medium",
-          iconStart: "plus",
-          variant: "tertiary",
-          onClick: s[0] || (s[0] = (t) => z())
-        }, null, 8, ["buttonText"])
-      ], 2)
-    ], 2));
+          ], 2);
+        }), 256)),
+        V("div", {
+          class: z(["dpiV3_tempAddMore", { inRapAddMore: m.inRap }])
+        }, [
+          g(M, {
+            buttonText: e.$t("message.dataupload.datasets.dcat:temporalResolution.addMore"),
+            size: "medium",
+            iconStart: "plus",
+            variant: "tertiary",
+            onClick: a[0] || (a[0] = (n) => J())
+          }, null, 8, ["buttonText"])
+        ], 2)
+      ], 2);
+    };
   }
-}, ie = /* @__PURE__ */ W(te, [["__scopeId", "data-v-7b582f0d"]]);
+}, Ce = /* @__PURE__ */ x(ie, [["__scopeId", "data-v-482e07e5"]]);
 export {
-  ie as default
+  Ce as default
 };