Skip to content

Commit fb79330

Browse files
committed
fix: add NsProgress into import users modal
1 parent 78aad9a commit fb79330

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

core/ui/src/components/domains/ImportUsersModal.vue

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
:description="error.importDataCsv"
2828
:showCloseButton="false"
2929
/>
30+
<NsProgress :stepId="step" :steps="progressSteps" class="progress" />
3031
<template v-if="step == 'importData'">
3132
<p class="mg-bottom-lg">
3233
{{ $t("import_users.upload_csv_file_description") }}
@@ -206,6 +207,16 @@ export default {
206207
return {
207208
step: "",
208209
steps: ["importData", "previewData"],
210+
progressSteps: [
211+
{
212+
id: "importData",
213+
label: this.$t("import_users.csv_upload_label"),
214+
},
215+
{
216+
id: "previewData",
217+
label: this.$t("import_users.preview"),
218+
},
219+
],
209220
csvFile: null,
210221
existingPolicy: "skip",
211222
loading: {
@@ -537,4 +548,9 @@ export default {
537548
max-width: 320px;
538549
}
539550
}
551+
552+
.progress {
553+
margin-top: 1rem;
554+
margin-bottom: 3rem;
555+
}
540556
</style>

0 commit comments

Comments
 (0)