@piveau/dpi 0.2.0-alpha.72 → 0.2.0-alpha.74

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.
@@ -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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5752d1b8"]]);
4
+ const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-96ae74f8"]]);
5
5
  export {
6
- m as default
6
+ f as default
7
7
  };
@@ -1,5 +1,5 @@
1
- import { defineComponent as b, createElementBlock as t, openBlock as i, createElementVNode as n, createCommentVNode as A, renderSlot as k, unref as e, Fragment as I, toDisplayString as r, createVNode as o, withCtx as c, createTextVNode as S } from "vue";
2
- import { FormKit as d } from "@formkit/vue";
1
+ import { defineComponent as b, createElementBlock as i, openBlock as s, createElementVNode as t, createCommentVNode as A, renderSlot as k, unref as e, Fragment as I, toDisplayString as r, createVNode as o, withCtx as d, createTextVNode as S } from "vue";
2
+ import { FormKit as c } from "@formkit/vue";
3
3
  import { PhLightbulb as z } from "@phosphor-icons/vue";
4
4
  import q from "../../../../stories/components/PartnerCard.vue.js";
5
5
  import { generateIsRequiredMsg as u, requireAllIfAny as m, generateIsInvalidMsg as p } from "../../../../utils/twinbyUtils.js";
@@ -8,7 +8,7 @@ import { useOrganizationInfo as w } from "../../../composables/useOrganizationIn
8
8
  import { useTwinbyUser as E } from "../../../composables/useTwinbyUser.js";
9
9
  import M from "../Card.vue.js";
10
10
  import f from "../InputField/InputFieldDefinition.js";
11
- const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" }, T = { class: "funny-flex" }, O = { class: "funny-section" }, x = { class: "contact-container" }, C = {
11
+ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" }, T = { class: "funny-flex" }, x = { class: "funny-section" }, O = { class: "contact-container" }, C = {
12
12
  key: 0,
13
13
  class: "contact-title"
14
14
  }, B = {
@@ -20,31 +20,19 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
20
20
  }, F = { class: "contact-wrapper" }, j = {
21
21
  key: 0,
22
22
  class: "contact-logo-wrapper"
23
- }, G = ["src"], L = { key: 1 }, K = { class: "info-wrapper" }, R = { class: "contact-grid" }, W = { class: "contact-col" }, $ = {
24
- key: 0,
25
- class: "contact-info"
26
- }, U = {
23
+ }, G = ["src"], L = { key: 1 }, $ = { class: "info-wrapper" }, K = { class: "contact-grid" }, R = { class: "contact-col" }, W = ["title"], U = {
27
24
  key: 1,
28
25
  class: "contact-info not-available"
29
- }, H = {
30
- key: 2,
31
- class: "contact-info"
32
- }, J = {
26
+ }, H = ["title"], J = {
33
27
  key: 3,
34
28
  class: "contact-info not-available"
35
- }, Q = { class: "contact-col" }, X = {
36
- key: 0,
37
- class: "contact-info"
38
- }, Y = {
29
+ }, Q = { class: "contact-col contact-col--extended" }, X = ["title"], Y = {
39
30
  key: 1,
40
31
  class: "contact-info not-available"
41
- }, Z = {
42
- key: 2,
43
- class: "contact-info"
44
- }, ee = {
32
+ }, Z = ["title"], ee = {
45
33
  key: 3,
46
34
  class: "contact-info not-available"
47
- }, ne = { class: "funny-section" }, te = { class: "contact-section" }, ie = { class: "funny-section" }, se = { class: "funny-section" }, ae = { class: "funny-flex" }, ve = /* @__PURE__ */ b({
35
+ }, te = { class: "funny-section" }, ne = { class: "contact-section" }, ie = { class: "funny-section" }, se = { class: "funny-section" }, ae = { class: "funny-flex" }, ve = /* @__PURE__ */ b({
48
36
  __name: "ProjectOrganisationStep",
49
37
  props: {
50
38
  isWip: { type: Boolean }
@@ -52,42 +40,58 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
52
40
  setup(oe) {
53
41
  const { organization: _, authToken: g, startFetchPermissions: v } = E();
54
42
  v();
55
- const { organizationDisplay: s, isLoading: h } = w({
43
+ const { organizationDisplay: n, isLoading: h } = w({
56
44
  id: _,
57
45
  authToken: g
58
46
  });
59
47
  function y(l) {
60
48
  return l._value === null || l._value === void 0 ? !0 : typeof l._value != "string" ? !1 : /^\d*$/.test(l._value);
61
49
  }
62
- return (l, a) => (i(), t("div", N, [
63
- n("section", P, [
64
- n("div", T, [
65
- a[1] || (a[1] = n("h4", null, "Informationen zu Ihrer Organisation", -1)),
66
- a[2] || (a[2] = 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)),
50
+ return (l, a) => (s(), i("div", N, [
51
+ t("section", P, [
52
+ t("div", T, [
53
+ a[1] || (a[1] = t("h4", null, "Informationen zu Ihrer Organisation", -1)),
54
+ a[2] || (a[2] = t("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)),
67
55
  k(l.$slots, "organization", {}, () => [
68
- n("section", O, [
69
- n("div", x, [
70
- e(h) ? (i(), t("p", C, " Lade Organisationsdaten... ")) : (i(), t(I, { key: 1 }, [
71
- e(s).title ? (i(), t("p", B, r(e(s).title), 1)) : (i(), t("p", V, " Name nicht verfügbar ")),
72
- n("div", F, [
73
- e(s).logo ? (i(), t("div", j, [
74
- n("img", {
56
+ t("section", x, [
57
+ t("div", O, [
58
+ e(h) ? (s(), i("p", C, " Lade Organisationsdaten... ")) : (s(), i(I, { key: 1 }, [
59
+ e(n).title ? (s(), i("p", B, r(e(n).title), 1)) : (s(), i("p", V, " Name nicht verfügbar ")),
60
+ t("div", F, [
61
+ e(n).logo ? (s(), i("div", j, [
62
+ t("img", {
75
63
  class: "contact-logo",
76
- src: e(s).logo,
64
+ src: e(n).logo,
77
65
  alt: "Organisation Logo"
78
66
  }, null, 8, G)
79
- ])) : (i(), t("div", L, a[0] || (a[0] = [
80
- n("div", { class: "avatar-circle" }, null, -1)
67
+ ])) : (s(), i("div", L, a[0] || (a[0] = [
68
+ t("div", { class: "avatar-circle" }, null, -1)
81
69
  ]))),
82
- n("div", K, [
83
- n("div", R, [
84
- n("div", W, [
85
- e(s).address.street ? (i(), t("span", $, r(e(s).address.street), 1)) : (i(), t("span", U, "Straße nicht verfügbar")),
86
- e(s).address.postalCode || e(s).address.locality ? (i(), t("span", H, r(e(s).address.postalCode || "") + " " + r(e(s).address.locality || ""), 1)) : (i(), t("span", J, "Ort nicht verfügbar"))
70
+ t("div", $, [
71
+ t("div", K, [
72
+ t("div", R, [
73
+ e(n).address.street ? (s(), i("span", {
74
+ key: 0,
75
+ title: e(n).address.street,
76
+ class: "contact-info"
77
+ }, r(e(n).address.street), 9, W)) : (s(), i("span", U, "Straße nicht verfügbar")),
78
+ e(n).address.postalCode || e(n).address.locality ? (s(), i("span", {
79
+ key: 2,
80
+ title: `${e(n).address.postalCode || ""} ${e(n).address.locality || ""}`,
81
+ class: "contact-info"
82
+ }, r(e(n).address.postalCode || "") + " " + r(e(n).address.locality || ""), 9, H)) : (s(), i("span", J, "Ort nicht verfügbar"))
87
83
  ]),
88
- n("div", Q, [
89
- e(s).phone ? (i(), t("span", X, r(e(s).phone), 1)) : (i(), t("span", Y, "Telefon nicht verfügbar")),
90
- e(s).email ? (i(), t("span", Z, r(e(s).email), 1)) : (i(), t("span", ee, "E-Mail nicht verfügbar"))
84
+ t("div", Q, [
85
+ e(n).phone ? (s(), i("span", {
86
+ key: 0,
87
+ title: e(n).phone,
88
+ class: "contact-info"
89
+ }, r(e(n).phone), 9, X)) : (s(), i("span", Y, "Telefon nicht verfügbar")),
90
+ e(n).email ? (s(), i("span", {
91
+ key: 2,
92
+ title: e(n).email,
93
+ class: "contact-info"
94
+ }, r(e(n).email), 9, Z)) : (s(), i("span", ee, "E-Mail nicht verfügbar"))
91
95
  ])
92
96
  ])
93
97
  ])
@@ -99,18 +103,18 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
99
103
  ])
100
104
  ]),
101
105
  A("", !0),
102
- n("section", ne, [
103
- n("div", te, [
104
- a[5] || (a[5] = n("h5", null, "Projektkontakt (optional)", -1)),
105
- a[6] || (a[6] = 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)),
106
+ t("section", te, [
107
+ t("div", ne, [
108
+ a[5] || (a[5] = t("h5", null, "Projektkontakt (optional)", -1)),
109
+ a[6] || (a[6] = t("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)),
106
110
  o(q, null, {
107
- default: c(() => [
108
- o(e(d), {
111
+ default: d(() => [
112
+ o(e(c), {
109
113
  type: "group",
110
114
  name: "contact"
111
115
  }, {
112
- default: c(() => [
113
- o(e(d), {
116
+ default: d(() => [
117
+ o(e(c), {
114
118
  type: e(f),
115
119
  name: "name",
116
120
  "text-label": "Name",
@@ -123,7 +127,7 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
123
127
  requireAllIfAny: e(u)("Name")
124
128
  }
125
129
  }, null, 8, ["type", "validation-rules", "validation-messages"]),
126
- o(e(d), {
130
+ o(e(c), {
127
131
  type: e(f),
128
132
  name: "mail",
129
133
  "text-label": "E-Mail-Adresse",
@@ -137,7 +141,7 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
137
141
  },
138
142
  "validation-rules": { requireAllIfAny: e(m) }
139
143
  }, null, 8, ["type", "validation-messages", "validation-rules"]),
140
- o(e(d), {
144
+ o(e(c), {
141
145
  type: e(f),
142
146
  name: "phone",
143
147
  "text-label": "Telefonnummer",
@@ -159,26 +163,26 @@ const N = { class: "dpiV3_page V3-typography" }, P = { class: "funny-section" },
159
163
  })
160
164
  ])
161
165
  ]),
162
- n("section", ie, [
166
+ t("section", ie, [
163
167
  o(D)
164
168
  ]),
165
- n("section", se, [
166
- n("div", ae, [
169
+ t("section", se, [
170
+ t("div", ae, [
167
171
  o(M, { variant: "default" }, {
168
- icon: c(() => [
172
+ icon: d(() => [
169
173
  o(e(z), {
170
174
  size: 32,
171
175
  color: "#009fe3"
172
176
  })
173
177
  ]),
174
- title: c(() => a[7] || (a[7] = [
178
+ title: d(() => a[7] || (a[7] = [
175
179
  S(" Wichtig! ", -1)
176
180
  ])),
177
- default: c(() => [
178
- a[8] || (a[8] = n("div", { class: "copy-large-regular" }, [
179
- n("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
180
- n("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
181
- n("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
181
+ default: d(() => [
182
+ a[8] || (a[8] = t("div", { class: "copy-large-regular" }, [
183
+ t("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
184
+ t("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
185
+ t("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
182
186
  ], -1))
183
187
  ]),
184
188
  _: 1,