AC-2409 Migrate Accept Provider Component (#9390)

* AC-2409 Migrate Accept Provider Component

* AC-2409 Replaced the loading scenario
This commit is contained in:
KiruthigaManivannan 2024-06-12 19:34:43 +05:30 committed by GitHub
parent ae688d9e9e
commit c726b91c1f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 42 additions and 37 deletions

View File

@ -1,46 +1,41 @@
<div class="mt-5 d-flex justify-content-center" *ngIf="loading">
<div class="tw-mt-5 tw-flex tw-justify-center" *ngIf="loading">
<div>
<img class="mb-4 logo logo-themed" alt="Bitwarden" />
<p class="text-center">
<img class="tw-mb-4 logo logo-themed" alt="Bitwarden" />
<p class="tw-text-center">
<i
class="bwi bwi-spinner bwi-spin bwi-2x text-muted"
class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
title="{{ 'loading' | i18n }}"
aria-hidden="true"
></i>
<span class="sr-only">{{ "loading" | i18n }}</span>
<span class="tw-sr-only">{{ "loading" | i18n }}</span>
</p>
</div>
</div>
<div class="container" *ngIf="!loading && !authed">
<div class="row justify-content-md-center mt-5">
<div class="col-5">
<p class="lead text-center mb-4">{{ "joinProvider" | i18n }}</p>
<div class="card d-block">
<div class="card-body">
<p class="text-center">
<div *ngIf="!loading && !authed">
<p bitTypography="body1" class="tw-text-center">
{{ providerName }}
<strong class="d-block mt-2">{{ email }}</strong>
<span bitTypography="body1" class="tw-font-bold">{{ email }}</span>
</p>
<p>{{ "joinProviderDesc" | i18n }}</p>
<p bitTypography="body1">{{ "joinProviderDesc" | i18n }}</p>
<hr />
<div class="d-flex">
<div class="tw-flex tw-gap-2">
<a
bitButton
buttonType="primary"
routerLink="/login"
[queryParams]="{ email: email }"
class="btn btn-primary btn-block"
[block]="true"
>
{{ "logIn" | i18n }}
</a>
<a
bitButton
buttonType="primary"
routerLink="/register"
[queryParams]="{ email: email }"
class="btn btn-primary btn-block ml-2 mt-0"
[block]="true"
>
{{ "createAccount" | i18n }}
</a>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -2,6 +2,7 @@ import { NgModule } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
import { AuthGuard } from "@bitwarden/angular/auth/guards";
import { AnonLayoutWrapperComponent } from "@bitwarden/auth/angular";
import { Provider } from "@bitwarden/common/admin-console/models/domain/provider";
import { ProvidersComponent } from "@bitwarden/web-vault/app/admin-console/providers/providers.component";
import { FrontendLayoutComponent } from "@bitwarden/web-vault/app/layouts/frontend-layout.component";
@ -48,10 +49,19 @@ const routes: Routes = [
component: SetupProviderComponent,
data: { titleId: "setupProvider" },
},
],
},
{
path: "",
component: AnonLayoutWrapperComponent,
children: [
{
path: "accept-provider",
component: AcceptProviderComponent,
data: { titleId: "acceptProvider" },
data: {
pageTitle: "joinProvider",
titleId: "acceptProvider",
},
},
],
},