@piveau/dpi 0.2.0-alpha.41 → 0.2.0-alpha.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/dpi.css +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +3 -3
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue2.js +97 -80
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue2.js +107 -90
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js +1 -1
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue2.js +96 -80
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue2.js +96 -77
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue2.js +120 -109
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/CategoriesStep.vue2.js +60 -38
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldVeeValidate.vue.js +9 -8
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue2.js +114 -103
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareForm.vue2.js +180 -185
- package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js +101 -90
- package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitMessages.js +14 -0
- package/dist/packages/dpi/src/data-provider-interface/composables/useFormKitSummary.js +46 -0
- package/dist/packages/dpi/src/data-provider-interface/utils/useSteps.js +35 -29
- package/dist/packages/dpi/src/utils/twinbyUtils.js +1 -0
- package/dist/styles/_dpi.scss +16 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ProjectOrganisationStep.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7381fcf6"]]);
|
|
5
5
|
export {
|
|
6
6
|
c as default
|
|
7
7
|
};
|
|
@@ -95,7 +95,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
|
|
|
95
95
|
name: "name",
|
|
96
96
|
"text-label": "Name",
|
|
97
97
|
placeholder: "Geben Sie einen Namen an.",
|
|
98
|
-
validation: "+requireAllIfAny
|
|
98
|
+
validation: "+requireAllIfAny",
|
|
99
99
|
"validation-label": "Name",
|
|
100
100
|
"validation-visibility": "submit",
|
|
101
101
|
"validation-rules": { requireAllIfAny: n(m) },
|
|
@@ -108,7 +108,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
|
|
|
108
108
|
name: "mail",
|
|
109
109
|
"text-label": "E-Mail-Adresse",
|
|
110
110
|
placeholder: "Geben Sie eine E-Mail-Adresse an.",
|
|
111
|
-
validation: "email|+requireAllIfAny
|
|
111
|
+
validation: "email|+requireAllIfAny",
|
|
112
112
|
"validation-visibility": "submit",
|
|
113
113
|
"validation-label": "E-Mail-Adresse",
|
|
114
114
|
"validation-messages": {
|
|
@@ -123,7 +123,7 @@ const z = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
|
|
|
123
123
|
"text-label": "Telefonnummer",
|
|
124
124
|
placeholder: "Geben Sie eine Telefonnummer an.",
|
|
125
125
|
"validation-rules": { numeric: y, requireAllIfAny: n(m) },
|
|
126
|
-
validation: "numeric|+requireAllIfAny
|
|
126
|
+
validation: "numeric|+requireAllIfAny",
|
|
127
127
|
"validation-label": "Telefonnummer",
|
|
128
128
|
"validation-visibility": "submit",
|
|
129
129
|
"validation-messages": {
|
package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.js
CHANGED
|
@@ -216,7 +216,7 @@ function J(e, i, Q, W, Y, Z) {
|
|
|
216
216
|
e.iconEnd === "CaretRight" ? (a(), o(f, {
|
|
217
217
|
key: 2,
|
|
218
218
|
size: e.size === "small" ? "16px" : "24px",
|
|
219
|
-
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
|
|
219
|
+
color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? e.disabled ? "rgb(213, 215, 218)" : "#0B1A25" : "#0172AD"
|
|
220
220
|
}, null, 8, ["size", "color"])) : s("", !0),
|
|
221
221
|
e.iconEnd === "Out" ? (a(), o(c, {
|
|
222
222
|
key: 3,
|
|
@@ -287,7 +287,7 @@ function J(e, i, Q, W, Y, Z) {
|
|
|
287
287
|
], 46, j))
|
|
288
288
|
], 16);
|
|
289
289
|
}
|
|
290
|
-
const se = /* @__PURE__ */ R(I, [["render", J], ["__scopeId", "data-v-
|
|
290
|
+
const se = /* @__PURE__ */ R(I, [["render", J], ["__scopeId", "data-v-2542f5f1"]]);
|
|
291
291
|
export {
|
|
292
292
|
se as default
|
|
293
293
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./BasicInformationStep.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c80a70b4"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,104 +1,120 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { FormKit as
|
|
3
|
-
import { PhLightbulb as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
|
|
1
|
+
import { defineComponent as P, ref as v, computed as C, inject as A, createElementBlock as _, openBlock as l, createElementVNode as t, createVNode as r, createTextVNode as f, unref as a, withCtx as i, Fragment as N, renderList as T, createBlock as h, createCommentVNode as k } from "vue";
|
|
2
|
+
import { FormKit as b } from "@formkit/vue";
|
|
3
|
+
import { PhLightbulb as w } from "@phosphor-icons/vue";
|
|
4
|
+
import $ from "../../../../stories/components/LinkCard.vue.js";
|
|
5
|
+
import { empty as V, generateIsRequiredMsg as q } from "../../../../utils/twinbyUtils.js";
|
|
6
|
+
import M from "../../../components/StepActionsSection.vue.js";
|
|
7
|
+
import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
|
|
8
|
+
import u from "../ButtonV3.vue.js";
|
|
9
|
+
import B from "../Card.vue.js";
|
|
10
|
+
import W from "../TextArea/TextAreaDefinition.js";
|
|
11
|
+
const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, K = { class: "funny-section" }, Z = {
|
|
11
12
|
id: "partners-section",
|
|
12
13
|
class: "funny-section"
|
|
13
|
-
},
|
|
14
|
+
}, j = { class: "partner-cards-container" }, G = { class: "action-container" }, U = { class: "step-actions__prev-and-next" }, H = { class: "actions" }, O = { class: "funny-section" }, J = 1e3, le = /* @__PURE__ */ P({
|
|
14
15
|
__name: "BasicInformationStep",
|
|
15
|
-
setup(
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
var
|
|
20
|
-
return ((
|
|
21
|
-
}), y =
|
|
22
|
-
function
|
|
16
|
+
setup(Q) {
|
|
17
|
+
const d = v(""), c = v([]);
|
|
18
|
+
v([]);
|
|
19
|
+
const L = C(() => {
|
|
20
|
+
var s;
|
|
21
|
+
return ((s = d.value) == null ? void 0 : s.length) || 0;
|
|
22
|
+
}), y = A(R);
|
|
23
|
+
function I() {
|
|
23
24
|
if (!y) {
|
|
24
25
|
console.warn("dpiStepper is not provided");
|
|
25
26
|
return;
|
|
26
27
|
}
|
|
27
28
|
y.goToStep("2. Datenverarbeitung/Grundlegende Informationen");
|
|
28
29
|
}
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
const S = C(() => {
|
|
31
|
+
const s = !V(d.value), e = Array.isArray(c.value) && c.value.length > 0;
|
|
32
|
+
return s || e;
|
|
33
|
+
});
|
|
34
|
+
function D(s) {
|
|
35
|
+
var n, o;
|
|
36
|
+
const e = s.at("$parent");
|
|
37
|
+
return !e || e.type !== "group" ? !0 : Array.isArray((n = e.value) == null ? void 0 : n.links) && ((o = e.value) == null ? void 0 : o.links).length > 0 ? !V(s.value) : !0;
|
|
38
|
+
}
|
|
39
|
+
return (s, e) => (l(), _("div", E, [
|
|
40
|
+
e[9] || (e[9] = t("section", { class: "funny-section" }, [
|
|
31
41
|
t("div", { class: "funny-flex" }, [
|
|
32
42
|
t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
|
|
33
43
|
t("span", { class: "copy-large-regular" }, [
|
|
34
|
-
|
|
44
|
+
f(" Teilen Sie im Schritt der "),
|
|
35
45
|
t("strong", null, "Datenerfassung"),
|
|
36
|
-
|
|
46
|
+
f(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
|
|
37
47
|
])
|
|
38
48
|
])
|
|
39
49
|
], -1)),
|
|
40
|
-
t("section",
|
|
41
|
-
|
|
50
|
+
t("section", F, [
|
|
51
|
+
r(a(b), {
|
|
42
52
|
id: "Beschreibung",
|
|
43
|
-
modelValue:
|
|
44
|
-
"onUpdate:modelValue": e[0] || (e[0] = (
|
|
53
|
+
modelValue: d.value,
|
|
54
|
+
"onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
|
|
45
55
|
class: "budgetArea",
|
|
46
56
|
label: "Beschreibung",
|
|
47
|
-
type:
|
|
57
|
+
type: a(W),
|
|
48
58
|
name: "description",
|
|
49
59
|
"text-label": "Beschreibung",
|
|
50
60
|
placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
|
|
51
|
-
validation: "length:0,1000",
|
|
61
|
+
validation: "+requireIfLink|length:0,1000",
|
|
52
62
|
"validation-visibility": "live",
|
|
53
63
|
hint: "true",
|
|
54
|
-
help: `${
|
|
55
|
-
"count-hint": !0
|
|
56
|
-
|
|
64
|
+
help: `${L.value} von ${J} Zeichen`,
|
|
65
|
+
"count-hint": !0,
|
|
66
|
+
"validation-rules": {
|
|
67
|
+
requireIfLink: D
|
|
68
|
+
},
|
|
69
|
+
"validation-messages": {
|
|
70
|
+
requireIfLink: a(q)("Beschreibung")
|
|
71
|
+
}
|
|
72
|
+
}, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
|
|
57
73
|
]),
|
|
58
|
-
t("section",
|
|
59
|
-
|
|
74
|
+
t("section", K, [
|
|
75
|
+
r(B, { variant: "default" }, {
|
|
60
76
|
icon: i(() => [
|
|
61
|
-
|
|
77
|
+
r(a(w), {
|
|
62
78
|
size: 32,
|
|
63
79
|
color: "#009fe3"
|
|
64
80
|
})
|
|
65
81
|
]),
|
|
66
|
-
title: i(() => e[
|
|
67
|
-
|
|
82
|
+
title: i(() => e[3] || (e[3] = [
|
|
83
|
+
f(" Beispiel ", -1)
|
|
68
84
|
])),
|
|
69
85
|
default: i(() => [
|
|
70
|
-
e[
|
|
86
|
+
e[4] || (e[4] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
|
|
71
87
|
]),
|
|
72
88
|
_: 1,
|
|
73
|
-
__: [
|
|
89
|
+
__: [4]
|
|
74
90
|
})
|
|
75
91
|
]),
|
|
76
|
-
t("section",
|
|
77
|
-
e[
|
|
78
|
-
e[
|
|
79
|
-
t("div",
|
|
80
|
-
|
|
81
|
-
modelValue:
|
|
82
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
|
92
|
+
t("section", Z, [
|
|
93
|
+
e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
|
|
94
|
+
e[6] || (e[6] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
|
|
95
|
+
t("div", j, [
|
|
96
|
+
r(a(b), {
|
|
97
|
+
modelValue: c.value,
|
|
98
|
+
"onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
|
|
83
99
|
type: "list",
|
|
84
100
|
name: "links",
|
|
85
101
|
dynamic: ""
|
|
86
102
|
}, {
|
|
87
|
-
default: i(({ items:
|
|
88
|
-
(
|
|
89
|
-
key:
|
|
103
|
+
default: i(({ items: n, node: o, value: p }) => [
|
|
104
|
+
(l(!0), _(N, null, T(n, (m, g) => (l(), h(a(b), {
|
|
105
|
+
key: m,
|
|
90
106
|
type: "group",
|
|
91
|
-
index:
|
|
107
|
+
index: g
|
|
92
108
|
}, {
|
|
93
109
|
default: i(() => [
|
|
94
|
-
|
|
110
|
+
r($, null, {
|
|
95
111
|
action: i(() => [
|
|
96
|
-
|
|
112
|
+
r(u, {
|
|
97
113
|
"button-text": "Löschen",
|
|
98
114
|
size: "small",
|
|
99
115
|
variant: "tertiary",
|
|
100
116
|
"icon-start": "trash",
|
|
101
|
-
onClick: () =>
|
|
117
|
+
onClick: () => o.input(p.filter((x, z) => z !== g))
|
|
102
118
|
}, null, 8, ["onClick"])
|
|
103
119
|
]),
|
|
104
120
|
_: 2
|
|
@@ -106,13 +122,13 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
|
|
|
106
122
|
]),
|
|
107
123
|
_: 2
|
|
108
124
|
}, 1032, ["index"]))), 128)),
|
|
109
|
-
t("div",
|
|
110
|
-
|
|
125
|
+
t("div", G, [
|
|
126
|
+
r(u, {
|
|
111
127
|
"button-text": "Link hinzufügen",
|
|
112
128
|
size: "medium",
|
|
113
129
|
variant: "tertiary",
|
|
114
130
|
"icon-start": "plus",
|
|
115
|
-
onClick: (
|
|
131
|
+
onClick: (m) => o.input(p.concat({}))
|
|
116
132
|
}, null, 8, ["onClick"])
|
|
117
133
|
])
|
|
118
134
|
]),
|
|
@@ -120,42 +136,43 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
|
|
|
120
136
|
}, 8, ["modelValue"])
|
|
121
137
|
])
|
|
122
138
|
]),
|
|
123
|
-
|
|
139
|
+
r(M, {
|
|
124
140
|
compact: "",
|
|
125
141
|
"next-text": "Weiter zu Software"
|
|
126
142
|
}, {
|
|
127
143
|
"prev-and-next": i(({
|
|
128
|
-
hidePrevious:
|
|
129
|
-
hideNext:
|
|
130
|
-
previousText:
|
|
131
|
-
nextText:
|
|
132
|
-
handlePrevious:
|
|
144
|
+
hidePrevious: n,
|
|
145
|
+
hideNext: o,
|
|
146
|
+
previousText: p,
|
|
147
|
+
nextText: m,
|
|
148
|
+
handlePrevious: g,
|
|
133
149
|
handleSubmit: x
|
|
134
150
|
}) => [
|
|
135
|
-
t("div",
|
|
136
|
-
t("div",
|
|
137
|
-
|
|
151
|
+
t("div", U, [
|
|
152
|
+
t("div", H, [
|
|
153
|
+
n ? k("", !0) : (l(), h(u, {
|
|
138
154
|
key: 0,
|
|
139
155
|
variant: "secondary",
|
|
140
156
|
size: "large",
|
|
141
|
-
"button-text":
|
|
157
|
+
"button-text": p,
|
|
142
158
|
"icon-start": "CaretLeft",
|
|
143
|
-
onClick:
|
|
159
|
+
onClick: g
|
|
144
160
|
}, null, 8, ["button-text", "onClick"])),
|
|
145
|
-
|
|
161
|
+
n ? k("", !0) : (l(), h(u, {
|
|
146
162
|
key: 1,
|
|
163
|
+
disabled: S.value,
|
|
147
164
|
variant: "secondary",
|
|
148
165
|
size: "large",
|
|
149
166
|
"button-text": "Weiter ohne Datenerfassung",
|
|
150
167
|
"icon-end": "CaretRight",
|
|
151
|
-
onClick:
|
|
152
|
-
}))
|
|
168
|
+
onClick: e[2] || (e[2] = (z) => S.value ? null : I())
|
|
169
|
+
}, null, 8, ["disabled"]))
|
|
153
170
|
]),
|
|
154
|
-
|
|
171
|
+
o ? k("", !0) : (l(), h(u, {
|
|
155
172
|
key: 0,
|
|
156
173
|
variant: "primary",
|
|
157
174
|
size: "large",
|
|
158
|
-
"button-text":
|
|
175
|
+
"button-text": m,
|
|
159
176
|
"icon-end": "CaretRight",
|
|
160
177
|
class: "next-button",
|
|
161
178
|
onClick: x
|
|
@@ -164,27 +181,27 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
|
|
|
164
181
|
]),
|
|
165
182
|
_: 1
|
|
166
183
|
}),
|
|
167
|
-
t("section",
|
|
168
|
-
|
|
184
|
+
t("section", O, [
|
|
185
|
+
r(B, { variant: "default" }, {
|
|
169
186
|
icon: i(() => [
|
|
170
|
-
|
|
187
|
+
r(a(w), {
|
|
171
188
|
size: 32,
|
|
172
189
|
color: "#009fe3"
|
|
173
190
|
})
|
|
174
191
|
]),
|
|
175
|
-
title: i(() => e[
|
|
176
|
-
|
|
192
|
+
title: i(() => e[7] || (e[7] = [
|
|
193
|
+
f(" Vorsicht! ", -1)
|
|
177
194
|
])),
|
|
178
195
|
default: i(() => [
|
|
179
|
-
e[
|
|
196
|
+
e[8] || (e[8] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
|
|
180
197
|
]),
|
|
181
198
|
_: 1,
|
|
182
|
-
__: [
|
|
199
|
+
__: [8]
|
|
183
200
|
})
|
|
184
201
|
])
|
|
185
202
|
]));
|
|
186
203
|
}
|
|
187
204
|
});
|
|
188
205
|
export {
|
|
189
|
-
|
|
206
|
+
le as default
|
|
190
207
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./BasicInformationStep.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ff77ba2"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|