bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 13:23:34 +00:00
Code Issues Releases Wiki Activity

[PM-21815] Implement component form the component library & Tailwind CSS (#16491)

Browse Source
This commit is contained in:
Mick Letofsky
2025-09-25 17:23:05 +02:00
committed by GitHub
parent f66413e653
commit c96a66b53f
1 changed files with 49 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
apps/browser/src/key-management/key-connector/remove-password.component.html
View File

@@ -1,53 +1,51 @@
<header> <popup-page>
<div class="left"></div> <popup-header slot="header" pageTitle="{{ 'removeMasterPassword' | i18n }}">
<div class="center"> <ng-container slot="end">
<span class="title">{{ "removeMasterPassword" | i18n }}</span> <app-pop-out></app-pop-out>
</div> </ng-container>
<div class="right"></div> </popup-header>
</header>
<main tabindex="-1"> @if (loading) {
<div class="box"> <div class="tw-text-center">
<div class="box-content" *ngIf="loading"> <i
<div class="box-content-row"> class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
<i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i> title="{{ 'loading' | i18n }}"
</div> aria-hidden="true"
></i>
<span class="tw-sr-only">{{ "loading" | i18n }}</span>
</div> </div>
<div class="box-content" *ngIf="!loading"> } @else {
<div class="box-content-row" appBoxRow> <p>{{ "removeMasterPasswordForOrganizationUserKeyConnector" | i18n }}</p>
<p>{{ "removeMasterPasswordForOrganizationUserKeyConnector" | i18n }}</p> <p class="tw-mb-0">{{ "organizationName" | i18n }}:</p>
<p class="tw-mb-0">{{ "organizationName" | i18n }}:</p> <p class="tw-text-muted tw-mb-6">{{ organization.name }}</p>
<p class="tw-text-muted tw-mb-6">{{ organization.name }}</p> <p class="tw-mb-0">{{ "keyConnectorDomain" | i18n }}:</p>
<p class="tw-mb-0">{{ "keyConnectorDomain" | i18n }}:</p> <p class="tw-text-muted tw-mb-6">{{ organization.keyConnectorUrl }}</p>
<p class="tw-text-muted tw-mb-6">{{ organization.keyConnectorUrl }}</p> <button
</div> type="button"
<div class="box-content-row"> bitButton
<button type="button" class="btn block primary" (click)="convert()" [disabled]="action"> buttonType="primary"
<i block
class="bwi bwi-spinner bwi-spin" (click)="convert()"
title="{{ 'loading' | i18n }}" [disabled]="action"
aria-hidden="true" class="tw-mb-2"
*ngIf="continuing" >
></i> <i
{{ "removeMasterPassword" | i18n }} class="bwi bwi-spinner bwi-spin"
</button> title="{{ 'loading' | i18n }}"
</div> aria-hidden="true"
<div class="box-content-row"> *ngIf="continuing"
<button ></i>
type="button" {{ "removeMasterPassword" | i18n }}
class="btn btn-outline-secondary block" </button>
(click)="leave()"
[disabled]="action" <button type="button" bitButton block (click)="leave()" [disabled]="action">
> <i
<i class="bwi bwi-spinner bwi-spin"
class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}"
title="{{ 'loading' | i18n }}" aria-hidden="true"
aria-hidden="true" *ngIf="leaving"
*ngIf="leaving" ></i>
></i> {{ "leaveOrganization" | i18n }}
{{ "leaveOrganization" | i18n }} </button>
</button> }
</div> </popup-page>
</div>
</div>
</main>