@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js

@@ -2,9 +2,9 @@ import { createElementBlock as t, openBlock as i, createElementVNode as e, creat
 import u from "../../../components/StepActionsSection.vue.js";
 /* empty css                               */
 import h from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-overview-content" }, g = { class: "project-phasen-overview-content" }, j = {
+const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-overview-content" }, g = { class: "project-phasen-overview-content" }, b = {
   __name: "ProjektPhasenOverviewStep",
-  setup(k) {
+  setup(j) {
     const o = [
       {
         title: "Initiieren",
@@ -23,7 +23,7 @@ const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-ove
         description: "Von den Learnings bis zur Skalierung der Projektergebnisse."
       }
     ];
-    return (_, n) => (i(), t("div", v, [
+    return (k, n) => (i(), t("div", v, [
       n[1] || (n[1] = e("div", { class: "project-phasen-overview-header" }, [
         e("h4", null, "Geben Sie die Projektphasen Ihres Projekts an (optional)")
       ], -1)),
@@ -37,12 +37,12 @@ const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-ove
             l(s(r.title) + ": ", 1),
             e("span", null, s(r.description), 1)
           ])), 64))
-        ]),
-        p(u)
-      ])
+        ])
+      ]),
+      p(u)
     ]));
   }
-}, w = /* @__PURE__ */ h(j, [["__scopeId", "data-v-71eb4095"]]);
+}, w = /* @__PURE__ */ h(b, [["__scopeId", "data-v-fbba69a0"]]);
 export {
   w as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js

@@ -1,64 +1,69 @@
-import { reactive as c, createElementBlock as l, openBlock as o, createElementVNode as r, createVNode as p, Fragment as h, renderList as g, unref as i, createBlock as f } from "vue";
+import { reactive as c, createElementBlock as u, openBlock as i, createElementVNode as s, createVNode as m, Fragment as g, renderList as p, unref as o, createBlock as f } from "vue";
 import { FormKit as w } from "@formkit/vue";
 import b from "../../../components/StepActionsSection.vue.js";
-import z from "../TextArea/TextAreaDefinition.js";
+import k from "../TextArea/TextAreaDefinition.js";
 /* empty css                  */
-import _ from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = { class: "project-phasen-umstezen" }, S = { class: "project-phasen-umstezen-content" }, u = 1e3, V = {
+import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const S = { class: "project-phasen-umstezen" }, v = { class: "project-phasen-umstezen-content" }, d = 1e3, V = {
   __name: "UmstezenStep",
-  setup(k) {
+  setup(_) {
     const n = c({
       questions: {
         projectTriggers: {
           question: "Wie haben Sie die Zusammenarbeit mit den Dienstleistern organisiert und wie wurden relevante Stakeholder in Entscheidungsprozesse eingebunden (z.B. Meetingstruktur oder Frameworks)?",
+          placeholder: "Wir haben einen Projektplan erstellt, der u.a. eine Roadmap und die Projektstruktur mit klaren Verantwortlichkeiten und Ansprechpartnern auf beiden Seiten enthielt. Es gab regelmäßige Jour-Fixe-Termine, in denen wir den Projektfortschritt gemeinsam mit dem Dienstleister besprochen und offene Punkte adressiert haben. Meilensteine und wichtige Entscheidungen wurden mit den Stakeholdern abgestimmt und protokolliert.",
           answer: ""
         },
         involvedStakeholders: {
           question: "Gab es Verzögerungen und wenn ja, was waren die Gründe?",
+          placeholder: "Ja, im Projektverlauf kam es zu einigen Verzögerungen. Hauptursache war die zeitaufwändige Klärung von offenen technischen Fragen, insbesondere bei der Anbindung bestehender Fachsysteme und Datenquellen. Teilweise lagen Datenformate nicht wie erwartet vor oder es bestanden Datenschutzbedenken, die zunächst gelöst werden mussten. Dazu kamen z.B. europaweite Lieferengpässe bei den Sensoren, die wir verbaut haben.",
           answer: ""
         },
         dataCollectionMethod: {
           question: "Welche Schnittstellen wurden genutzt und traten technische Herausforderungen auf?",
+          placeholder: "Wir haben verschiedene Schnittstellen zu bestehenden Geoinformationssystemen (GIS), Wetterdaten- und Pegelstanddiensten sowie internen Verwaltungsdaten genutzt. Bei der Integration gab es Herausforderungen etwa durch unterschiedliche Datenformate, unklare Zugriffsbeschränkungen oder fehlende API-Standards.",
           answer: ""
         },
         budgetPlanning: {
           question: "Welche Überlegungen sind in Ihre Entscheidung für eine Open-Source-Lösung geflossen und welche Erfahrungen haben Sie bisher damit gemacht?",
+          placeholder: "Wir haben mit Open-Source-Lösungen gute Erfahrungen gemacht. Wir sind flexibel und können die Software an unsere Bedürfnisse anpassen. Die Kosten sind niedrig, dafür brauchen wir mehr eigenes technisches Know-how und Zeit für Wartung. Insgesamt überwiegen für uns die Vorteile, vor allem was Unabhängigkeit und Nachhaltigkeit angeht.",
           answer: ""
         }
       }
-    }), m = Object.keys(n.questions).map((s) => ({
-      name: s,
-      text: n.questions[s].question
+    }), l = Object.keys(n.questions).map((r) => ({
+      name: r,
+      text: n.questions[r].question
     }));
-    function d(s, t) {
-      n.questions[s].answer = t.slice(0, u);
+    function h(r, t) {
+      n.questions[r].answer = t.slice(0, d);
     }
-    return (s, t) => (o(), l("div", v, [
-      t[1] || (t[1] = r("div", { class: "project-phasen-umstezen-header" }, [
-        r("h4", null, "Umstezen")
+    return (r, t) => (i(), u("div", S, [
+      t[1] || (t[1] = s("div", { class: "project-phasen-umstezen-header" }, [
+        s("h4", null, "Umsetzen")
       ], -1)),
-      r("div", S, [
-        t[0] || (t[0] = r("p", { class: "project-phasen-umstezen-description" }, " Von der Dienstleistersteuerung bis zur Meilensteinerreichung. ", -1)),
-        (o(!0), l(h, null, g(i(m), (e) => (o(), f(i(w), {
+      s("div", v, [
+        t[0] || (t[0] = s("p", { class: "project-phasen-umstezen-description" }, " Von der Dienstleistersteuerung bis zur Meilensteinerreichung. ", -1)),
+        (i(!0), u(g, null, p(o(l), (e) => (i(), f(o(w), {
           id: e.name,
+          placeholder: n.questions[e.name].placeholder,
           key: e.name,
           modelValue: n.questions[e.name].answer,
           "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
           label: e.text,
-          type: i(z),
+          type: o(k),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
-          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
+          help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
           "count-hint": !0,
-          maxlength: u,
-          onInput: (a) => d(e.name, a)
-        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
-        p(b)
-      ])
+          maxlength: d,
+          onInput: (a) => h(e.name, a)
+        }, null, 8, ["id", "placeholder", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      m(b)
     ]));
   }
-}, B = /* @__PURE__ */ _(V, [["__scopeId", "data-v-69f26bb3"]]);
+}, P = /* @__PURE__ */ z(V, [["__scopeId", "data-v-542ff3c4"]]);
 export {
-  B as default
+  P as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js

@@ -1,64 +1,104 @@
-import { reactive as c, createElementBlock as l, openBlock as a, createElementVNode as s, createVNode as p, Fragment as h, renderList as g, unref as o, createBlock as k } from "vue";
-import { FormKit as w } from "@formkit/vue";
-import f from "../../../components/StepActionsSection.vue.js";
-import b from "../TextArea/TextAreaDefinition.js";
+import { reactive as z, createElementBlock as c, openBlock as s, createElementVNode as a, createVNode as o, Fragment as v, renderList as S, unref as u, createBlock as x, withCtx as B, withDirectives as h, vShow as m } from "vue";
+import { FormKit as j } from "@formkit/vue";
+import W from "../../../components/StepActionsSection.vue.js";
+import _ from "../TextArea/TextAreaDefinition.js";
+import g from "../ButtonV3.vue.js";
 /* empty css                      */
-import S from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = { class: "project-phasen-weiterdenken" }, j = { class: "project-phasen-weiterdenken-content" }, d = 1e3, v = {
+import P from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "project-phasen-weiterdenken" }, y = { class: "project-phasen-weiterdenken-content" }, C = { class: "actions" }, d = 1e3, E = {
   __name: "WeiterdenkenStep",
-  setup(z) {
-    const n = c({
+  setup(A) {
+    const n = z({
       questions: {
         projectTriggers: {
           question: "Was sind Ihre wichtigsten Learnings aus dem Projekt? Was würden Sie beim nächsten Use Case anders machen?",
+          placeholder: "Ein zentrales Learning war die Bedeutung einer klaren Projektstruktur und offener Kommunikation — intern wie extern. Bei Projekten mit vielen Beteiligten ist es wichtig, Zuständigkeiten und Kommunikationswege eindeutig zu definieren. Außerdem haben wir gelernt, technische Vorarbeiten, insbesondere bei Datenqualität und Schnittstellen, nicht zu unterschätzen.",
           answer: ""
         },
         involvedStakeholders: {
           question: "Wird die Wirksamkeit Ihres Projekts überwacht und wenn ja, wie? Ist der erwartete Nutzen eingetreten (z.B. ökologisch, sozial oder monetär)?",
+          placeholder: "Ja, die Wirksamkeit unseres Projekts wird regelmäßig überprüft. Wir haben Erfolgskriterien gemeinsam mit den nutzenden Stellen definiert – dazu zählen z.B. die Genauigkeit der Prognosen oder die Reaktionsgeschwindigkeit bei Hochwasserlagen. Einmal jährlich werten wir die Ergebnisse gemeinsam mit den beteiligten Fachbereichen aus. Erste Auswertungen und Praxistests zeigen, dass die Systeme bei Starkregenereignissen in den vergangenen Monaten bereits einen echten Mehrwert gebracht haben. Es konnten Schäden durch frühzeitige Warnungen verringert und Abläufe in der Gefahrenabwehr verbessert werden.",
           answer: ""
         },
         dataCollectionMethod: {
           question: "Gibt es Pläne für eine Skalierung oder Weiterentwicklung? Wenn ja, wie sichern Sie die Finanzierung dafür?",
+          placeholder: "Ja, wir planen, das System weiterzuentwickeln und auf weitere Anwendungsfälle (wie Sturzfluten oder Dürremanagement) auszuweiten. Dafür suchen wir die Zusammenarbeit mit benachbarten Kommunen und regionalen Partnern, um Ressourcen zu bündeln und Synergien zu schaffen. Durch regelmäßige Erfolgskontrolle und transparente Berichterstattung sichern wir die Akzeptanz und Bereitschaft zur weiteren Finanzierung.",
           answer: ""
         },
         budgetPlanning: {
-          question: "Besonders wichtig für uns waren Förderprogramme, wie das Landesprogramm zur Digitalisierung im Bevölkerungsschutz. Dadurch konnten wir einen Großteil der Kosten für Software, Sensorik und externe Beratung abdecken. Gefehlt haben uns regelmäßige, themenspezifische Austauschformate oder Workshops mit anderen Kommunen, um voneinander zu lernen und Synergien besser nutzen zu können.",
+          question: "Welche externen Unterstützungsangebote haben Ihnen geholfen oder auch gefehlt (z.B. Förderprogramme, Netzwerke, Austausch mit anderen Kommunen)?",
+          placeholder: "Besonders wichtig für uns waren Förderprogramme, wie das Landesprogramm zur Digitalisierung im Bevölkerungsschutz. Dadurch konnten wir einen Großteil der Kosten für Software, Sensorik und externe Beratung abdecken. Gefehlt haben uns regelmäßige, themenspezifische Austauschformate oder Workshops mit anderen Kommunen, um voneinander zu lernen und Synergien besser nutzen zu können.",
           answer: ""
         }
       }
-    }), u = Object.keys(n.questions).map((r) => ({
-      name: r,
-      text: n.questions[r].question
+    }), p = Object.keys(n.questions).map((t) => ({
+      name: t,
+      text: n.questions[t].question
     }));
-    function m(r, t) {
-      n.questions[r].answer = t.slice(0, d);
+    function w(t, r) {
+      n.questions[t].answer = r.slice(0, d);
     }
-    return (r, t) => (a(), l("div", _, [
-      t[1] || (t[1] = s("div", { class: "project-phasen-weiterdenken-header" }, [
-        s("h4", null, "Weiterdenken")
+    return (t, r) => (s(), c("div", V, [
+      r[1] || (r[1] = a("div", { class: "project-phasen-weiterdenken-header" }, [
+        a("h4", null, "Weiterdenken")
       ], -1)),
-      s("div", j, [
-        t[0] || (t[0] = s("p", { class: "project-phasen-weiterdenken-description" }, " Von den Learnings bis zur Skalierung der Projektergebnisse. ", -1)),
-        (a(!0), l(h, null, g(o(u), (e) => (a(), k(o(w), {
+      a("div", y, [
+        r[0] || (r[0] = a("p", { class: "project-phasen-weiterdenken-description" }, " Von den Learnings bis zur Skalierung der Projektergebnisse. ", -1)),
+        (s(!0), c(v, null, S(u(p), (e) => (s(), x(u(j), {
           key: e.name,
           id: e.name,
+          placeholder: n.questions[e.name].placeholder,
           modelValue: n.questions[e.name].answer,
           "onUpdate:modelValue": (i) => n.questions[e.name].answer = i,
           label: e.text,
-          type: o(b),
+          type: u(_),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
           help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
           "count-hint": !0,
-          onInput: (i) => m(e.name, i),
+          onInput: (i) => w(e.name, i),
           maxlength: d
-        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
-        p(f)
-      ])
+        }, null, 8, ["id", "placeholder", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      o(W, { "next-text": "Weiter zu den Technischen Prozessschritten" }, {
+        "prev-and-next": B(({
+          hidePrevious: e,
+          hideNext: i,
+          previousText: k,
+          nextText: l,
+          handlePrevious: b,
+          handleSubmit: f
+        }) => [
+          a("div", C, [
+            h(o(g, {
+              class: "previousButton",
+              variant: "secondary",
+              size: "large",
+              type: "button",
+              "button-text": k,
+              "icon-start": "CaretLeft",
+              onClick: b
+            }, null, 8, ["button-text", "onClick"]), [
+              [m, !e]
+            ]),
+            h(o(g, {
+              size: "large",
+              variant: t.nextVariant,
+              type: "button",
+              "button-text": l,
+              "icon-end": l === "Als Entwurf Speichern" ? null : "CaretRight",
+              onClick: f
+            }, null, 8, ["variant", "button-text", "icon-end", "onClick"]), [
+              [m, !i]
+            ])
+          ])
+        ]),
+        _: 1
+      })
     ]));
   }
-}, P = /* @__PURE__ */ S(v, [["__scopeId", "data-v-46334215"]]);
+}, N = /* @__PURE__ */ P(E, [["__scopeId", "data-v-9f374b4b"]]);
 export {
-  P as default
+  N as default
 };