@piveau/dpi 0.2.0-alpha.65 → 0.2.0-alpha.66
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,70 +1,70 @@
|
|
|
1
1
|
import { getNode as a1, reset as m1 } from "@formkit/core";
|
|
2
|
-
import { getValidationMessages as
|
|
2
|
+
import { getValidationMessages as B1 } from "@formkit/validation";
|
|
3
3
|
import "@formkit/vue";
|
|
4
4
|
import "@phosphor-icons/vue";
|
|
5
5
|
import "@piveau/sdk-core/hubRepo";
|
|
6
|
-
import { whenever as
|
|
6
|
+
import { whenever as E1, useWindowScroll as A1 } from "@vueuse/core";
|
|
7
7
|
import "axios";
|
|
8
8
|
import "jquery";
|
|
9
9
|
import { has as U, isNil as c1 } from "lodash-es";
|
|
10
|
-
import { defineComponent as
|
|
11
|
-
import { useI18n as
|
|
12
|
-
import { useRouter as
|
|
10
|
+
import { defineComponent as U1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as g, createElementVNode as i, createBlock as C1, withModifiers as N1, withCtx as n, createVNode as t, Fragment as f1, renderList as v1, normalizeClass as R1, createTextVNode as S1, toDisplayString as M, computed as y, ref as v, markRaw as z1, toRef as G1, watch as g1, nextTick as W1 } from "vue";
|
|
11
|
+
import { useI18n as q1 } from "vue-i18n";
|
|
12
|
+
import { useRouter as J1 } from "vue-router";
|
|
13
13
|
import { mapActions as h1, mapGetters as V1 } from "vuex";
|
|
14
|
-
import { useRuntimeEnv as
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import { useFormValues as
|
|
22
|
-
import { useDpiStepper as
|
|
23
|
-
import { useProjectActions as
|
|
24
|
-
import { useTwinbyUser as
|
|
25
|
-
import
|
|
26
|
-
import { eventBus as
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import
|
|
14
|
+
import { useRuntimeEnv as K1 } from "../../composables/useRuntimeEnv.js";
|
|
15
|
+
import Q1 from "../../stories/components/DemoStep.vue.js";
|
|
16
|
+
import X1 from "../../stories/components/ReviewStepDemo.vue.js";
|
|
17
|
+
import Y1 from "../components/dev-tools/ProjectDpiDevTools.vue.js";
|
|
18
|
+
import x1 from "../components/InputPageStep.vue.js";
|
|
19
|
+
import ee from "../components/ProgressSteps.vue.js";
|
|
20
|
+
import te from "../components/StepActionsSection.vue.js";
|
|
21
|
+
import { useFormValues as oe } from "../composables/useDpiFormValues.js";
|
|
22
|
+
import { useDpiStepper as ie } from "../composables/useDpiStepper.js";
|
|
23
|
+
import { useProjectActions as ne } from "../composables/useProjectActions.js";
|
|
24
|
+
import { useTwinbyUser as ae } from "../composables/useTwinbyUser.js";
|
|
25
|
+
import re from "../config/dcatapdeHappyFlow/converter.js";
|
|
26
|
+
import { eventBus as se } from "../HappyFlowComponents/services/eventBus.js";
|
|
27
|
+
import le from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
|
|
28
|
+
import pe from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
|
|
29
|
+
import de from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
|
|
30
|
+
import ue from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
|
|
31
|
+
import me from "../HappyFlowComponents/ui/ButtonV3.vue.js";
|
|
32
|
+
import ce from "../HappyFlowComponents/ui/Card.vue.js";
|
|
33
|
+
import Ce from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
|
|
34
|
+
import fe from "../HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js";
|
|
35
|
+
import ve from "../HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js";
|
|
36
|
+
import Se from "../HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js";
|
|
37
|
+
import ge from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
|
|
38
|
+
import he from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
|
|
39
|
+
import Ve from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
|
|
40
|
+
import He from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
|
|
41
|
+
import De from "../HappyFlowComponents/ui/Illustration.vue.js";
|
|
42
|
+
import we from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
|
|
43
|
+
import be from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
|
|
44
|
+
import ye from "../HappyFlowComponents/ui/LogoV3.vue.js";
|
|
45
|
+
import ke from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
|
|
46
|
+
import Pe from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
|
|
47
|
+
import _e from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
|
|
48
48
|
import Ie from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import
|
|
53
|
-
import
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
import
|
|
59
|
-
import
|
|
49
|
+
import Me from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
|
|
50
|
+
import Fe from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
|
|
51
|
+
import Le from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
|
|
52
|
+
import Te from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
|
|
53
|
+
import je from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
|
|
54
|
+
import Ze from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
|
|
55
|
+
import $e from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
|
|
56
|
+
import Oe from "../HappyFlowComponents/ui/ReviewStep/ReviewStep.vue.js";
|
|
57
|
+
import Be from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
|
|
58
|
+
import Ee from "../HappyFlowComponents/ui/WipStep.vue.js";
|
|
59
|
+
import Ae from "./OverviewPage.vue.js";
|
|
60
60
|
/* empty css */
|
|
61
61
|
/* empty css */
|
|
62
62
|
/* empty css */
|
|
63
|
-
import
|
|
64
|
-
import { useDpiContext as
|
|
65
|
-
import { useEditModeInfo as
|
|
66
|
-
import { useFormSchema as
|
|
67
|
-
const
|
|
63
|
+
import Ue from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
64
|
+
import { useDpiContext as Ne } from "../composables/useDpiContext.js";
|
|
65
|
+
import { useEditModeInfo as Re } from "../composables/useDpiEditMode.js";
|
|
66
|
+
import { useFormSchema as ze } from "../composables/useFormSchema.js";
|
|
67
|
+
const Ge = U1({
|
|
68
68
|
props: {
|
|
69
69
|
property: {
|
|
70
70
|
required: !0,
|
|
@@ -86,48 +86,48 @@ const ze = A1({
|
|
|
86
86
|
};
|
|
87
87
|
},
|
|
88
88
|
components: {
|
|
89
|
-
InputPageStep:
|
|
89
|
+
InputPageStep: x1,
|
|
90
90
|
// DistributionInputPage,
|
|
91
|
-
LogoV3:
|
|
92
|
-
ButtonV3:
|
|
93
|
-
TextButtonSmall:
|
|
94
|
-
Illustration:
|
|
91
|
+
LogoV3: ye,
|
|
92
|
+
ButtonV3: me,
|
|
93
|
+
TextButtonSmall: Be,
|
|
94
|
+
Illustration: De,
|
|
95
95
|
// PhLightbulb,
|
|
96
96
|
// PhCheckCircle,
|
|
97
|
-
ModalSimpleV3:
|
|
97
|
+
ModalSimpleV3: ke,
|
|
98
98
|
// DemoStepper,
|
|
99
|
-
DemoStep:
|
|
100
|
-
ProgressSteps:
|
|
101
|
-
ReviewStepDemo:
|
|
102
|
-
LandingProjectStep:
|
|
103
|
-
StepActionsSection:
|
|
104
|
-
DiscoverabilityStep:
|
|
105
|
-
CategoriesStep:
|
|
106
|
-
ApplicationsStep:
|
|
107
|
-
ProjectNameStep:
|
|
108
|
-
ProjectDescriptionStep:
|
|
109
|
-
ProjectStatusStep:
|
|
110
|
-
ProjectOrganisationStep:
|
|
111
|
-
SoftwareStep:
|
|
112
|
-
DatasetStep:
|
|
99
|
+
DemoStep: Q1,
|
|
100
|
+
ProgressSteps: ee,
|
|
101
|
+
ReviewStepDemo: X1,
|
|
102
|
+
LandingProjectStep: we,
|
|
103
|
+
StepActionsSection: te,
|
|
104
|
+
DiscoverabilityStep: He,
|
|
105
|
+
CategoriesStep: Ve,
|
|
106
|
+
ApplicationsStep: he,
|
|
107
|
+
ProjectNameStep: pe,
|
|
108
|
+
ProjectDescriptionStep: le,
|
|
109
|
+
ProjectStatusStep: ue,
|
|
110
|
+
ProjectOrganisationStep: de,
|
|
111
|
+
SoftwareStep: Fe,
|
|
112
|
+
DatasetStep: _e,
|
|
113
113
|
HardwareStep: Ie,
|
|
114
|
-
OptionalDataStep:
|
|
115
|
-
InitiierenStep:
|
|
116
|
-
UmstezenStep:
|
|
117
|
-
PlanenStep:
|
|
118
|
-
WeiterdenkenStep:
|
|
119
|
-
BasicInformationStep:
|
|
120
|
-
DataProcessingBasicInformationStep:
|
|
121
|
-
DataVisualisationBasicInformationStep:
|
|
122
|
-
DataSimulationBasicInformationStep:
|
|
123
|
-
ProcessStepsOverviewStep:
|
|
124
|
-
ReviewStep:
|
|
125
|
-
ProjektPhasenOverviewStep:
|
|
126
|
-
Card:
|
|
127
|
-
Listbox:
|
|
128
|
-
DpiModalBase:
|
|
129
|
-
WipStep:
|
|
130
|
-
ProjectDpiDevTools:
|
|
114
|
+
OptionalDataStep: Pe,
|
|
115
|
+
InitiierenStep: Le,
|
|
116
|
+
UmstezenStep: Ze,
|
|
117
|
+
PlanenStep: Te,
|
|
118
|
+
WeiterdenkenStep: $e,
|
|
119
|
+
BasicInformationStep: Ce,
|
|
120
|
+
DataProcessingBasicInformationStep: fe,
|
|
121
|
+
DataVisualisationBasicInformationStep: Se,
|
|
122
|
+
DataSimulationBasicInformationStep: ve,
|
|
123
|
+
ProcessStepsOverviewStep: Me,
|
|
124
|
+
ReviewStep: Oe,
|
|
125
|
+
ProjektPhasenOverviewStep: je,
|
|
126
|
+
Card: ce,
|
|
127
|
+
Listbox: be,
|
|
128
|
+
DpiModalBase: ge,
|
|
129
|
+
WipStep: Ee,
|
|
130
|
+
ProjectDpiDevTools: Y1
|
|
131
131
|
},
|
|
132
132
|
computed: {
|
|
133
133
|
...V1("auth", [
|
|
@@ -172,20 +172,20 @@ const ze = A1({
|
|
|
172
172
|
this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(a1(this.activeStep).value)[0];
|
|
173
173
|
},
|
|
174
174
|
handleDistributionsValidation(e) {
|
|
175
|
-
|
|
175
|
+
se.emit("nextClicked", e);
|
|
176
176
|
},
|
|
177
177
|
gotToHome() {
|
|
178
178
|
window.location.href = this.$router.resolve({
|
|
179
179
|
name: "DPI-Home-HappyFlow"
|
|
180
180
|
}).href;
|
|
181
181
|
},
|
|
182
|
-
async dispatchDataToDPI(e, o, u,
|
|
183
|
-
var F,
|
|
184
|
-
console.log("body:", e, o, "params:", u,
|
|
182
|
+
async dispatchDataToDPI(e, o, u, k) {
|
|
183
|
+
var F, h;
|
|
184
|
+
console.log("body:", e, o, "params:", u, k);
|
|
185
185
|
try {
|
|
186
|
-
|
|
187
|
-
} catch (
|
|
188
|
-
console.error(
|
|
186
|
+
k === "publish" && (u.token = this.getUserData.rtpToken, console.log(u.token), u.url = `${this.$env.api.hubUrl}catalogues/${u.catalog}/datasets/origin?originalId=${u.id}`, await this.$store.dispatch(o, u)), k === "draft" && await this.$store.dispatch(o, u), (F = this.$Progress) == null || F.finish(), this.clearAll();
|
|
187
|
+
} catch (m) {
|
|
188
|
+
console.error(m), (h = this.$Progress) == null || h.fail();
|
|
189
189
|
}
|
|
190
190
|
},
|
|
191
191
|
clearForm() {
|
|
@@ -259,11 +259,11 @@ const ze = A1({
|
|
|
259
259
|
// },
|
|
260
260
|
setup() {
|
|
261
261
|
var s1, l1, p1, d1;
|
|
262
|
-
const e =
|
|
262
|
+
const e = K1(), o = Ne(), { isEditMode: u, editIdQuery: k, editFromDraft: F } = Re(), h = y(() => !1), m = J1(), {
|
|
263
263
|
steps: L,
|
|
264
264
|
stepList: T,
|
|
265
265
|
visitedSteps: N,
|
|
266
|
-
activeStep:
|
|
266
|
+
activeStep: c,
|
|
267
267
|
stepPlugin: R,
|
|
268
268
|
goToNextStep: j,
|
|
269
269
|
goToPreviousStep: a,
|
|
@@ -274,39 +274,39 @@ const ze = A1({
|
|
|
274
274
|
goToStep: Z,
|
|
275
275
|
isLast: q,
|
|
276
276
|
triggerValidationCurrentStep: J
|
|
277
|
-
} =
|
|
278
|
-
u.value && (
|
|
279
|
-
|
|
277
|
+
} = ie();
|
|
278
|
+
u.value && (c.value = "Vorschau"), E1(h, () => {
|
|
279
|
+
h.value && (c.value = "Vorschau");
|
|
280
280
|
});
|
|
281
|
-
const { formValues: $ } =
|
|
281
|
+
const { formValues: $ } = oe(), { t: K, te: Q } = q1(), X = v(!1), O = v(!1), H = v([]), Y = y(() => c.value ? a1(c.value) : null), x = (l) => {
|
|
282
282
|
if (!l)
|
|
283
283
|
return;
|
|
284
|
-
const
|
|
285
|
-
H.value = [],
|
|
284
|
+
const f = B1(l);
|
|
285
|
+
H.value = [], f.forEach((S) => {
|
|
286
286
|
H.value = H.value.concat(
|
|
287
|
-
S.map((
|
|
287
|
+
S.map((_) => _.value)
|
|
288
288
|
);
|
|
289
289
|
});
|
|
290
|
-
}, { translateSchema: D, createSchema: w, getSchema: b } =
|
|
290
|
+
}, { translateSchema: D, createSchema: w, getSchema: b } = ze({
|
|
291
291
|
t: K,
|
|
292
292
|
te: Q
|
|
293
|
-
}), { y: e1 } =
|
|
293
|
+
}), { y: e1 } = A1({ behavior: "smooth" }), B = () => {
|
|
294
294
|
e1.value = 0;
|
|
295
|
-
}, t1 =
|
|
296
|
-
|
|
297
|
-
const o1 =
|
|
295
|
+
}, t1 = z1({ OverviewPage: Ae }), E = v("");
|
|
296
|
+
h.value && (c.value = "ReviewAndPublish", E.value = "reviewAndPublishPage");
|
|
297
|
+
const o1 = G1(L), P = (l) => {
|
|
298
298
|
var S;
|
|
299
|
-
const
|
|
300
|
-
return
|
|
301
|
-
}, s = v(!1),
|
|
302
|
-
g1(
|
|
303
|
-
l === "review" && (s.value = !0,
|
|
304
|
-
}), g1(
|
|
299
|
+
const f = (S = o1.value) == null ? void 0 : S[l];
|
|
300
|
+
return f ? f.valid : !1;
|
|
301
|
+
}, s = v(!1), C = v(0);
|
|
302
|
+
g1(c, (l) => {
|
|
303
|
+
l === "review" && (s.value = !0, C.value++);
|
|
304
|
+
}), g1(c, () => {
|
|
305
305
|
B();
|
|
306
306
|
});
|
|
307
307
|
const A = async () => {
|
|
308
308
|
try {
|
|
309
|
-
const l = "auth/createDataset",
|
|
309
|
+
const l = "auth/createDataset", f = await re(
|
|
310
310
|
$.value,
|
|
311
311
|
o,
|
|
312
312
|
// We'll need to access getUserData somehow - for now using a placeholder
|
|
@@ -314,7 +314,7 @@ const ze = A1({
|
|
|
314
314
|
// We'll need to access $env.api.hubUrl - for now using a placeholder
|
|
315
315
|
""
|
|
316
316
|
);
|
|
317
|
-
console.log("Publishing:",
|
|
317
|
+
console.log("Publishing:", f), setTimeout(() => {
|
|
318
318
|
window.location.href = "/dpi-home-happyflow";
|
|
319
319
|
}, 1e3);
|
|
320
320
|
} catch (l) {
|
|
@@ -322,67 +322,71 @@ const ze = A1({
|
|
|
322
322
|
}
|
|
323
323
|
};
|
|
324
324
|
function i1() {
|
|
325
|
-
|
|
325
|
+
P(V.value) && j();
|
|
326
326
|
}
|
|
327
327
|
async function H1() {
|
|
328
|
-
J(), await
|
|
329
|
-
const l = Y.value,
|
|
330
|
-
|
|
328
|
+
J(), await W1();
|
|
329
|
+
const l = Y.value, f = l ? !P(V.value) : !1;
|
|
330
|
+
f && x(l), O.value = f, q.value ? console.log("Form submitted", values.value) : i1();
|
|
331
331
|
}
|
|
332
|
-
const D1 =
|
|
332
|
+
const D1 = y(() => T.value.map((l) => ({ id: l, name: l }))), w1 = y({
|
|
333
333
|
get() {
|
|
334
334
|
return { id: V.value, name: V.value };
|
|
335
335
|
},
|
|
336
336
|
set(l) {
|
|
337
337
|
Z(l.id);
|
|
338
338
|
}
|
|
339
|
-
}), b1 = v(!1), { organization: y1, catalogProject: k1, startFetchPermissions: P1, userRoles:
|
|
339
|
+
}), b1 = v(!1), { organization: y1, catalogProject: k1, startFetchPermissions: P1, userRoles: _1, permissions: I1 } = ae({
|
|
340
340
|
keycloak: ((l1 = (s1 = e.authentication) == null ? void 0 : s1.keycloak) == null ? void 0 : l1.url) || "https://keycloak.twin.bydata.de",
|
|
341
341
|
realm: ((d1 = (p1 = e.authentication) == null ? void 0 : p1.keycloak) == null ? void 0 : d1.realm) || "piveau",
|
|
342
342
|
audience: "piveau-hub-repo"
|
|
343
343
|
});
|
|
344
344
|
P1();
|
|
345
|
-
const { submitDraft: r1 } =
|
|
345
|
+
const { submitDraft: r1 } = ne({
|
|
346
346
|
onSuccess: () => {
|
|
347
|
-
|
|
347
|
+
m.push({ name: "DPI-Home-HappyFlow" });
|
|
348
348
|
}
|
|
349
349
|
}), M1 = async () => {
|
|
350
350
|
await r1.execute(320);
|
|
351
|
-
}, F1 =
|
|
351
|
+
}, F1 = y(() => r1.isLoading.value), L1 = v(!1), T1 = v(0);
|
|
352
352
|
function j1(l) {
|
|
353
353
|
Z(l);
|
|
354
354
|
}
|
|
355
355
|
function Z1(l) {
|
|
356
356
|
(Array.isArray(l) ? l : [l]).forEach((S) => {
|
|
357
|
-
const
|
|
358
|
-
if (
|
|
357
|
+
const _ = a1("dpiForm");
|
|
358
|
+
if (_)
|
|
359
359
|
if (S.includes("#")) {
|
|
360
|
-
const [I,
|
|
360
|
+
const [I, O1] = S.split("#"), u1 = _.at([I]);
|
|
361
361
|
if (!u1)
|
|
362
362
|
return;
|
|
363
|
-
const n1 = u1.at(["$self",
|
|
363
|
+
const n1 = u1.at(["$self", O1]);
|
|
364
364
|
if (!n1)
|
|
365
365
|
return;
|
|
366
366
|
n1._value = {}, m1(n1);
|
|
367
367
|
} else {
|
|
368
|
-
const I =
|
|
368
|
+
const I = _.at([S]);
|
|
369
369
|
if (!I)
|
|
370
370
|
return;
|
|
371
371
|
I._value = {}, m1(I);
|
|
372
372
|
}
|
|
373
373
|
});
|
|
374
374
|
}
|
|
375
|
+
const $1 = y(() => {
|
|
376
|
+
var l;
|
|
377
|
+
return ((l = m.query) == null ? void 0 : l.__dev) === "true";
|
|
378
|
+
});
|
|
375
379
|
return {
|
|
376
380
|
steps: L,
|
|
377
381
|
visitedSteps: N,
|
|
378
|
-
activeStep:
|
|
382
|
+
activeStep: c,
|
|
379
383
|
activeSubStep: E,
|
|
380
384
|
subSteps: z,
|
|
381
385
|
previousStep: G,
|
|
382
386
|
stepList: T,
|
|
383
387
|
nextStep: W,
|
|
384
388
|
stepPlugin: R,
|
|
385
|
-
checkStepValidity:
|
|
389
|
+
checkStepValidity: P,
|
|
386
390
|
goToNextStep: j,
|
|
387
391
|
goToNextStepIfValid: i1,
|
|
388
392
|
goToPreviousStep: a,
|
|
@@ -396,7 +400,7 @@ const ze = A1({
|
|
|
396
400
|
formValues: $,
|
|
397
401
|
activeSimpleModal: X,
|
|
398
402
|
shouldRenderReviewStep: s,
|
|
399
|
-
renderViewStepKey:
|
|
403
|
+
renderViewStepKey: C,
|
|
400
404
|
handlePublish: A,
|
|
401
405
|
handleSubmit: H1,
|
|
402
406
|
showErrorSummary: O,
|
|
@@ -412,39 +416,44 @@ const ze = A1({
|
|
|
412
416
|
isSubmittingLoading: F1,
|
|
413
417
|
organization: y1,
|
|
414
418
|
catalogProject: k1,
|
|
415
|
-
userRoles:
|
|
416
|
-
permissions:
|
|
419
|
+
userRoles: _1,
|
|
420
|
+
permissions: I1,
|
|
421
|
+
showDevtoolsSidebar: $1
|
|
417
422
|
};
|
|
418
423
|
}
|
|
419
|
-
}),
|
|
424
|
+
}), We = { class: "input-page-project form-container V3-typography" }, qe = {
|
|
420
425
|
key: 0,
|
|
421
426
|
ref: "fkInputContainer",
|
|
422
427
|
class: "inputContainer"
|
|
423
|
-
},
|
|
428
|
+
}, Je = { class: "formContainer formkit" }, Ke = { key: 1 }, Qe = {
|
|
424
429
|
key: 0,
|
|
425
430
|
class: "dpiV3_stepper"
|
|
426
|
-
},
|
|
431
|
+
}, Xe = {
|
|
427
432
|
key: 1,
|
|
428
433
|
class: "dpiV3_stepperLanding"
|
|
429
|
-
},
|
|
434
|
+
}, Ye = { class: "dpiV3_Illustration-Start" }, xe = {
|
|
430
435
|
key: 2,
|
|
431
436
|
class: "steps"
|
|
432
|
-
},
|
|
437
|
+
}, et = ["data-step-active", "data-step-valid", "onClick"], tt = { class: "stepBubbleWrap" }, ot = { class: "circle stepCircle" }, it = ["textContent"], nt = {
|
|
433
438
|
key: 0,
|
|
434
439
|
class: "seperatorHorizontalStepper"
|
|
435
|
-
},
|
|
440
|
+
}, at = {
|
|
436
441
|
key: 0,
|
|
437
442
|
class: "step inactiveStep"
|
|
438
|
-
},
|
|
443
|
+
}, rt = {
|
|
444
|
+
key: 3,
|
|
445
|
+
id: "dpiDevtools",
|
|
446
|
+
style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" }
|
|
447
|
+
}, st = { style: { position: "sticky", top: "0" } }, lt = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, pt = { style: { "max-height": "720px", "overflow-y": "auto" } }, dt = { style: { width: "100%", display: "flex", "flex-direction": "column", gap: "2.5rem" } }, ut = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, mt = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, ct = { style: { width: "100%" } }, Ct = { class: "step-content" }, ft = {
|
|
439
448
|
key: 0,
|
|
440
449
|
class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
|
|
441
|
-
},
|
|
442
|
-
function
|
|
450
|
+
}, vt = { class: "validation-errors" };
|
|
451
|
+
function St(e, o, u, k, F, h) {
|
|
443
452
|
r("TextButtonSmall");
|
|
444
|
-
const
|
|
445
|
-
return p(), d("div",
|
|
446
|
-
e.isInput ? (p(), d("div",
|
|
447
|
-
i("div",
|
|
453
|
+
const m = r("ButtonV3"), L = r("ProgressSteps"), T = r("Illustration"), N = r("Listbox"), c = r("Card"), R = r("ProjectDpiDevTools"), j = r("LandingProjectStep"), a = r("InputPageStep"), z = r("DiscoverabilityStep"), G = r("CategoriesStep"), W = r("ApplicationsStep"), V = r("ProjectNameStep"), Z = r("ProjectDescriptionStep"), q = r("ProjectStatusStep"), J = r("ProjectOrganisationStep"), $ = r("OptionalDataStep"), K = r("ProjektPhasenOverviewStep"), Q = r("InitiierenStep"), X = r("PlanenStep"), O = r("UmstezenStep"), H = r("WeiterdenkenStep"), Y = r("ProcessStepsOverviewStep"), x = r("BasicInformationStep"), D = r("SoftwareStep"), w = r("DatasetStep"), b = r("HardwareStep"), e1 = r("DataProcessingBasicInformationStep"), B = r("DataSimulationBasicInformationStep"), t1 = r("DataVisualisationBasicInformationStep"), E = r("ReviewStep"), o1 = r("FormKit"), P = r("ModalSimpleV3");
|
|
454
|
+
return p(), d("div", We, [
|
|
455
|
+
e.isInput ? (p(), d("div", qe, [
|
|
456
|
+
i("div", Je, [
|
|
448
457
|
(p(), C1(o1, {
|
|
449
458
|
id: "dpiForm",
|
|
450
459
|
key: e.nonce,
|
|
@@ -455,12 +464,12 @@ function vt(e, o, u, y, F, g) {
|
|
|
455
464
|
actions: !1,
|
|
456
465
|
plugins: [e.stepPlugin],
|
|
457
466
|
class: "d-flex",
|
|
458
|
-
onSubmit: o[9] || (o[9] =
|
|
467
|
+
onSubmit: o[9] || (o[9] = N1(() => {
|
|
459
468
|
}, ["prevent"]))
|
|
460
469
|
}, {
|
|
461
470
|
default: n(() => [
|
|
462
|
-
(p(), d("div",
|
|
463
|
-
e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div",
|
|
471
|
+
(p(), d("div", Ke, [
|
|
472
|
+
e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", Qe, [
|
|
464
473
|
o[12] || (o[12] = i("svg", {
|
|
465
474
|
width: "129",
|
|
466
475
|
height: "48",
|
|
@@ -525,7 +534,7 @@ function vt(e, o, u, y, F, g) {
|
|
|
525
534
|
"hide-first": "",
|
|
526
535
|
steps: e.stepList || []
|
|
527
536
|
}, null, 8, ["checked", "current", "steps"])
|
|
528
|
-
])) : (p(), d("div",
|
|
537
|
+
])) : (p(), d("div", Xe, [
|
|
529
538
|
o[13] || (o[13] = i("div", { class: "dpiV3_bydata_logo_wordmark" }, [
|
|
530
539
|
i("svg", {
|
|
531
540
|
width: "129",
|
|
@@ -584,81 +593,81 @@ function vt(e, o, u, y, F, g) {
|
|
|
584
593
|
})
|
|
585
594
|
])
|
|
586
595
|
], -1)),
|
|
587
|
-
i("div",
|
|
596
|
+
i("div", Ye, [
|
|
588
597
|
t(T, { "illustration-name": "start" })
|
|
589
598
|
])
|
|
590
599
|
]))
|
|
591
600
|
])),
|
|
592
|
-
e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul",
|
|
593
|
-
(p(!0), d(f1, null, v1(e.steps, (s,
|
|
601
|
+
e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", xe, [
|
|
602
|
+
(p(!0), d(f1, null, v1(e.steps, (s, C, A) => (p(), d("li", {
|
|
594
603
|
key: s,
|
|
595
|
-
class:
|
|
596
|
-
activeItem: e.activeStep ===
|
|
597
|
-
inactiveStep:
|
|
598
|
-
"has-errors": e.checkStepValidity(
|
|
604
|
+
class: R1(["step", {
|
|
605
|
+
activeItem: e.activeStep === C,
|
|
606
|
+
inactiveStep: C != e.activeStep,
|
|
607
|
+
"has-errors": e.checkStepValidity(C)
|
|
599
608
|
}]),
|
|
600
|
-
"data-step-active": e.activeStep ===
|
|
609
|
+
"data-step-active": e.activeStep === C,
|
|
601
610
|
"data-step-valid": s.valid && s.errorCount === 0,
|
|
602
611
|
onClick: (i1) => {
|
|
603
|
-
e.activeStep =
|
|
612
|
+
e.activeStep = C, e.update(), e.scrollToTop();
|
|
604
613
|
}
|
|
605
614
|
}, [
|
|
606
|
-
i("div",
|
|
607
|
-
i("div",
|
|
608
|
-
e.checkStepValidity(
|
|
615
|
+
i("div", tt, [
|
|
616
|
+
i("div", ot, M(A + 1), 1),
|
|
617
|
+
e.checkStepValidity(C) ? (p(), d("span", {
|
|
609
618
|
key: 0,
|
|
610
619
|
class: "step--errors",
|
|
611
|
-
textContent:
|
|
612
|
-
}, null, 8,
|
|
613
|
-
S1(
|
|
620
|
+
textContent: M(s.errorCount + s.blockingCount)
|
|
621
|
+
}, null, 8, it)) : g("", !0),
|
|
622
|
+
S1(M(e.$t(`message.dataupload.steps.${C}Step`)), 1)
|
|
614
623
|
]),
|
|
615
|
-
A != Object.keys(e.steps).length ? (p(), d("div",
|
|
616
|
-
], 10,
|
|
617
|
-
e.activeStep === "Overview" ? (p(), d("li",
|
|
624
|
+
A != Object.keys(e.steps).length ? (p(), d("div", nt)) : g("", !0)
|
|
625
|
+
], 10, et))), 128)),
|
|
626
|
+
e.activeStep === "Overview" ? (p(), d("li", at, o[14] || (o[14] = [
|
|
618
627
|
i("div", { class: "circle stepCircle" }, null, -1)
|
|
619
|
-
]))) :
|
|
620
|
-
])) :
|
|
621
|
-
|
|
622
|
-
i("div",
|
|
623
|
-
i("details",
|
|
628
|
+
]))) : g("", !0)
|
|
629
|
+
])) : g("", !0),
|
|
630
|
+
e.showDevtoolsSidebar ? (p(), d("div", rt, [
|
|
631
|
+
i("div", st, [
|
|
632
|
+
i("details", lt, [
|
|
624
633
|
o[15] || (o[15] = i("summary", null, "Form Values", -1)),
|
|
625
|
-
i("pre",
|
|
634
|
+
i("pre", pt, M(JSON.stringify(e.formValues, null, 2)), 1)
|
|
626
635
|
]),
|
|
627
|
-
t(
|
|
636
|
+
t(c, null, {
|
|
628
637
|
title: n(() => o[16] || (o[16] = [
|
|
629
638
|
S1(" dev view ", -1)
|
|
630
639
|
])),
|
|
631
640
|
default: n(() => [
|
|
632
|
-
i("div",
|
|
633
|
-
i("div",
|
|
634
|
-
t(
|
|
641
|
+
i("div", dt, [
|
|
642
|
+
i("div", ut, [
|
|
643
|
+
t(m, {
|
|
635
644
|
type: "button",
|
|
636
645
|
variant: "secondary",
|
|
637
646
|
"button-text": "Open Hologram",
|
|
638
647
|
onClick: o[2] || (o[2] = (s) => e.hologramOpen = !0)
|
|
639
648
|
}),
|
|
640
|
-
t(
|
|
649
|
+
t(m, {
|
|
641
650
|
type: "button",
|
|
642
651
|
variant: "secondary",
|
|
643
652
|
"button-text": "Previous",
|
|
644
653
|
onClick: e.goToPreviousStep
|
|
645
654
|
}, null, 8, ["onClick"]),
|
|
646
|
-
t(
|
|
655
|
+
t(m, {
|
|
647
656
|
type: "button",
|
|
648
657
|
variant: "secondary",
|
|
649
658
|
"button-text": "Next",
|
|
650
659
|
onClick: e.handleSubmit
|
|
651
660
|
}, null, 8, ["onClick"])
|
|
652
661
|
]),
|
|
653
|
-
i("div",
|
|
654
|
-
t(
|
|
662
|
+
i("div", mt, [
|
|
663
|
+
t(m, {
|
|
655
664
|
type: "button",
|
|
656
665
|
variant: "secondary",
|
|
657
666
|
"button-text": "Open devtools",
|
|
658
667
|
onClick: o[3] || (o[3] = (s) => e.devToolsOpen = !0)
|
|
659
668
|
})
|
|
660
669
|
]),
|
|
661
|
-
i("div",
|
|
670
|
+
i("div", ct, [
|
|
662
671
|
t(N, {
|
|
663
672
|
modelValue: e.stepSelect,
|
|
664
673
|
"onUpdate:modelValue": o[4] || (o[4] = (s) => e.stepSelect = s),
|
|
@@ -677,8 +686,8 @@ function vt(e, o, u, y, F, g) {
|
|
|
677
686
|
nonce: e.nonce,
|
|
678
687
|
"onUpdate:nonce": o[6] || (o[6] = (s) => e.nonce = s)
|
|
679
688
|
}, null, 8, ["modelValue", "nonce"])
|
|
680
|
-
]),
|
|
681
|
-
i("div",
|
|
689
|
+
])) : g("", !0),
|
|
690
|
+
i("div", Ct, [
|
|
682
691
|
i("div", null, [
|
|
683
692
|
t(a, { name: "Landing" }, {
|
|
684
693
|
default: n(() => [
|
|
@@ -919,19 +928,19 @@ function vt(e, o, u, y, F, g) {
|
|
|
919
928
|
})
|
|
920
929
|
]),
|
|
921
930
|
o[18] || (o[18] = i("hr", null, null, -1)),
|
|
922
|
-
e.showErrorSummary && e.validationMessages.length ? (p(), d("div",
|
|
931
|
+
e.showErrorSummary && e.validationMessages.length ? (p(), d("div", ft, [
|
|
923
932
|
o[17] || (o[17] = i("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
|
|
924
|
-
i("ul",
|
|
925
|
-
(p(!0), d(f1, null, v1(e.validationMessages, (s) => (p(), d("li", { key: s },
|
|
933
|
+
i("ul", vt, [
|
|
934
|
+
(p(!0), d(f1, null, v1(e.validationMessages, (s) => (p(), d("li", { key: s }, M(s), 1))), 128))
|
|
926
935
|
])
|
|
927
|
-
])) :
|
|
936
|
+
])) : g("", !0),
|
|
928
937
|
o[19] || (o[19] = i("hr", null, null, -1)),
|
|
929
938
|
o[20] || (o[20] = i("div", null, null, -1))
|
|
930
939
|
])
|
|
931
940
|
]),
|
|
932
941
|
_: 1
|
|
933
942
|
}, 8, ["modelValue", "plugins"])),
|
|
934
|
-
e.activeSimpleModal ? (p(), C1(
|
|
943
|
+
e.activeSimpleModal ? (p(), C1(P, {
|
|
935
944
|
key: 0,
|
|
936
945
|
buttons: e.modalSimpleConf.button,
|
|
937
946
|
"header-text": e.modalSimpleConf.header,
|
|
@@ -939,12 +948,12 @@ function vt(e, o, u, y, F, g) {
|
|
|
939
948
|
action: e.modalSimpleConf.action,
|
|
940
949
|
onClose: o[10] || (o[10] = (s) => e.activeSimpleModal = !1),
|
|
941
950
|
onActionHandling: o[11] || (o[11] = (s) => e.gotToHome())
|
|
942
|
-
}, null, 8, ["buttons", "header-text", "text", "action"])) :
|
|
951
|
+
}, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0)
|
|
943
952
|
])
|
|
944
|
-
], 512)) :
|
|
953
|
+
], 512)) : g("", !0)
|
|
945
954
|
]);
|
|
946
955
|
}
|
|
947
|
-
const
|
|
956
|
+
const M3 = /* @__PURE__ */ Ue(Ge, [["render", St]]);
|
|
948
957
|
export {
|
|
949
|
-
|
|
958
|
+
M3 as default
|
|
950
959
|
};
|