@piveau/dpi 0.2.0-alpha.13 → 0.2.0-alpha.15

package/dist/packages/dpi/src/data-provider-interface/DataProviderInterface.vue2.js

@@ -1,25 +1,25 @@
-import { whenever as V } from "@vueuse/core";
-import { defineComponent as q, defineAsyncComponent as D, toRef as _, computed as i, toValue as B, provide as j, watchEffect as v, ref as u, nextTick as w } from "vue";
-import { useRoute as O } from "vue-router";
-import { mapActions as S, mapGetters as z, useStore as F } from "vuex";
-import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
-import J from "./components/TheErrorDialog.vue.js";
-import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
-import { setupDpiContext as H } from "./composables/useDpiContext.js";
-import { useDpiEditMode as Q } from "./composables/useDpiEditMode.js";
-import { useFormValues as U } from "./composables/useDpiFormValues.js";
-import { useErrorDialog as W } from "./composables/useErrorDialog.js";
-import { config as X } from "./config/dpi-spec-config.js";
-import Y from "./HappyFlowComponents/ui/ButtonV3.vue.js";
-import Z from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
-const fe = q({
+import { whenever as j } from "@vueuse/core";
+import { defineComponent as q, defineAsyncComponent as D, toRef as _, computed as i, toValue as B, provide as O, watchEffect as v, ref as c, nextTick as w } from "vue";
+import { useRoute as z } from "vue-router";
+import { mapActions as I, mapGetters as F, useStore as T } from "vuex";
+import { useRuntimeEnv as J } from "../composables/useRuntimeEnv.js";
+import G from "./components/TheErrorDialog.vue.js";
+import { autocompleteKey as K, defaultAutocompleteAdapter as H } from "./composables/aucotomplete.js";
+import { setupDpiContext as Q } from "./composables/useDpiContext.js";
+import { useDpiEditMode as U } from "./composables/useDpiEditMode.js";
+import { useFormValues as W } from "./composables/useDpiFormValues.js";
+import { useErrorDialog as X } from "./composables/useErrorDialog.js";
+import { config as Y } from "./config/dpi-spec-config.js";
+import Z from "./HappyFlowComponents/ui/ButtonV3.vue.js";
+import ee from "./HappyFlowComponents/ui/DpiModalBase.vue.js";
+const ve = q({
   name: "DataProviderInterface",
   components: {
-    ButtonV3: Y,
+    ButtonV3: Z,
     InputPage: D(() => import("./views/InputPage.vue.js")),
     InputPageProject: D(() => import("./views/InputPageProject.vue.js")),
-    DpiModalBase: Z,
-    TheErrorDialog: J
+    DpiModalBase: ee,
+    TheErrorDialog: G
   },
   props: {
     name: {
@@ -54,7 +54,7 @@ const fe = q({
     };
   },
   computed: {
-    ...z("auth", [
+    ...F("auth", [
       "getIsEditMode"
     ]),
     mode() {
@@ -62,10 +62,10 @@ const fe = q({
     }
   },
   methods: {
-    ...S("dpiStore", [
+    ...I("dpiStore", [
       "saveLocalstorageValues"
     ]),
-    ...S("auth", [
+    ...I("auth", [
       "populateDraftAndEdit"
     ]),
     getClearPath() {
@@ -89,10 +89,10 @@ const fe = q({
     window.removeEventListener("scroll", this.handleScroll);
   },
   setup(o) {
-    const e = O(), r = F(), c = T(), h = c.content.dataProviderInterface.specification, b = X[h], I = _(o, "dpiContext"), { formValues: g } = U(), { openErrorDialog: y } = W(), t = i(() => {
-      const a = B(I);
+    const e = z(), r = T(), p = J(), h = p.content.dataProviderInterface.specification, S = Y[h], b = _(o, "dpiContext"), { formValues: g } = W(), { openErrorDialog: y } = X(), t = i(() => {
+      const a = B(b);
       return {
-        specification: b,
+        specification: S,
         specificationName: h,
         edit: {
           enabled: e.query.edit === "true",
@@ -103,48 +103,49 @@ const fe = q({
         ...a
       };
     }), A = i(() => t.value.specification), E = i(() => t.value.specificationName);
-    H(t);
-    const C = K({
-      envs: c,
+    Q(t);
+    const C = H({
+      envs: p,
       dpiContext: t
     });
-    j(G, o.autocomplete || C.adapter), v(() => {
+    O(K, o.autocomplete || C.adapter), v(() => {
       r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
     });
-    const x = i(() => `${e.query.key}@${E.value}`), { isReady: p, result: m, inEditModeAndRptAvailable: $, parsingErrors: s, fetchError: n, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: P } = Q(t), f = u(!1);
+    const P = i(() => `${e.query.key}@${E.value}`), x = e.name === "DataProviderInterface-InputProject", { isReady: s, result: m, inEditModeAndRptAvailable: $, parsingErrors: n, fetchError: d, isSimpleLoaderReady: R, isMaterialized: L, isLoading: M, jsonld: k } = U(t, x), f = c(!1);
     v(async () => {
-      f.value || $.value && p.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
+      f.value || $.value && s.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
     });
-    const k = i(() => {
+    const N = i(() => {
       var a;
-      return (a = t.value.edit) != null && a.enabled ? p.value && f.value : p.value;
-    }), d = u(!1), l = u(null), N = u(!0);
+      return (a = t.value.edit) != null && a.enabled ? s.value && f.value : s.value;
+    }), l = c(!1), u = c(null), V = c(!0);
     return v(() => {
-      s.value && s.value.length > 0 ? (l.value = s.value[0], d.value = !0, y(new Error(s.value[0].message))) : (d.value = !1, l.value = null);
-    }), V(n, () => {
+      n.value && n.value.length > 0 ? (u.value = n.value[0], l.value = !0, y(new Error(n.value[0].message))) : (l.value = !1, u.value = null);
+    }), j(d, () => {
       var a;
-      l.value = {
+      u.value = {
         code: "fetch_failed",
-        message: JSON.stringify(n.value, null, 2) || "Failed to fetch data"
-      }, d.value = !0, y(new Error(JSON.stringify(n.value, null, 2) || "Failed to fetch data"), `Der Datensatz '${(a = e.query) == null ? void 0 : a.id}' scheint nicht verfügbar zu sein.`);
+        message: JSON.stringify(d.value, null, 2) || "Failed to fetch data"
+      }, l.value = !0, y(new Error(JSON.stringify(d.value, null, 2) || "Failed to fetch data"), `Der Datensatz '${(a = e.query) == null ? void 0 : a.id}' scheint nicht verfügbar zu sein.`);
     }, { immediate: !0 }), {
       result: m,
       resolvedDpiContext: t,
-      key: x,
-      isReady: k,
+      key: P,
+      isReady: N,
       formValues: g,
-      showErrorModal: d,
-      currentError: l,
-      isDevelopment: N,
-      fetchError: n,
+      showErrorModal: l,
+      currentError: u,
+      isDevelopment: V,
+      fetchError: d,
       isSimpleLoaderReady: R,
       isMaterialized: L,
       isLoading: M,
-      jsonld: P,
-      inEditModeAndRptAvailable: $
+      jsonld: k,
+      inEditModeAndRptAvailable: $,
+      isEditReady: s
     };
   }
 });
 export {
-  fe as default
+  ve as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/AboutProject.vue.js

@@ -1,37 +1,37 @@
-import { createElementBlock as a, openBlock as e, createElementVNode as t, toDisplayString as c, Fragment as l, renderList as p, createCommentVNode as n, createBlock as u, unref as d, withCtx as y, createVNode as m } from "vue";
-import { RouterLink as _ } from "vue-router";
-import h from "./img/DataProcessingSteps.svg.js";
-import j from "./ui/ButtonV3.vue.js";
+import { createElementBlock as s, openBlock as e, createElementVNode as t, toDisplayString as c, Fragment as l, renderList as n, createCommentVNode as p, createBlock as u, resolveDynamicComponent as h, mergeProps as j, withCtx as d, createVNode as m, unref as b } from "vue";
+import { useRouter as x, RouterLink as g } from "vue-router";
+import F from "./img/DataProcessingSteps.svg.js";
+import y from "./ui/ButtonV3.vue.js";
 /* empty css                  */
-import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const F = { class: "about-project" }, f = { class: "about-project-header" }, v = { class: "about-project-title" }, P = { class: "copy-small-regular about-project-description" }, k = { class: "about-project-steps" }, w = { class: "about-project-step-header" }, x = { class: "circle" }, S = ["src"], D = { class: "about-project-step" }, $ = { class: "copy-small-regular" }, I = ["src"], B = {
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "about-project" }, w = { class: "about-project-header" }, P = { class: "about-project-title" }, D = { class: "copy-small-regular about-project-description" }, I = { class: "about-project-steps" }, S = { class: "about-project-step-header" }, C = { class: "circle" }, $ = ["src"], R = { class: "about-project-step" }, V = { class: "copy-small-regular" }, B = ["src"], L = {
   key: 0,
   class: "about-project-step-buttons"
-}, C = { class: "new-project" }, N = {
+}, N = { class: "new-project" }, A = {
   __name: "AboutProject",
-  setup(R) {
-    const b = [
+  setup(q) {
+    const _ = x(), f = [
       {
         text: "projectFacility.projectDocumentationProcessStepsResources",
-        image: h,
+        image: F,
         buttons: null
       },
       {
         text: "projectFacility.searchProjectResourcesStep3",
         image: null,
         buttons: [
-          { title: "projectFacility.searchSoftware", type: "secondary", url: "/" },
-          { title: "projectFacility.searchRecords", type: "secondary", url: "/" },
-          { title: "projectFacility.findHardware", type: "secondary", url: "/" }
+          { title: "projectFacility.searchSoftware", type: "secondary", attrs: { href: "https://twin.bydata.de/softwares", target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.searchRecords", type: "secondary", attrs: { href: "https://twin.bydata.de/datasets", target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.findHardware", type: "secondary", attrs: { href: "https://twin.bydata.de/hardwares", target: "_blank", rel: "noopener noreferrer" } }
         ]
       },
       {
         text: "projectFacility.requestInclusionOrCreateDataset",
         image: null,
         buttons: [
-          { title: "projectFacility.applyForSoftware", type: "primary", url: "/" },
-          { title: "projectFacility.createDatasets", type: "primary", url: "/" },
-          { title: "projectFacility.applyForHardware", type: "primary", url: "/" }
+          { title: "projectFacility.applyForSoftware", type: "primary", attrs: { href: "https://form.typeform.com/to/r9b1mAZL#token=xxxxx&account=xxxxx", target: "_blank", rel: "noopener noreferrer" } },
+          { title: "projectFacility.createDatasets", type: "primary", attrs: { onClick: () => _.push({ name: "DataProviderInterface-Input", params: { property: "datasets" } }) } },
+          { title: "projectFacility.applyForHardware", type: "primary", attrs: { href: "https://form.typeform.com/to/ayL37uiV#token=xxxxx&account=xxxxx", target: "_blank", rel: "noopener noreferrer" } }
         ]
       },
       {
@@ -40,55 +40,53 @@ const F = { class: "about-project" }, f = { class: "about-project-header" }, v =
         buttons: null
       }
     ];
-    return (r, V) => (e(), a("div", F, [
-      t("div", f, [
-        t("h4", v, c(r.$t("projectFacility.projectFacilityTitle")), 1),
-        t("p", P, c(r.$t("projectFacility.projectFacilitySubtitle")), 1)
+    return (o, z) => (e(), s("div", v, [
+      t("div", w, [
+        t("h4", P, c(o.$t("projectFacility.projectFacilityTitle")), 1),
+        t("p", D, c(o.$t("projectFacility.projectFacilitySubtitle")), 1)
       ]),
-      t("div", k, [
-        (e(), a(l, null, p(b, (o, i) => t("div", {
+      t("div", I, [
+        (e(), s(l, null, n(f, (a, i) => t("div", {
           key: i,
           class: "about-project-step-heading"
         }, [
-          t("div", w, [
-            t("div", x, [
+          t("div", S, [
+            t("div", C, [
               t("img", {
                 src: `/src/assets/icon/selected${i + 1}.svg`,
                 alt: ""
-              }, null, 8, S)
+              }, null, 8, $)
             ]),
-            t("div", D, [
-              t("p", $, c(r.$t(o.text)), 1),
-              o.image ? (e(), a("img", {
+            t("div", R, [
+              t("p", V, c(o.$t(a.text)), 1),
+              a.image ? (e(), s("img", {
                 key: 0,
-                src: o.image,
+                src: a.image,
                 alt: ""
-              }, null, 8, I)) : n("", !0)
+              }, null, 8, B)) : p("", !0)
             ])
           ]),
-          o.buttons ? (e(), a("div", B, [
-            (e(!0), a(l, null, p(o.buttons, (s) => (e(), u(d(_), {
-              to: s.url
-            }, {
-              default: y(() => [
-                (e(), u(j, {
-                  key: s.title,
-                  "button-text": r.$t(s.title),
-                  variant: s.type,
+          a.buttons ? (e(), s("div", L, [
+            (e(!0), s(l, null, n(a.buttons, (r) => (e(), u(h(r.attrs.href ? "a" : r.attrs.to ? "router-link" : "div"), j({ ref_for: !0 }, r.attrs), {
+              default: d(() => [
+                (e(), u(y, {
+                  key: r.title,
+                  "button-text": o.$t(r.title),
+                  variant: r.type,
                   size: "small"
                 }, null, 8, ["button-text", "variant"]))
               ]),
               _: 2
-            }, 1032, ["to"]))), 256))
-          ])) : n("", !0)
+            }, 1040))), 256))
+          ])) : p("", !0)
         ])), 64))
       ]),
-      t("div", C, [
-        m(d(_), { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-          default: y(() => [
-            m(j, {
+      t("div", N, [
+        m(b(g), { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+          default: d(() => [
+            m(y, {
               size: "large",
-              "button-text": r.$t("projectFacility.createNewProject")
+              "button-text": o.$t("projectFacility.createNewProject")
             }, null, 8, ["button-text"])
           ]),
           _: 1
@@ -96,7 +94,7 @@ const F = { class: "about-project" }, f = { class: "about-project-header" }, v =
       ])
     ]));
   }
-}, O = /* @__PURE__ */ g(N, [["__scopeId", "data-v-a7be0b11"]]);
+}, J = /* @__PURE__ */ k(A, [["__scopeId", "data-v-913c644d"]]);
 export {
-  O as default
+  J as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/DPIHome.vue.js

@@ -1,55 +1,72 @@
-import { ref as c, createElementBlock as d, openBlock as n, Fragment as g, createElementVNode as t, createBlock as r, createCommentVNode as s, toDisplayString as l, normalizeClass as p } from "vue";
-import f from "./AboutProject.vue.js";
-import h from "./HomeTable.vue.js";
-import k from "./ProjectTable.vue.js";
-import v from "./Organisation.vue.js";
+import { ref as v, createElementBlock as y, openBlock as n, Fragment as b, createElementVNode as t, createBlock as r, createCommentVNode as l, createVNode as j, toDisplayString as s, normalizeClass as f, withCtx as w, renderSlot as I, createTextVNode as P } from "vue";
+import { useRuntimeEnv as S } from "../../composables/useRuntimeEnv.js";
+import _ from "../components/TheErrorDialog.vue.js";
+import { useTwinbyUser as D } from "../composables/useTwinbyUser.js";
+import C from "./AboutProject.vue.js";
+import F from "./HomeTable.vue.js";
+import H from "./Organisation.vue.js";
+import V from "./ProjectTable.vue.js";
 /* empty css             */
-import j from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "dpi_home" }, y = { class: "copy-small-regular dpi_home-subtitle" }, I = { class: "header_sections" }, w = {
+import $ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "dpi_home" }, z = { class: "copy-small-regular dpi_home-subtitle" }, B = { class: "header_sections" }, N = {
   __name: "DPIHome",
-  setup(P) {
-    const m = {
+  setup(x) {
+    var p, u, c, d;
+    const a = S(), g = {
       dpi: "Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen.",
       project: 'Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen. Bevor Sie Ihr erstes Projekt anlegen, empfehlen wir Ihnen, die Hinweise unter "Über die Projektanlage" sorgfältig zu lesen. Ihre bereits angelegten Projekte und Datensätze finden Sie unter "DPI Home".'
-    }, o = c("project");
-    function a(i) {
+    }, o = v("project");
+    function m(i) {
       o.value = i;
     }
-    return (i, e) => (n(), d(g, null, [
-      e[3] || (e[3] = t("link", {
+    const { startFetchPermissions: k } = D({
+      keycloak: ((u = (p = a.authentication) == null ? void 0 : p.keycloak) == null ? void 0 : u.url) || "https://keycloak.twin.bydata.de",
+      realm: ((d = (c = a.authentication) == null ? void 0 : c.keycloak) == null ? void 0 : d.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    });
+    return k(), (i, e) => (n(), y(b, null, [
+      e[4] || (e[4] = t("link", {
         rel: "preconnect",
         href: "https://fonts.googleapis.com"
       }, null, -1)),
-      e[4] || (e[4] = t("link", {
+      e[5] || (e[5] = t("link", {
         rel: "preconnect",
         href: "https://fonts.gstatic.com",
         crossorigin: ""
       }, null, -1)),
-      e[5] || (e[5] = t("link", {
+      e[6] || (e[6] = t("link", {
         href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
         rel: "stylesheet"
       }, null, -1)),
-      t("div", b, [
-        e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
-        t("p", y, l(m[o.value]), 1),
-        t("div", I, [
+      t("div", T, [
+        e[3] || (e[3] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
+        t("p", z, s(g[o.value]), 1),
+        t("div", B, [
           t("button", {
-            class: p({ active: o.value === "project" }),
-            onClick: e[0] || (e[0] = (u) => a("project"))
-          }, l(i.$t("projectFacility.projectFacility")), 3),
+            class: f({ active: o.value === "project" }),
+            onClick: e[0] || (e[0] = (h) => m("project"))
+          }, s(i.$t("projectFacility.projectFacility")), 3),
           t("button", {
-            class: p({ active: o.value === "dpi" }),
-            onClick: e[1] || (e[1] = (u) => a("dpi"))
-          }, l(i.$t("projectFacility.dpiHome")), 3)
+            class: f({ active: o.value === "dpi" }),
+            onClick: e[1] || (e[1] = (h) => m("dpi"))
+          }, s(i.$t("projectFacility.dpiHome")), 3)
         ]),
-        o.value === "project" ? (n(), r(f, { key: 0 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(k, { key: 1 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(h, { key: 2 })) : s("", !0),
-        o.value === "dpi" ? (n(), r(v, { key: 3 })) : s("", !0)
+        o.value === "project" ? (n(), r(C, { key: 0 })) : l("", !0),
+        o.value === "dpi" ? (n(), r(V, { key: 1 })) : l("", !0),
+        o.value === "dpi" ? (n(), r(F, { key: 2 })) : l("", !0),
+        o.value === "dpi" ? (n(), r(H, { key: 3 })) : l("", !0),
+        j(_, null, {
+          title: w(() => [
+            I(i.$slots, "title", {}, () => [
+              e[2] || (e[2] = P(" Fehlermeldung ", -1))
+            ], !0)
+          ]),
+          _: 3
+        })
       ])
     ], 64));
   }
-}, F = /* @__PURE__ */ j(w, [["__scopeId", "data-v-446634a4"]]);
+}, J = /* @__PURE__ */ $(N, [["__scopeId", "data-v-069e0b82"]]);
 export {
-  F as default
+  J as default
 };