@piveau/dpi 0.1.0-beta.8 → 0.1.0-twinby.0
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/data-provider-interface/DPIMenu.vue.js +7 -7
- package/dist/data-provider-interface/DataProviderInterface.vue2.js +18 -17
- package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/Autocomplete.vue.js +7 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/Autocomplete.vue2.js +122 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteInputDefinition.js +14 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocabFormKit.vue.js +75 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/Autocomplete/AutocompleteVocabFormKit.vue2.js +4 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js +29 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js +7 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue2.js +70 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.js +19 -20
- package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue.js +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/DpiModalBase.vue2.js +32 -28
- package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.js +1 -1
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js +21 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js +60 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue2.js +4 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js +7 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue2.js +98 -0
- package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AvailabilityV3.vue.js +16 -21
- package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/DistributionModal.vue.js +83 -81
- package/dist/data-provider-interface/HappyFlowComponents/ui/SectionItems/EssentialsModal.vue.js +2 -4
- package/dist/data-provider-interface/components/DistLicense.vue.js +61 -63
- package/dist/data-provider-interface/components/DistributionSimplePage.vue.js +791 -779
- package/dist/data-provider-interface/components/HVDPage.vue.js +45 -43
- package/dist/data-provider-interface/components/InputPageStep.vue.js +9 -11
- package/dist/data-provider-interface/components/ProgressSteps.vue.js +7 -0
- package/dist/data-provider-interface/components/ProgressSteps.vue2.js +106 -0
- package/dist/data-provider-interface/components/ReviewAndPublishPage.vue.js +204 -204
- package/dist/data-provider-interface/composables/useDpiSimpleLoader.js +211 -212
- package/dist/data-provider-interface/composables/useDpiStepper.js +80 -39
- package/dist/data-provider-interface/config/dcatapdeHappyFlow/converter.js +145 -105
- package/dist/data-provider-interface/store/modules/conversionStore.js +130 -0
- package/dist/data-provider-interface/store/modules/dpiStore.js +18 -16
- package/dist/data-provider-interface/utils/RDFconverter.js +226 -0
- package/dist/data-provider-interface/utils/inputConverter.js +255 -0
- package/dist/data-provider-interface/utils/useSteps.js +39 -30
- package/dist/data-provider-interface/views/InputPage.vue.js +80 -92
- package/dist/data-provider-interface/views/InputPageProject.vue.js +528 -0
- package/dist/index.js +31 -27
- package/dist/stories/components/DemoStep.vue.js +331 -0
- package/dist/stories/components/DemoStepper.vue.js +7 -0
- package/dist/stories/components/DemoStepper.vue2.js +160 -0
- package/dist/stories/components/PartnerCard.vue.js +7 -0
- package/dist/stories/components/PartnerCard.vue2.js +32 -0
- package/dist/stories/components/ReviewStepDemo.vue.js +7 -0
- package/dist/stories/components/ReviewStepDemo.vue2.js +98 -0
- package/package.json +11 -4
|
@@ -236,16 +236,16 @@ const z = {
|
|
|
236
236
|
setupKeycloakWatcher() {
|
|
237
237
|
this.$keycloak && this.$keycloak.authenticated && (this.$watch(
|
|
238
238
|
"$keycloak.token",
|
|
239
|
-
async (e) => {
|
|
239
|
+
async (e, t) => {
|
|
240
240
|
if (!e) return;
|
|
241
|
-
let
|
|
242
|
-
if (!
|
|
243
|
-
const
|
|
244
|
-
|
|
241
|
+
let o = this.$keycloak.rtpToken;
|
|
242
|
+
if (!o) {
|
|
243
|
+
const s = this.$keycloak.getRtpToken;
|
|
244
|
+
s && (o = await s({ autoRefresh: !0 }));
|
|
245
245
|
}
|
|
246
246
|
this.updateUserData({
|
|
247
247
|
authToken: e,
|
|
248
|
-
rtpToken:
|
|
248
|
+
rtpToken: o,
|
|
249
249
|
hubUrl: this.$env.api.hubUrl
|
|
250
250
|
});
|
|
251
251
|
},
|
|
@@ -451,7 +451,7 @@ function G(e, t, o, s, a, i) {
|
|
|
451
451
|
}, 8, ["loading", "confirm", "onConfirm"])
|
|
452
452
|
]);
|
|
453
453
|
}
|
|
454
|
-
const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-
|
|
454
|
+
const te = /* @__PURE__ */ L(z, [["render", G], ["__scopeId", "data-v-7ba4c527"]]);
|
|
455
455
|
export {
|
|
456
456
|
te as default
|
|
457
457
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { whenever as V } from "@vueuse/core";
|
|
2
|
-
import { defineComponent as q, defineAsyncComponent as
|
|
3
|
-
import { useRoute as
|
|
4
|
-
import { mapActions as
|
|
2
|
+
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";
|
|
3
|
+
import { useRoute as O } from "vue-router";
|
|
4
|
+
import { mapActions as S, mapGetters as z, useStore as F } from "vuex";
|
|
5
5
|
import { useRuntimeEnv as T } from "../composables/useRuntimeEnv.js";
|
|
6
6
|
import J from "./components/TheErrorDialog.vue.js";
|
|
7
7
|
import { autocompleteKey as G, defaultAutocompleteAdapter as K } from "./composables/aucotomplete.js";
|
|
@@ -16,7 +16,8 @@ const fe = q({
|
|
|
16
16
|
name: "DataProviderInterface",
|
|
17
17
|
components: {
|
|
18
18
|
ButtonV3: Y,
|
|
19
|
-
InputPage:
|
|
19
|
+
InputPage: D(() => import("./views/InputPage.vue.js")),
|
|
20
|
+
InputPageProject: D(() => import("./views/InputPageProject.vue.js")),
|
|
20
21
|
DpiModalBase: Z,
|
|
21
22
|
TheErrorDialog: J
|
|
22
23
|
},
|
|
@@ -61,10 +62,10 @@ const fe = q({
|
|
|
61
62
|
}
|
|
62
63
|
},
|
|
63
64
|
methods: {
|
|
64
|
-
...
|
|
65
|
+
...S("dpiStore", [
|
|
65
66
|
"saveLocalstorageValues"
|
|
66
67
|
]),
|
|
67
|
-
...
|
|
68
|
+
...S("auth", [
|
|
68
69
|
"populateDraftAndEdit"
|
|
69
70
|
]),
|
|
70
71
|
getClearPath() {
|
|
@@ -88,10 +89,10 @@ const fe = q({
|
|
|
88
89
|
window.removeEventListener("scroll", this.handleScroll);
|
|
89
90
|
},
|
|
90
91
|
setup(o) {
|
|
91
|
-
const e =
|
|
92
|
-
const a = B(
|
|
92
|
+
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(() => {
|
|
93
|
+
const a = B(I);
|
|
93
94
|
return {
|
|
94
|
-
specification:
|
|
95
|
+
specification: b,
|
|
95
96
|
specificationName: h,
|
|
96
97
|
edit: {
|
|
97
98
|
enabled: e.query.edit === "true",
|
|
@@ -107,12 +108,12 @@ const fe = q({
|
|
|
107
108
|
envs: c,
|
|
108
109
|
dpiContext: t
|
|
109
110
|
});
|
|
110
|
-
|
|
111
|
+
j(G, o.autocomplete || C.adapter), v(() => {
|
|
111
112
|
r.dispatch("dpiStore/setSpecification", A.value), r.dispatch("dpiStore/setSpecificationname", E.value);
|
|
112
113
|
});
|
|
113
|
-
const
|
|
114
|
+
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);
|
|
114
115
|
v(async () => {
|
|
115
|
-
f.value || $.value && p.value && (await
|
|
116
|
+
f.value || $.value && p.value && (await w(), await w(), g.value = m.value, console.log("resultus", m.value), f.value = !0);
|
|
116
117
|
});
|
|
117
118
|
const k = i(() => {
|
|
118
119
|
var a;
|
|
@@ -129,17 +130,17 @@ const fe = q({
|
|
|
129
130
|
}, { immediate: !0 }), {
|
|
130
131
|
result: m,
|
|
131
132
|
resolvedDpiContext: t,
|
|
132
|
-
key:
|
|
133
|
+
key: x,
|
|
133
134
|
isReady: k,
|
|
134
135
|
formValues: g,
|
|
135
136
|
showErrorModal: d,
|
|
136
137
|
currentError: l,
|
|
137
138
|
isDevelopment: N,
|
|
138
139
|
fetchError: n,
|
|
139
|
-
isSimpleLoaderReady:
|
|
140
|
-
isMaterialized:
|
|
141
|
-
isLoading:
|
|
142
|
-
jsonld:
|
|
140
|
+
isSimpleLoaderReady: R,
|
|
141
|
+
isMaterialized: L,
|
|
142
|
+
isLoading: M,
|
|
143
|
+
jsonld: P,
|
|
143
144
|
inEditModeAndRptAvailable: $
|
|
144
145
|
};
|
|
145
146
|
}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { defineComponent as V, mergeModels as h, useModel as g, computed as w, createElementBlock as d, openBlock as u, createVNode as i, unref as r, withCtx as n, createElementVNode as t, createBlock as C, createCommentVNode as p, renderSlot as x, createTextVNode as M, toDisplayString as _, normalizeClass as b, Fragment as q, renderList as B } from "vue";
|
|
2
|
+
import { Combobox as N, ComboboxLabel as E, ComboboxButton as z, ComboboxInput as I, ComboboxOptions as L, ComboboxOption as O } from "@headlessui/vue";
|
|
3
|
+
const S = { class: "autocomplete" }, j = { class: "autocomplete__wrapper" }, A = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "autocomplete__no-results"
|
|
6
|
+
}, P = /* @__PURE__ */ V({
|
|
7
|
+
__name: "Autocomplete",
|
|
8
|
+
props: /* @__PURE__ */ h({
|
|
9
|
+
options: {},
|
|
10
|
+
label: { default: "" },
|
|
11
|
+
errorMessage: { default: "" },
|
|
12
|
+
placeholder: { default: "" },
|
|
13
|
+
name: { default: "" }
|
|
14
|
+
}, {
|
|
15
|
+
modelValue: { required: !0 },
|
|
16
|
+
modelModifiers: {},
|
|
17
|
+
query: { default: "" },
|
|
18
|
+
queryModifiers: {}
|
|
19
|
+
}),
|
|
20
|
+
emits: ["update:modelValue", "update:query"],
|
|
21
|
+
setup(m) {
|
|
22
|
+
const o = m, c = g(m, "modelValue"), v = g(m, "query"), f = w(() => !!o.errorMessage);
|
|
23
|
+
function k(a) {
|
|
24
|
+
a.open && a.event.stopPropagation();
|
|
25
|
+
}
|
|
26
|
+
return (a, s) => (u(), d("div", S, [
|
|
27
|
+
i(r(N), {
|
|
28
|
+
modelValue: c.value,
|
|
29
|
+
"onUpdate:modelValue": s[1] || (s[1] = (e) => c.value = e),
|
|
30
|
+
name: o.name,
|
|
31
|
+
by: "id",
|
|
32
|
+
nullable: ""
|
|
33
|
+
}, {
|
|
34
|
+
default: n(() => [
|
|
35
|
+
t("div", j, [
|
|
36
|
+
o.label ? (u(), C(r(E), {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: "autocomplete__label"
|
|
39
|
+
}, {
|
|
40
|
+
default: n(() => [
|
|
41
|
+
x(a.$slots, "label", {
|
|
42
|
+
label: o.label,
|
|
43
|
+
selected: c.value
|
|
44
|
+
}, () => [
|
|
45
|
+
M(_(o.label), 1)
|
|
46
|
+
], !0)
|
|
47
|
+
]),
|
|
48
|
+
_: 3
|
|
49
|
+
})) : p("", !0),
|
|
50
|
+
t("div", {
|
|
51
|
+
class: b(["autocomplete__input-container", { "autocomplete__input-container--error": f.value }])
|
|
52
|
+
}, [
|
|
53
|
+
i(r(z), {
|
|
54
|
+
as: "div",
|
|
55
|
+
class: "autocomplete__input-wrapper"
|
|
56
|
+
}, {
|
|
57
|
+
default: n(({ open: e }) => [
|
|
58
|
+
i(r(I), {
|
|
59
|
+
class: "autocomplete__input",
|
|
60
|
+
"display-value": (l) => (l == null ? void 0 : l.name) || "",
|
|
61
|
+
placeholder: o.placeholder,
|
|
62
|
+
onChange: s[0] || (s[0] = (l) => v.value = l.target.value),
|
|
63
|
+
onClick: (l) => k({ event: l, open: e })
|
|
64
|
+
}, null, 8, ["display-value", "placeholder", "onClick"]),
|
|
65
|
+
s[2] || (s[2] = t("div", { class: "autocomplete__button" }, [
|
|
66
|
+
t("div", { class: "autocomplete__input-icon" }, [
|
|
67
|
+
t("svg", {
|
|
68
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
69
|
+
fill: "none",
|
|
70
|
+
viewBox: "0 0 24 24",
|
|
71
|
+
"stroke-width": "1.5",
|
|
72
|
+
stroke: "currentColor",
|
|
73
|
+
class: "size-4"
|
|
74
|
+
}, [
|
|
75
|
+
t("path", {
|
|
76
|
+
"stroke-linecap": "round",
|
|
77
|
+
"stroke-linejoin": "round",
|
|
78
|
+
d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
|
|
79
|
+
})
|
|
80
|
+
])
|
|
81
|
+
])
|
|
82
|
+
], -1))
|
|
83
|
+
]),
|
|
84
|
+
_: 1
|
|
85
|
+
})
|
|
86
|
+
], 2),
|
|
87
|
+
a.errorMessage ? (u(), d("div", {
|
|
88
|
+
key: 1,
|
|
89
|
+
class: b(["autocomplete__message", { "autocomplete__message--error": f.value }])
|
|
90
|
+
}, _(a.errorMessage), 3)) : p("", !0)
|
|
91
|
+
]),
|
|
92
|
+
i(r(L), {
|
|
93
|
+
class: "autocomplete__options",
|
|
94
|
+
as: "ul"
|
|
95
|
+
}, {
|
|
96
|
+
default: n(() => [
|
|
97
|
+
(u(!0), d(q, null, B(o.options, (e) => (u(), C(r(O), {
|
|
98
|
+
as: "template",
|
|
99
|
+
key: e.id,
|
|
100
|
+
value: e,
|
|
101
|
+
disabled: e.unavailable
|
|
102
|
+
}, {
|
|
103
|
+
default: n(({ active: l, selected: y }) => [
|
|
104
|
+
t("li", {
|
|
105
|
+
class: b(["autocomplete__option", { "autocomplete__option--active": l, "autocomplete__option--selected": y }])
|
|
106
|
+
}, _(e.name || e.id), 3)
|
|
107
|
+
]),
|
|
108
|
+
_: 2
|
|
109
|
+
}, 1032, ["value", "disabled"]))), 128)),
|
|
110
|
+
o.options.length === 0 && v.value !== "" ? (u(), d("div", A, " No results found. ")) : p("", !0)
|
|
111
|
+
]),
|
|
112
|
+
_: 1
|
|
113
|
+
})
|
|
114
|
+
]),
|
|
115
|
+
_: 3
|
|
116
|
+
}, 8, ["modelValue", "name"])
|
|
117
|
+
]));
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
export {
|
|
121
|
+
P as default
|
|
122
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { defineComponent as S, computed as t, ref as d, createBlock as q, openBlock as _, unref as k } from "vue";
|
|
2
|
+
import { defineHubSearch as V } from "@piveau/sdk-vue";
|
|
3
|
+
import { useDebounce as B } from "@vueuse/core";
|
|
4
|
+
import E from "zod";
|
|
5
|
+
import U from "./Autocomplete.vue.js";
|
|
6
|
+
const C = /* @__PURE__ */ S({
|
|
7
|
+
__name: "AutocompleteVocabFormKit",
|
|
8
|
+
props: {
|
|
9
|
+
context: {}
|
|
10
|
+
},
|
|
11
|
+
setup(m) {
|
|
12
|
+
const r = m, u = t({
|
|
13
|
+
get: () => {
|
|
14
|
+
var e;
|
|
15
|
+
return ((e = r.context) == null ? void 0 : e._value) || null;
|
|
16
|
+
},
|
|
17
|
+
set: (e) => {
|
|
18
|
+
var o;
|
|
19
|
+
(o = r.context) == null || o.node.input(e);
|
|
20
|
+
}
|
|
21
|
+
}), p = t(() => {
|
|
22
|
+
var e;
|
|
23
|
+
return String(((e = r.context) == null ? void 0 : e.label) || "");
|
|
24
|
+
}), i = t(() => {
|
|
25
|
+
var e;
|
|
26
|
+
return String(((e = r.context) == null ? void 0 : e.name) || "");
|
|
27
|
+
}), b = t(() => {
|
|
28
|
+
var e;
|
|
29
|
+
return String(((e = r.context) == null ? void 0 : e.placeholder) || "Type to search...");
|
|
30
|
+
}), g = t(() => {
|
|
31
|
+
var e;
|
|
32
|
+
return String(((e = r.context) == null ? void 0 : e.vocabulary) || "");
|
|
33
|
+
}), f = t(() => {
|
|
34
|
+
var e;
|
|
35
|
+
return Object.keys(((e = r.context) == null ? void 0 : e.messages) || {}).length > 0;
|
|
36
|
+
}), v = t(() => {
|
|
37
|
+
var o, n, l, s, a;
|
|
38
|
+
if (!f.value)
|
|
39
|
+
return "";
|
|
40
|
+
const e = (n = Object.keys(((o = r.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : n[0];
|
|
41
|
+
return String((a = (s = (l = r.context) == null ? void 0 : l.messages) == null ? void 0 : s[e]) == null ? void 0 : a.value) || "";
|
|
42
|
+
}), c = d(""), y = B(c, 300), { useSearch: x } = V({
|
|
43
|
+
baseUrl: "https://staging.bydata.de/api/hub/search",
|
|
44
|
+
index: "vocabulary",
|
|
45
|
+
schema: E.any()
|
|
46
|
+
}, (e) => {
|
|
47
|
+
var l, s;
|
|
48
|
+
const o = String((e == null ? void 0 : e.resource) || ""), n = String(((l = e == null ? void 0 : e.pref_label) == null ? void 0 : l.de) || ((s = e == null ? void 0 : e.pref_label) == null ? void 0 : s.en) || "");
|
|
49
|
+
return {
|
|
50
|
+
id: o,
|
|
51
|
+
name: n
|
|
52
|
+
};
|
|
53
|
+
}), { getSearchResultsEnhanced: h } = x({
|
|
54
|
+
queryParams: {
|
|
55
|
+
q: y,
|
|
56
|
+
limit: 12,
|
|
57
|
+
vocabulary: g
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
return (e, o) => (_(), q(U, {
|
|
61
|
+
modelValue: u.value,
|
|
62
|
+
"onUpdate:modelValue": o[0] || (o[0] = (n) => u.value = n),
|
|
63
|
+
query: c.value,
|
|
64
|
+
"onUpdate:query": o[1] || (o[1] = (n) => c.value = n),
|
|
65
|
+
options: k(h) || [],
|
|
66
|
+
label: p.value,
|
|
67
|
+
"error-message": v.value,
|
|
68
|
+
placeholder: b.value,
|
|
69
|
+
name: i.value
|
|
70
|
+
}, null, 8, ["modelValue", "query", "options", "label", "error-message", "placeholder", "name"]));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
C as default
|
|
75
|
+
};
|
package/dist/data-provider-interface/HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { createElementBlock as r, openBlock as o, createElementVNode as t, createVNode as i, unref as n } from "vue";
|
|
2
|
+
import { FormKit as a } from "@formkit/vue";
|
|
3
|
+
import s from "../InputField/InputFieldDefinition.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import l from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const m = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, d = { class: "funny-flex" }, c = {
|
|
7
|
+
__name: "ProjectNameStep",
|
|
8
|
+
setup(f) {
|
|
9
|
+
return (u, e) => (o(), r("div", m, [
|
|
10
|
+
t("section", p, [
|
|
11
|
+
t("div", d, [
|
|
12
|
+
e[0] || (e[0] = t("h4", null, " Geben Sie Ihrem Projekt einen Namen ", -1)),
|
|
13
|
+
e[1] || (e[1] = t("span", { class: "copy-large-regular" }, "Ein aussagekräftiger Projektname bildet den ersten Grundstein für eine gute Auffindbarkeit Ihres Projekts.", -1)),
|
|
14
|
+
i(n(a), {
|
|
15
|
+
type: n(s),
|
|
16
|
+
name: "projectName",
|
|
17
|
+
"text-label": "Name",
|
|
18
|
+
placeholder: "Geben Sie Ihrem Projekt einen Namen.",
|
|
19
|
+
validation: "required",
|
|
20
|
+
"validation-label": "Name"
|
|
21
|
+
}, null, 8, ["type"])
|
|
22
|
+
])
|
|
23
|
+
])
|
|
24
|
+
]));
|
|
25
|
+
}
|
|
26
|
+
}, y = /* @__PURE__ */ l(c, [["__scopeId", "data-v-7f91d514"]]);
|
|
27
|
+
export {
|
|
28
|
+
y as default
|
|
29
|
+
};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { defineComponent as l, createElementBlock as s, openBlock as d, createElementVNode as e, createVNode as a, withCtx as o, unref as n } from "vue";
|
|
2
|
+
import { FormKit as i } from "@formkit/vue";
|
|
3
|
+
import m from "../../../../stories/components/PartnerCard.vue.js";
|
|
4
|
+
import r from "../InputField/InputFieldDefinition.js";
|
|
5
|
+
const u = { class: "dpiV3_page V3-typography" }, p = { class: "funny-section" }, c = { class: "funny-flex" }, N = /* @__PURE__ */ l({
|
|
6
|
+
__name: "ProjectOrganisationStep",
|
|
7
|
+
props: {
|
|
8
|
+
icon: {},
|
|
9
|
+
address: {},
|
|
10
|
+
phone: {},
|
|
11
|
+
mail: {}
|
|
12
|
+
},
|
|
13
|
+
setup(f) {
|
|
14
|
+
return (g, t) => (d(), s("div", u, [
|
|
15
|
+
t[2] || (t[2] = e("section", { class: "funny-section" }, [
|
|
16
|
+
e("div", { class: "funny-flex" }, [
|
|
17
|
+
e("h4", null, " Informationen zu Ihrer Organisation "),
|
|
18
|
+
e("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."),
|
|
19
|
+
e("div", { class: "organisation-badge-container" }, " layout ")
|
|
20
|
+
])
|
|
21
|
+
], -1)),
|
|
22
|
+
e("section", p, [
|
|
23
|
+
e("div", c, [
|
|
24
|
+
t[0] || (t[0] = e("h5", null, " Projektkontakt (optional) ", -1)),
|
|
25
|
+
t[1] || (t[1] = e("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)),
|
|
26
|
+
a(m, null, {
|
|
27
|
+
default: o(() => [
|
|
28
|
+
a(n(i), {
|
|
29
|
+
type: "group",
|
|
30
|
+
name: "contact"
|
|
31
|
+
}, {
|
|
32
|
+
default: o(() => [
|
|
33
|
+
a(n(i), {
|
|
34
|
+
type: n(r),
|
|
35
|
+
name: "name",
|
|
36
|
+
"text-label": "Name",
|
|
37
|
+
placeholder: "Geben Sie Ihrem Projekt einen Namen.",
|
|
38
|
+
validation: "required",
|
|
39
|
+
"validation-label": "Name"
|
|
40
|
+
}, null, 8, ["type"]),
|
|
41
|
+
a(n(i), {
|
|
42
|
+
type: n(r),
|
|
43
|
+
name: "mail",
|
|
44
|
+
"text-label": "Name",
|
|
45
|
+
placeholder: "Geben Sie Ihrem Projekt einen Namen.",
|
|
46
|
+
validation: "required",
|
|
47
|
+
"validation-label": "Name"
|
|
48
|
+
}, null, 8, ["type"]),
|
|
49
|
+
a(n(i), {
|
|
50
|
+
type: n(r),
|
|
51
|
+
name: "phone",
|
|
52
|
+
"text-label": "Name",
|
|
53
|
+
placeholder: "Geben Sie Ihrem Projekt einen Namen.",
|
|
54
|
+
validation: "required",
|
|
55
|
+
"validation-label": "Name"
|
|
56
|
+
}, null, 8, ["type"])
|
|
57
|
+
]),
|
|
58
|
+
_: 1
|
|
59
|
+
})
|
|
60
|
+
]),
|
|
61
|
+
_: 1
|
|
62
|
+
})
|
|
63
|
+
])
|
|
64
|
+
])
|
|
65
|
+
]));
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
export {
|
|
69
|
+
N as default
|
|
70
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ref as c, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as
|
|
1
|
+
import { ref as c, createElementBlock as C, createCommentVNode as d, openBlock as r, normalizeClass as v, createElementVNode as b, withModifiers as S, unref as t, createBlock as f, toDisplayString as F } from "vue";
|
|
2
2
|
import { PhMagnifyingGlass as m, PhX as V } from "@phosphor-icons/vue";
|
|
3
3
|
/* empty css */
|
|
4
|
-
import
|
|
5
|
-
const
|
|
4
|
+
import M from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const P = ["disabled"], T = {
|
|
6
6
|
__name: "Chip",
|
|
7
7
|
props: {
|
|
8
8
|
text: {
|
|
@@ -22,35 +22,34 @@ const M = ["disabled"], T = {
|
|
|
22
22
|
setup(e, { emit: k }) {
|
|
23
23
|
const u = e, n = c();
|
|
24
24
|
let i = c(u.setup["@selected"]), h = c(), p = c("16px");
|
|
25
|
-
const y = k, x = (
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (l != "disabled" && l != "default" && l != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, y("click", u.data), y("selection-change", {
|
|
25
|
+
const y = k, x = (s) => {
|
|
26
|
+
}, g = (s, l) => {
|
|
27
|
+
if (s != "disabled" && s != "default" && s != "static" && (n.value.children[0].classList.toggle("dpiV3_chipSelected"), i.value = !i.value, y("click", u.data), y("selection-change", {
|
|
29
28
|
selected: i.value,
|
|
30
29
|
data: u.data
|
|
31
30
|
}), i.value))
|
|
32
|
-
for (let
|
|
33
|
-
n.value.children[0].children[
|
|
31
|
+
for (let a = 0; a < n.value.children[0].children.length; a++)
|
|
32
|
+
n.value.children[0].children[a].tagName === "IMG" && !h.value && (i.value ? n.value.children[0].children[a].src = X : n.value.children[0].children[a].src = XB);
|
|
34
33
|
};
|
|
35
34
|
u.setup["@type"] === "selected" && (i.value = !0), u.setup["@search"] && (h.value = !0);
|
|
36
|
-
const o = c(!1), z = (
|
|
35
|
+
const o = c(!1), z = (s) => {
|
|
37
36
|
o.value = !0;
|
|
38
37
|
}, B = () => {
|
|
39
38
|
o.value = !1;
|
|
40
39
|
};
|
|
41
|
-
return (
|
|
40
|
+
return (s, l) => typeof e.text < "u" ? (r(), C("div", {
|
|
42
41
|
key: 0,
|
|
43
42
|
ref_key: "chipWrap",
|
|
44
43
|
ref: n,
|
|
45
|
-
class:
|
|
44
|
+
class: v(["dpiV3_chipBorder", { dpiV3_focusBorder: o.value, dpiV3_inTableWrap: e.setup["@inTable"], dpiV3_inRaPFindability_outer: e.setup["@rapfindability"] }]),
|
|
46
45
|
onClick: x
|
|
47
46
|
}, [
|
|
48
|
-
|
|
49
|
-
onClick:
|
|
47
|
+
b("button", {
|
|
48
|
+
onClick: l[0] || (l[0] = (a) => g(e.setup["@type"])),
|
|
50
49
|
type: "button",
|
|
51
|
-
onMousedown:
|
|
50
|
+
onMousedown: l[1] || (l[1] = S(() => {
|
|
52
51
|
}, ["prevent"])),
|
|
53
|
-
class:
|
|
52
|
+
class: v(["dpiV3_chipBody", {
|
|
54
53
|
dpiV3_chipUnselected: e.setup["@type"] === "select",
|
|
55
54
|
dpiV3_chipSelected: t(i),
|
|
56
55
|
dpiV3_chipDefault: e.setup["@type"] === "default",
|
|
@@ -61,7 +60,7 @@ const M = ["disabled"], T = {
|
|
|
61
60
|
dpiV3_inFindability: e.setup["@findability"],
|
|
62
61
|
dpiV3_inRaPFindability: e.setup["@rapfindability"]
|
|
63
62
|
}]),
|
|
64
|
-
onFocus:
|
|
63
|
+
onFocus: l[2] || (l[2] = (a) => z()),
|
|
65
64
|
onBlur: B,
|
|
66
65
|
disabled: e.setup["@type"] === "disabled" || e.setup["@type"] === "static"
|
|
67
66
|
}, [
|
|
@@ -73,7 +72,7 @@ const M = ["disabled"], T = {
|
|
|
73
72
|
key: 1,
|
|
74
73
|
size: t(p)
|
|
75
74
|
}, null, 8, ["size"])) : d("", !0),
|
|
76
|
-
|
|
75
|
+
b("span", null, F(e.text), 1),
|
|
77
76
|
!e.setup["@search"] && e.setup["@icon"] === "suffix" ? (r(), f(t(V), {
|
|
78
77
|
key: 2,
|
|
79
78
|
size: t(p)
|
|
@@ -82,10 +81,10 @@ const M = ["disabled"], T = {
|
|
|
82
81
|
key: 3,
|
|
83
82
|
size: t(p)
|
|
84
83
|
}, null, 8, ["size"])) : d("", !0)
|
|
85
|
-
], 42,
|
|
84
|
+
], 42, P)
|
|
86
85
|
], 2)) : d("", !0);
|
|
87
86
|
}
|
|
88
|
-
}, q = /* @__PURE__ */
|
|
87
|
+
}, q = /* @__PURE__ */ M(T, [["__scopeId", "data-v-fb436673"]]);
|
|
89
88
|
export {
|
|
90
89
|
q as default
|
|
91
90
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DpiModalBase.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-102fc809"]]);
|
|
5
5
|
export {
|
|
6
6
|
f as default
|
|
7
7
|
};
|