@piveau/dpi 0.2.0-alpha.62 → 0.2.0-alpha.63
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/Organisation.vue.js +2 -2
- package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue2.js +28 -28
- 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 +70 -70
- package/dist/packages/dpi/src/data-provider-interface/components/ContactPage.vue.js +93 -93
- package/package.json +1 -1
package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Organisation.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30e2628b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as h, computed as r, createElementBlock as
|
|
1
|
+
import { defineComponent as h, computed as r, createElementBlock as s, openBlock as t, createElementVNode as i, unref as m, Fragment as f, toDisplayString as n } from "vue";
|
|
2
2
|
import { useOrganizationInfo as k } from "../composables/useOrganizationInfo.js";
|
|
3
3
|
import { useTwinbyUser as y } from "../composables/useTwinbyUser.js";
|
|
4
4
|
const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo" }, T = { key: 0 }, I = { key: 0 }, O = {
|
|
@@ -21,49 +21,49 @@ const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo"
|
|
|
21
21
|
setup(U) {
|
|
22
22
|
const { organization: p, authToken: v, startFetchPermissions: u } = y();
|
|
23
23
|
u();
|
|
24
|
-
const { resultEnhanced:
|
|
24
|
+
const { resultEnhanced: l, isLoading: g } = k({
|
|
25
25
|
id: p,
|
|
26
26
|
authToken: v
|
|
27
27
|
}), d = r(
|
|
28
28
|
() => {
|
|
29
|
-
var
|
|
30
|
-
return ((
|
|
29
|
+
var a, e;
|
|
30
|
+
return ((e = (a = l.value) == null ? void 0 : a.publisher) == null ? void 0 : e.name) || "";
|
|
31
31
|
}
|
|
32
32
|
), c = r(
|
|
33
33
|
() => {
|
|
34
|
-
var
|
|
35
|
-
return ((e = (
|
|
34
|
+
var a, e;
|
|
35
|
+
return ((e = (a = l.value) == null ? void 0 : a.catalogueFavIcon) == null ? void 0 : e[0]) || "";
|
|
36
36
|
}
|
|
37
37
|
), o = r(() => {
|
|
38
|
-
var
|
|
39
|
-
return ((e = (
|
|
38
|
+
var a, e;
|
|
39
|
+
return ((e = (a = l.value) == null ? void 0 : a.publisher) == null ? void 0 : e.address) || {};
|
|
40
40
|
}), _ = r(() => {
|
|
41
|
-
var
|
|
42
|
-
return ((
|
|
41
|
+
var a;
|
|
42
|
+
return ((a = l.value) == null ? void 0 : a.publisher) || {};
|
|
43
43
|
});
|
|
44
|
-
return (
|
|
45
|
-
e[2] || (e[2] =
|
|
46
|
-
e[3] || (e[3] =
|
|
47
|
-
|
|
48
|
-
m(g) ? (
|
|
49
|
-
d.value ? (
|
|
50
|
-
|
|
51
|
-
c.value ? (
|
|
52
|
-
|
|
44
|
+
return (a, e) => (t(), s("div", b, [
|
|
45
|
+
e[2] || (e[2] = i("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
|
|
46
|
+
e[3] || (e[3] = i("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
|
|
47
|
+
i("div", V, [
|
|
48
|
+
m(g) ? (t(), s("p", T, "Lade Organisationsdaten...")) : (t(), s(f, { key: 1 }, [
|
|
49
|
+
d.value ? (t(), s("p", I, n(d.value), 1)) : (t(), s("p", O, " Name nicht verfügbar ")),
|
|
50
|
+
i("div", E, [
|
|
51
|
+
c.value ? (t(), s("div", S, [
|
|
52
|
+
i("img", {
|
|
53
53
|
src: c.value,
|
|
54
54
|
alt: ""
|
|
55
55
|
}, null, 8, C)
|
|
56
|
-
])) : (
|
|
57
|
-
|
|
56
|
+
])) : (t(), s("div", D, e[0] || (e[0] = [
|
|
57
|
+
i("div", { class: "avatar-circle" }, null, -1)
|
|
58
58
|
]))),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
o.value.street ? (
|
|
62
|
-
o.value.postalCode || o.value.locality ? (
|
|
59
|
+
i("div", F, [
|
|
60
|
+
i("div", L, [
|
|
61
|
+
o.value.street ? (t(), s("p", w, n(o.value.street), 1)) : (t(), s("p", x, " Straße nicht verfügbar ")),
|
|
62
|
+
o.value.postalCode || o.value.locality ? (t(), s("p", z, n(o.value.postalCode || "") + " " + n(o.value.locality || ""), 1)) : (t(), s("p", B, " Ort nicht verfügbar "))
|
|
63
63
|
]),
|
|
64
|
-
|
|
65
|
-
e[1] || (e[1] =
|
|
66
|
-
_.value.email ? (
|
|
64
|
+
i("div", N, [
|
|
65
|
+
e[1] || (e[1] = i("p", { class: "not-available" }, " Telefon nicht verfügbar ", -1)),
|
|
66
|
+
_.value.email ? (t(), s("p", M, n(_.value.email), 1)) : (t(), s("p", P, " E-Mail nicht verfügbar "))
|
|
67
67
|
])
|
|
68
68
|
])
|
|
69
69
|
])
|
|
@@ -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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6f78c1b4"]]);
|
|
5
5
|
export {
|
|
6
6
|
f as default
|
|
7
7
|
};
|
|
@@ -1,104 +1,104 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as q, computed as u, createElementBlock as a, openBlock as s, createElementVNode as n, createCommentVNode as z, renderSlot as E, unref as i, Fragment as T, toDisplayString as r, createVNode as o, withCtx as c, createTextVNode as w } from "vue";
|
|
2
2
|
import { FormKit as m } from "@formkit/vue";
|
|
3
|
-
import { PhLightbulb as
|
|
4
|
-
import
|
|
5
|
-
import { generateIsRequiredMsg as v, requireAllIfAny as p, generateIsInvalidMsg as
|
|
6
|
-
import
|
|
7
|
-
import { useOrganizationInfo as
|
|
8
|
-
import { useTwinbyUser as
|
|
9
|
-
import
|
|
3
|
+
import { PhLightbulb as D } from "@phosphor-icons/vue";
|
|
4
|
+
import M from "../../../../stories/components/PartnerCard.vue.js";
|
|
5
|
+
import { generateIsRequiredMsg as v, requireAllIfAny as p, generateIsInvalidMsg as y } from "../../../../utils/twinbyUtils.js";
|
|
6
|
+
import N from "../../../components/StepActionsSection.vue.js";
|
|
7
|
+
import { useOrganizationInfo as P } from "../../../composables/useOrganizationInfo.js";
|
|
8
|
+
import { useTwinbyUser as O } from "../../../composables/useTwinbyUser.js";
|
|
9
|
+
import x from "../Card.vue.js";
|
|
10
10
|
import g from "../InputField/InputFieldDefinition.js";
|
|
11
|
-
const
|
|
11
|
+
const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" }, F = { class: "funny-flex" }, V = { class: "funny-section" }, L = { class: "contact-container" }, j = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "contact-title"
|
|
14
|
-
},
|
|
14
|
+
}, G = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "contact-title"
|
|
17
|
-
},
|
|
17
|
+
}, $ = {
|
|
18
18
|
key: 1,
|
|
19
19
|
class: "contact-title not-available"
|
|
20
|
-
},
|
|
20
|
+
}, K = { class: "contact-wrapper" }, R = {
|
|
21
21
|
key: 0,
|
|
22
22
|
class: "contact-logo-wrapper"
|
|
23
|
-
},
|
|
23
|
+
}, W = ["src"], U = { key: 1 }, H = { class: "info-wrapper" }, J = { class: "contact-grid" }, Q = { class: "contact-col" }, X = {
|
|
24
24
|
key: 0,
|
|
25
25
|
class: "contact-info"
|
|
26
|
-
},
|
|
26
|
+
}, Y = {
|
|
27
27
|
key: 1,
|
|
28
28
|
class: "contact-info not-available"
|
|
29
|
-
},
|
|
29
|
+
}, Z = {
|
|
30
30
|
key: 2,
|
|
31
31
|
class: "contact-info"
|
|
32
|
-
},
|
|
32
|
+
}, ee = {
|
|
33
33
|
key: 3,
|
|
34
34
|
class: "contact-info not-available"
|
|
35
|
-
},
|
|
35
|
+
}, ne = { class: "contact-col" }, te = ["href"], ie = {
|
|
36
36
|
key: 1,
|
|
37
37
|
class: "contact-info not-available"
|
|
38
|
-
},
|
|
38
|
+
}, ae = { class: "funny-section" }, se = { class: "contact-section" }, oe = { class: "funny-section" }, le = { class: "funny-section" }, re = { class: "funny-flex" }, be = /* @__PURE__ */ q({
|
|
39
39
|
__name: "ProjectOrganisationStep",
|
|
40
40
|
props: {
|
|
41
41
|
isWip: { type: Boolean }
|
|
42
42
|
},
|
|
43
|
-
setup(
|
|
44
|
-
const { organization:
|
|
45
|
-
|
|
46
|
-
const { resultEnhanced:
|
|
47
|
-
id:
|
|
48
|
-
authToken:
|
|
43
|
+
setup(ce) {
|
|
44
|
+
const { organization: b, authToken: A, startFetchPermissions: k } = O();
|
|
45
|
+
k();
|
|
46
|
+
const { resultEnhanced: d, isLoading: I } = P({
|
|
47
|
+
id: b,
|
|
48
|
+
authToken: A
|
|
49
49
|
}), h = u(
|
|
50
50
|
() => {
|
|
51
|
-
var t, e
|
|
52
|
-
return ((e = (t =
|
|
51
|
+
var t, e;
|
|
52
|
+
return ((e = (t = d.value) == null ? void 0 : t.publisher) == null ? void 0 : e.name) || "";
|
|
53
53
|
}
|
|
54
54
|
), _ = u(
|
|
55
55
|
() => {
|
|
56
56
|
var t, e;
|
|
57
|
-
return ((e = (t =
|
|
57
|
+
return ((e = (t = d.value) == null ? void 0 : t.catalogueFavIcon) == null ? void 0 : e[0]) || "";
|
|
58
58
|
}
|
|
59
|
-
),
|
|
59
|
+
), l = u(() => {
|
|
60
60
|
var t, e;
|
|
61
|
-
return ((e = (t =
|
|
61
|
+
return ((e = (t = d.value) == null ? void 0 : t.publisher) == null ? void 0 : e.address) || {};
|
|
62
62
|
}), f = u(() => {
|
|
63
63
|
var t;
|
|
64
|
-
return ((t =
|
|
64
|
+
return ((t = d.value) == null ? void 0 : t.publisher) || {};
|
|
65
65
|
});
|
|
66
|
-
function
|
|
66
|
+
function S(t) {
|
|
67
67
|
return t._value === null || t._value === void 0 ? !0 : typeof t._value != "string" ? !1 : /^\d*$/.test(t._value);
|
|
68
68
|
}
|
|
69
|
-
return (t, e) => (s(), a("div",
|
|
70
|
-
n("section",
|
|
71
|
-
n("div",
|
|
69
|
+
return (t, e) => (s(), a("div", C, [
|
|
70
|
+
n("section", B, [
|
|
71
|
+
n("div", F, [
|
|
72
72
|
e[2] || (e[2] = n("h4", null, "Informationen zu Ihrer Organisation", -1)),
|
|
73
73
|
e[3] || (e[3] = n("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
|
|
74
|
-
|
|
75
|
-
n("section",
|
|
76
|
-
n("div",
|
|
77
|
-
i(
|
|
78
|
-
h.value ? (s(), a("p",
|
|
79
|
-
n("div",
|
|
80
|
-
_.value ? (s(), a("div",
|
|
74
|
+
E(t.$slots, "organization", {}, () => [
|
|
75
|
+
n("section", V, [
|
|
76
|
+
n("div", L, [
|
|
77
|
+
i(I) ? (s(), a("p", j, " Lade Organisationsdaten... ")) : (s(), a(T, { key: 1 }, [
|
|
78
|
+
h.value ? (s(), a("p", G, r(h.value), 1)) : (s(), a("p", $, " Name nicht verfügbar ")),
|
|
79
|
+
n("div", K, [
|
|
80
|
+
_.value ? (s(), a("div", R, [
|
|
81
81
|
n("img", {
|
|
82
82
|
class: "contact-logo",
|
|
83
83
|
src: _.value,
|
|
84
84
|
alt: "Organisation Logo"
|
|
85
|
-
}, null, 8,
|
|
86
|
-
])) : (s(), a("div",
|
|
85
|
+
}, null, 8, W)
|
|
86
|
+
])) : (s(), a("div", U, e[0] || (e[0] = [
|
|
87
87
|
n("div", { class: "avatar-circle" }, null, -1)
|
|
88
88
|
]))),
|
|
89
|
-
n("div",
|
|
90
|
-
n("div",
|
|
91
|
-
n("div",
|
|
92
|
-
|
|
93
|
-
|
|
89
|
+
n("div", H, [
|
|
90
|
+
n("div", J, [
|
|
91
|
+
n("div", Q, [
|
|
92
|
+
l.value.street ? (s(), a("span", X, r(l.value.street), 1)) : (s(), a("span", Y, "Straße nicht verfügbar")),
|
|
93
|
+
l.value.postalCode || l.value.locality ? (s(), a("span", Z, r(l.value.postalCode || "") + " " + r(l.value.locality || ""), 1)) : (s(), a("span", ee, "Ort nicht verfügbar"))
|
|
94
94
|
]),
|
|
95
|
-
n("div",
|
|
95
|
+
n("div", ne, [
|
|
96
96
|
e[1] || (e[1] = n("span", { class: "contact-info not-available" }, "Telefon nicht verfügbar", -1)),
|
|
97
97
|
f.value.email ? (s(), a("a", {
|
|
98
98
|
key: 0,
|
|
99
99
|
class: "contact-info",
|
|
100
100
|
href: `mailto:${f.value.email}`
|
|
101
|
-
},
|
|
101
|
+
}, r(f.value.email), 9, te)) : (s(), a("span", ie, "E-Mail nicht verfügbar"))
|
|
102
102
|
])
|
|
103
103
|
])
|
|
104
104
|
])
|
|
@@ -109,18 +109,18 @@ const F = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" },
|
|
|
109
109
|
], !0)
|
|
110
110
|
])
|
|
111
111
|
]),
|
|
112
|
-
|
|
113
|
-
n("section",
|
|
114
|
-
n("div",
|
|
112
|
+
z("", !0),
|
|
113
|
+
n("section", ae, [
|
|
114
|
+
n("div", se, [
|
|
115
115
|
e[6] || (e[6] = n("h5", null, "Projektkontakt (optional)", -1)),
|
|
116
116
|
e[7] || (e[7] = n("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
|
|
117
|
-
o(
|
|
118
|
-
default:
|
|
117
|
+
o(M, null, {
|
|
118
|
+
default: c(() => [
|
|
119
119
|
o(i(m), {
|
|
120
120
|
type: "group",
|
|
121
121
|
name: "contact"
|
|
122
122
|
}, {
|
|
123
|
-
default:
|
|
123
|
+
default: c(() => [
|
|
124
124
|
o(i(m), {
|
|
125
125
|
type: i(g),
|
|
126
126
|
name: "name",
|
|
@@ -143,7 +143,7 @@ const F = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" },
|
|
|
143
143
|
"validation-visibility": "submit",
|
|
144
144
|
"validation-label": "E-Mail-Adresse",
|
|
145
145
|
"validation-messages": {
|
|
146
|
-
email: i(
|
|
146
|
+
email: i(y)("E-Mail-Adresse"),
|
|
147
147
|
requireAllIfAny: i(v)("E-Mail-Adresse")
|
|
148
148
|
},
|
|
149
149
|
"validation-rules": { requireAllIfAny: i(p) }
|
|
@@ -153,12 +153,12 @@ const F = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" },
|
|
|
153
153
|
name: "phone",
|
|
154
154
|
"text-label": "Telefonnummer",
|
|
155
155
|
placeholder: "Geben Sie eine Telefonnummer an.",
|
|
156
|
-
"validation-rules": { numeric:
|
|
156
|
+
"validation-rules": { numeric: S, requireAllIfAny: i(p) },
|
|
157
157
|
validation: "numeric|+requireAllIfAny",
|
|
158
158
|
"validation-label": "Telefonnummer",
|
|
159
159
|
"validation-visibility": "submit",
|
|
160
160
|
"validation-messages": {
|
|
161
|
-
numeric: i(
|
|
161
|
+
numeric: i(y)("Telefonnummer"),
|
|
162
162
|
requireAllIfAny: i(v)("Telefonnummer")
|
|
163
163
|
}
|
|
164
164
|
}, null, 8, ["type", "validation-rules", "validation-messages"])
|
|
@@ -170,22 +170,22 @@ const F = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" },
|
|
|
170
170
|
})
|
|
171
171
|
])
|
|
172
172
|
]),
|
|
173
|
-
n("section",
|
|
174
|
-
o(
|
|
173
|
+
n("section", oe, [
|
|
174
|
+
o(N)
|
|
175
175
|
]),
|
|
176
|
-
n("section",
|
|
177
|
-
n("div",
|
|
178
|
-
o(
|
|
179
|
-
icon:
|
|
180
|
-
o(i(
|
|
176
|
+
n("section", le, [
|
|
177
|
+
n("div", re, [
|
|
178
|
+
o(x, { variant: "default" }, {
|
|
179
|
+
icon: c(() => [
|
|
180
|
+
o(i(D), {
|
|
181
181
|
size: 32,
|
|
182
182
|
color: "#009fe3"
|
|
183
183
|
})
|
|
184
184
|
]),
|
|
185
|
-
title:
|
|
186
|
-
|
|
185
|
+
title: c(() => e[8] || (e[8] = [
|
|
186
|
+
w(" Wichtig! ", -1)
|
|
187
187
|
])),
|
|
188
|
-
default:
|
|
188
|
+
default: c(() => [
|
|
189
189
|
e[9] || (e[9] = n("div", { class: "copy-large-regular" }, [
|
|
190
190
|
n("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
|
|
191
191
|
n("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
|
|
@@ -201,5 +201,5 @@ const F = { class: "dpiV3_page V3-typography" }, V = { class: "funny-section" },
|
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
203
|
export {
|
|
204
|
-
|
|
204
|
+
be as default
|
|
205
205
|
};
|