@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.5

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue2.js

@@ -0,0 +1,149 @@
+import { defineComponent as B, ref as H, computed as p, toRef as A, createBlock as l, openBlock as a, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as u, isRef as I, Fragment as C, renderList as M, createCommentVNode as b, createTextVNode as d, toDisplayString as S } from "vue";
+import { FormKit as g } from "@formkit/vue";
+import { schemaDataset as N } from "@piveau/sdk-core";
+import { defineHubSearch as $, dcatApDataset as G } from "@piveau/sdk-vue";
+import O from "../../../components/StepActionsSection.vue.js";
+import T from "../ActionCard.vue.js";
+import E from "../Card.vue.js";
+import _ from "../SummaryBox.vue.js";
+import P from "./DatasetForm.vue.js";
+import U from "./ProcessStepBase.vue.js";
+/* empty css                     */
+import { useProcessStepResources as F, ensureHasOneResource as L } from "./utils.js";
+const K = {
+  key: 0,
+  class: "software-step__card-list--empty"
+}, W = {
+  key: 1,
+  class: "software-step__card-list"
+}, j = { class: "step-section step-section--lg" }, q = { class: "" }, le = /* @__PURE__ */ B({
+  __name: "DatasetStep",
+  props: {
+    stepGroup: {},
+    edit: { type: Boolean }
+  },
+  setup(k) {
+    const y = k, s = H([]), { useResources: x } = $({
+      baseUrl: "https://twin.bydata.de/api/hub/search",
+      index: "dataset",
+      indexDetails: "datasets",
+      schema: N
+    }, (n, e) => {
+      const { setup: r } = G({});
+      return r(n, {
+        ...e,
+        currentLocale: "de"
+      });
+    }), D = x(p(() => s.value.map((n) => ({
+      resourceId: n.id
+    })))), z = p(() => D.value.every((n) => n.isSuccess)), h = p(() => z.value ? D.value.map((n) => {
+      const e = n.resultEnhanced, r = e == null ? void 0 : e.getPublisher, t = e == null ? void 0 : e.getModified, m = `${r == null ? void 0 : r.name}, ${t}`;
+      return {
+        // The ones that come from API
+        id: e == null ? void 0 : e.getId,
+        name: (e == null ? void 0 : e.getTitle) || "",
+        description: (e == null ? void 0 : e.getDescription) || "",
+        manufacturer: m
+      };
+    }) : []);
+    function w(n) {
+      return s.value.findIndex((e) => e.id === n);
+    }
+    function V(n) {
+      const e = w(n);
+      e !== -1 && s.value.splice(e, 1);
+    }
+    function R(n) {
+      s.value.push(n);
+    }
+    const { model: c } = F(y.stepGroup || "", A(y.edit));
+    return (n, e) => (a(), l(U, {
+      title: "Geben Sie Informationen zur verwendeten Hardware an",
+      subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken."
+    }, {
+      default: i(({ confirm: r }) => [
+        o(u(g), {
+          modelValue: u(c),
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => I(c) ? c.value = t : null),
+          type: "group",
+          "aria-hidden": "",
+          "validation-rules": { ensureHasOneResource: u(L) },
+          validation: "+ensureHasOneResource",
+          "validation-visibility": "live",
+          "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
+        }, null, 8, ["modelValue", "validation-rules"]),
+        o(u(g), {
+          modelValue: s.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => s.value = t),
+          name: "selected",
+          type: "list",
+          hidden: "",
+          "aria-hidden": ""
+        }, null, 8, ["modelValue"]),
+        h.value.length ? (a(), f("section", W, [
+          (a(!0), f(C, null, M(h.value, (t, m) => (a(), l(T, {
+            key: m,
+            class: "software-card",
+            "no-edit": !0,
+            onDelete: (J) => r({ id: t.id || "", resourceType: "Software", resource: t.name, callback: V })
+          }, {
+            "standalone-name": i(() => e[3] || (e[3] = [
+              d(" Datensatz ", -1)
+            ])),
+            default: i(() => [
+              v("div", j, [
+                o(_, { title: "Name" }, {
+                  default: i(() => [
+                    d(S(t.name), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                t.manufacturer ? (a(), l(_, {
+                  key: 0,
+                  title: "Datenbereitsteller, Aktualisiert"
+                }, {
+                  default: i(() => [
+                    d(S(t.manufacturer), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : b("", !0),
+                t.description ? (a(), l(_, {
+                  key: 1,
+                  title: "Beschreibung"
+                }, {
+                  default: i(() => [
+                    d(S(t.description), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : b("", !0)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128))
+        ])) : (a(), f("section", K, [
+          o(E, {
+            small: "",
+            class: "empty-card"
+          }, {
+            default: i(() => e[2] || (e[2] = [
+              v("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
+            ])),
+            _: 1,
+            __: [2]
+          })
+        ])),
+        o(P, {
+          exclude: s.value.map((t) => t.id),
+          onSubmit: R
+        }, null, 8, ["exclude"]),
+        v("section", q, [
+          o(O)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  le as default
+};

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue.js

@@ -0,0 +1,7 @@
+import o from "./HardwareForm.vue2.js";
+/* empty css                  */
+import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7163c04a"]]);
+export {
+  p as default
+};