Gagan7900
64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
<div class="mb-4 sm:mb-6">
|
|
<h1 class="text-xl font-semibold text-defaulttextcolor">
|
|
Create Organization
|
|
</h1>
|
|
</div>
|
|
|
|
<section
|
|
class="rounded-xl border border-defaultborder bg-white
|
|
p-3.5 sm:p-5 shadow-sm dark:border-white/10 dark:bg-bodybg"
|
|
>
|
|
<onboarding-stepper
|
|
[steps]="steps"
|
|
[currentStepIndex]="currentStepIndex()"
|
|
[completedStepIndexes]="completedStepIndexes()"
|
|
[savingDraft]="savingDraft()"
|
|
[finishing]="finishing()"
|
|
[navigationDisabled]="navigationDisabled()"
|
|
(stepSelected)="onStepSelected($event)"
|
|
(backClicked)="onBack()"
|
|
(nextClicked)="onNext()"
|
|
(saveDraftClicked)="onSaveDraft()"
|
|
(finishClicked)="onFinish()"
|
|
(cancelClicked)="onCancel()"
|
|
>
|
|
<div [class.hidden]="currentStep().key !== 'basics'" [attr.aria-hidden]="currentStep().key !== 'basics'">
|
|
<app-organization-basics-step />
|
|
</div>
|
|
|
|
<div [class.hidden]="currentStep().key !== 'localization'" [attr.aria-hidden]="currentStep().key !== 'localization'">
|
|
<app-organization-localization-step />
|
|
</div>
|
|
|
|
<div [class.hidden]="currentStep().key !== 'plan-limits'" [attr.aria-hidden]="currentStep().key !== 'plan-limits'">
|
|
<app-organization-plan-limits-step />
|
|
</div>
|
|
|
|
<div [class.hidden]="currentStep().key !== 'admin-user'" [attr.aria-hidden]="currentStep().key !== 'admin-user'">
|
|
<app-organization-admin-step [reviewData]="stateService.onboardingData()" />
|
|
</div>
|
|
</onboarding-stepper>
|
|
</section>
|
|
|
|
<app-confirm-dialog
|
|
#cancelConfirmDialog
|
|
title="Discard onboarding changes?"
|
|
text="Your unsaved changes will be lost."
|
|
confirmButtonText="Discard and Leave"
|
|
cancelButtonText="Stay"
|
|
(confirmed)="onDiscardAndLeave()"
|
|
>
|
|
<span class="hidden"></span>
|
|
</app-confirm-dialog>
|
|
|
|
<app-confirm-dialog
|
|
#finishConfirmDialog
|
|
title="Finish organization onboarding?"
|
|
text="All details are valid. Provisioning will begin after the backend integration is connected."
|
|
confirmButtonText="Confirm"
|
|
cancelButtonText="Review"
|
|
(confirmed)="onProvisioningConfirmed()"
|
|
>
|
|
<span class="hidden"></span>
|
|
</app-confirm-dialog>
|