@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,356 @@
+import { ref as v, computed as R, watch as C, onMounted as G, getCurrentInstance as J, onUnmounted as K, createElementBlock as k, openBlock as y, createElementVNode as a, createVNode as h, createCommentVNode as T, toDisplayString as r, unref as o, isRef as D, createBlock as Q, createTextVNode as B } from "vue";
+import { PhWarning as I, PhLightbulb as X, PhArrowSquareOut as Y } from "@phosphor-icons/vue";
+import { useEditModeInfo as Z } from "../composables/useDpiEditMode.js";
+import { useFormValues as ee } from "../composables/useDpiFormValues.js";
+import { getLicenses as te } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import F from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import le from "../HappyFlowComponents/ui/InputField.vue.js";
+/* empty css                 */
+import se from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regular" }, ne = {
+  key: 0,
+  class: "info-message"
+}, oe = {
+  key: 1,
+  class: "validation-error"
+}, de = { class: "copy-mini-regular" }, re = { class: "input-container" }, ue = {
+  key: 1,
+  class: "dpiV3_errormsgWrapper"
+}, ce = { class: "copy-mini-regular" }, pe = { class: "dpiV3_Content_InputPage" }, ve = { class: "dpiV3_Card_Tips" }, fe = { class: "dpiV3_Icon_Title" }, me = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, ge = { class: "dpiV3_CT-Content" }, he = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, _e = { class: "dpiV3_hvd_frame3846" }, be = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Ve = { class: "dpiV3_normal" }, ye = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, ze = { class: "dpiV3_normal" }, we = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Le = { class: "dpiV3_normal" }, ke = {
+  href: "https://oc.bydata.de/sharing/articles/licenses",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "dpiV3_link"
+}, Te = { class: "end_container" }, Ne = {
+  key: 0,
+  class: "form-error-message"
+}, Ae = {
+  __name: "DistLicense",
+  props: {
+    context: Object,
+    changeLicenseText: { type: String, default: "" },
+    changeLicenseDropdownText: { type: String, default: "" }
+  },
+  setup(M) {
+    const z = M, { isEditMode: $ } = Z(), { formValues: Be } = ee();
+    let N = v(!1), w = v([]), _ = v(""), b = v(null), u = v("");
+    const c = v(""), x = {
+      "freie Nutzung": [
+        "dl-zero-de/2.0",
+        "dl-by-de/2.0",
+        "cc-by/4.0",
+        "apache",
+        "bsd",
+        "cc-by",
+        "cc-by-de/3.0",
+        "cc-by-sa",
+        "cc-by-sa-de/3.0",
+        "cc-by-sa/4.0",
+        "ccpdm/1.0",
+        "cc-zero",
+        "dl-by-de/1.0",
+        "geonutz/20130319",
+        "geoNutz/20131001",
+        "gfdl",
+        "gpl/3.0",
+        "mozilla",
+        "odbl",
+        "odby",
+        "odcpddl",
+        "officialWork",
+        "other-open",
+        "other-opensource"
+      ],
+      "eingeschränkte Nutzung": [
+        // Note: These licenses don't appear in the current API response
+        // They may need to be added to the backend vocabulary
+        "cc-by-nc",
+        "cc-by-nc/3.0",
+        "cc-by-nc/4.0",
+        "cc-by-nd",
+        "cc-by-nd/3.0",
+        "cc-by-nd/4.0",
+        "dl-by-nc-de/1.0",
+        "other-closed",
+        "other-commercial",
+        "other-freeware"
+      ]
+    }, E = v([
+      { "@value": "freie Nutzung", label: "freie Nutzung" },
+      { "@value": "eingeschränkte Nutzung", label: "eingeschränkte Nutzung" }
+    ]);
+    let d = v({ 1: "unset", 2: "unset" });
+    const s = v([
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
+    ]), p = v({
+      2: {
+        show: !1,
+        message: "Namensnennungstext ist für diese Lizenz erforderlich"
+      }
+    });
+    $.value || z.context.node.input(s);
+    const m = R(() => {
+      if (!u.value)
+        return [];
+      const e = x[u.value] || [];
+      console.log("Selected license type:", u.value), console.log("Allowed licenses for this type:", e), console.log("All available license options:", w.value.map((l) => l["@value"]));
+      const t = w.value.filter(
+        (l) => e.includes(l["@value"])
+      );
+      return console.log("Filtered licenses:", t.map((l) => l["@value"])), t;
+    });
+    function O(e) {
+      u.value = e, _.value = "", c.value = "", N.value = !1, d.value[1] = "unset", d.value[2] = "unset", s.value[0].isValid = "unset", p.value[2].show = !1, s.value = s.value.map((t) => ({ ...t, "dcterms:license": "", uri: "", title: "", attribution: "" })), z.context.node.input(s.value);
+    }
+    function P(e, t, l) {
+      A(e, t, l);
+    }
+    function q(e) {
+      const t = typeof e == "object" && e.target ? e.target.value : e;
+      b.value && clearTimeout(b.value), U(t, "dcterms:license", 1), b.value = setTimeout(() => {
+        S(t, "dcterms:license", 1);
+      }, 800);
+    }
+    function U(e, t, l) {
+      c.value = "";
+      const i = m.value.find((n) => n["@value"] === e);
+      i ? A(e, t, l, i.uri) : e === "" ? (d.value[l] = !1, s.value[0].isValid = "unset", N.value = !1, p.value[2].show = !1, s.value = s.value.map((n) => t in n ? { ...n, [t]: "", uri: "", title: "" } : n), z.context.node.input(s.value)) : (d.value[l] = "unset", s.value[0].isValid = "unset");
+    }
+    function S(e, t, l) {
+      if (e === "") {
+        c.value = "";
+        return;
+      }
+      const i = m.value.find((n) => n["@value"] === e);
+      i ? A(e, t, l, i.uri) : (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[l] = !1, s.value[0].isValid = "unset");
+    }
+    function W(e) {
+      b.value && clearTimeout(b.value);
+      const t = e.target.value;
+      S(t, "dcterms:license", 1);
+    }
+    function j(e, t, l) {
+      var i;
+      s.value = s.value.map((n) => t in n ? { ...n, [t]: e } : n);
+      {
+        const n = ((i = s.value[0]) == null ? void 0 : i["dcterms:license"]) || "";
+        if (n !== "" && (n.includes("cc-by") || n.includes("dl-by-de"))) {
+          const g = e && e.trim() !== "";
+          p.value[2].show = !g, d.value[2] = g, d.value[1] === !0 && g ? s.value[0].isValid = !0 : s.value[0].isValid = "unset";
+        } else
+          p.value[2].show = !1, d.value[2] = "unset";
+      }
+      z.context.node.input(s.value);
+    }
+    function A(e, t, l, i) {
+      var g;
+      const n = e === "" || m.value.some((f) => f["@value"] === e);
+      let L = v();
+      if (m.value.some((f) => f["@value"] === e) && (L.value = m.value.find(
+        (f) => f["@value"] === e
+      ).label), !n && e !== "")
+        c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[l] = !1, s.value[0].isValid = "unset";
+      else {
+        c.value = "";
+        const f = e !== "" && (e.includes("cc-by") || e.includes("dl-by-de"));
+        if (N.value = f, e !== "") {
+          d.value[l] = !0;
+          const V = ((g = s.value[0]) == null ? void 0 : g.title) || "", H = !f || f && V.trim() !== "";
+          s.value[0].isValid = H ? !0 : "unset", f ? (p.value[2].show = V.trim() === "", d.value[2] = V.trim() !== "") : (p.value[2].show = !1, d.value[2] = "unset");
+        } else
+          d.value[l] = !1, s.value[0].isValid = "unset", p.value[2].show = !1;
+        s.value = s.value.map((V) => t in V ? { ...V, [t]: e, uri: i, title: L } : V);
+      }
+      z.context.node.input(s.value);
+    }
+    return C(_, (e) => {
+      var l;
+      let t = (l = m.value.find(
+        (i) => i["@value"] === e
+      )) == null ? void 0 : l.uri;
+      e !== void 0 && A(e, "dcterms:license", 1, t);
+    }), C(
+      () => s.value[0].isValid,
+      (e) => {
+        var t, l;
+        if (e === !1) {
+          const i = ((t = s.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
+          i === "" ? c.value = "Bitte wählen Sie eine Lizenz aus." : w.value.find(
+            (g) => g["@value"] === i
+          ) || (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste"), i !== "" && (i.includes("cc-by") || i.includes("dl-by-de")) && (((l = s.value[0]) == null ? void 0 : l.title) || "").trim() === "" && (p.value[2].show = !0);
+        }
+      }
+    ), G(async () => {
+      const t = J().appContext.app.config.globalProperties.$env;
+      try {
+        const l = await te(t.api.baseUrl);
+        w.value = l.map((i) => ({
+          "@value": i.value,
+          label: i.label,
+          uri: i.uri
+        })), w.value.sort((i, n) => i["@value"].localeCompare(n["@value"]));
+      } catch (l) {
+        console.error("Failed to load licenses", l);
+      }
+    }), K(() => {
+      b.value && clearTimeout(b.value);
+    }), (e, t) => (y(), k("div", ie, [
+      a("h4", null, r(e.$t("message.dataupload.datasets.dct:license.title")), 1),
+      a("div", ae, r(e.$t("message.dataupload.datasets.dct:license.description")), 1),
+      h(F, {
+        modelValue: o(u),
+        "onUpdate:modelValue": [
+          t[0] || (t[0] = (l) => D(u) ? u.value = l : u = l),
+          O
+        ],
+        "dropdown-width": "large",
+        type: "inputField",
+        "input-field-props": {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Art der Lizenz",
+          dropdown_dpiV3: !0,
+          placeholder: "Art der Lizenz wählen...",
+          inputFieldSize: "large",
+          modelValue: o(u),
+          defaultInput: !0,
+          showError: !1
+        },
+        data: E.value
+      }, null, 8, ["modelValue", "input-field-props", "data"]),
+      h(F, {
+        modelValue: o(_),
+        "onUpdate:modelValue": [
+          t[1] || (t[1] = (l) => D(_) ? _.value = l : _ = l),
+          t[2] || (t[2] = (l) => P(l, "dcterms:license", 1))
+        ],
+        "dropdown-width": "large",
+        type: "inputField",
+        "input-field-props": {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Lizenz",
+          dropdown_dpiV3: !0,
+          placeholder: o(u) ? "Lizenz wählen..." : "Bitte wählen Sie zuerst eine Art der Lizenz",
+          inputFieldSize: "large",
+          modelValue: o(_),
+          defaultInput: !0,
+          showError: c.value !== "" || s.value[0].isValid === "unset" && o(d)[1] === !1,
+          disabled: !o(u)
+        },
+        data: m.value,
+        onInput: q,
+        onBlur: W,
+        onDeleteButtonClicked: e.deleteModifiedField
+      }, null, 8, ["modelValue", "input-field-props", "data", "onDeleteButtonClicked"]),
+      o(u) && m.value.length === 0 ? (y(), k("div", ne, [
+        h(o(I), {
+          size: 16,
+          weight: "fill",
+          color: "#e67700"
+        }),
+        t[4] || (t[4] = a("span", { class: "copy-mini-regular" }, "Für diese Lizenzkategorie sind derzeit keine Lizenzen verfügbar.", -1))
+      ])) : T("", !0),
+      c.value ? (y(), k("div", oe, [
+        h(o(I), {
+          size: 16,
+          weight: "fill"
+        }),
+        a("span", de, r(c.value), 1)
+      ])) : T("", !0),
+      a("div", re, [
+        o(N) ? (y(), Q(le, {
+          key: 0,
+          "model-value": s.value[0].title,
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
+          ),
+          "show-end-icon": !1,
+          "onUpdate:modelValue": t[3] || (t[3] = (l) => j(l, "title")),
+          "default-input": !0,
+          "show-error": s.value[0].isValid == !1 && p.value[2].show,
+          onDeleteButtonClicked: e.deleteModifiedField
+        }, null, 8, ["model-value", "label", "show-error", "onDeleteButtonClicked"])) : T("", !0),
+        s.value[0].isValid == !1 && p.value[2].show ? (y(), k("div", ue, [
+          h(o(I), {
+            size: 16,
+            weight: "fill"
+          }),
+          a("span", ce, r(p.value[2].message), 1)
+        ])) : T("", !0)
+      ]),
+      a("div", pe, [
+        a("div", ve, [
+          a("div", fe, [
+            h(o(X), {
+              size: 32,
+              color: "#009fe3"
+            }),
+            a("div", me, r(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
+          ]),
+          a("div", ge, [
+            a("div", he, r(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
+            a("div", _e, [
+              a("div", be, [
+                B(r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName1"
+                )) + " ", 1),
+                a("span", Ve, r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName1_desc"
+                )), 1)
+              ]),
+              a("div", ye, [
+                B(r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName2"
+                )) + " ", 1),
+                a("span", ze, r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName2_desc"
+                )), 1)
+              ]),
+              a("div", we, [
+                B(r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName3"
+                )) + " ", 1),
+                a("span", Le, r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName3_desc"
+                )), 1)
+              ]),
+              a("a", ke, [
+                h(o(Y), { size: 24 }),
+                B(" " + r(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.linkToLicenses"
+                )), 1)
+              ])
+            ])
+          ])
+        ])
+      ]),
+      a("div", Te, [
+        t[6] || (t[6] = a("span", { class: "copy-large-regular" }, " Die Wahl der Lizenz spielt eine wichtige Rolle für den korrekten Umgang mit Ihrem Datensatz. ", -1)),
+        s.value.find((l) => l.isValid === !1) ? (y(), k("div", Ne, [
+          h(o(I), {
+            size: 16,
+            weight: "fill"
+          }),
+          t[5] || (t[5] = a("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+        ])) : T("", !0)
+      ])
+    ]));
+  }
+}, Oe = /* @__PURE__ */ se(Ae, [["__scopeId", "data-v-54de8039"]]);
+export {
+  Oe as default
+};