bitwarden/clients
1
0
Fork 0
mirror of https://github.com/bitwarden/clients.git synced 2025-12-10 00:08:42 -06:00
Code Issues Packages Projects Releases 434 Wiki Activity

PM-24749 UI in progress dialog (#17675)

Browse Source 
* initial progress spinner implementation

* respond to review suggestions

* revert to bwi-spinner to avoid build error
This commit is contained in:
John Harrington 2025-12-08 12:48:04 -07:00 committed by GitHub
parent 2d3b017cc2
commit 32ee9b3c6d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/desktop/src/app/tools/import/import-desktop.component.html
View File

@ -1,13 +1,21 @@
<bit-dialog #dialog dialogSize="large" background="alt"> <bit-dialog #dialog dialogSize="large" background="alt">
<span bitDialogTitle>{{ "importData" | i18n }}</span> <span bitDialogTitle>{{ "importData" | i18n }}</span>
<ng-container bitDialogContent> <ng-container bitDialogContent>
<tools-import <div class="tw-relative">
(formLoading)="this.loading = $event" <tools-import
(formDisabled)="this.disabled = $event" (formLoading)="this.loading = $event"
(onSuccessfulImport)="this.onSuccessfulImport($event)" (formDisabled)="this.disabled = $event"
[onImportFromBrowser]="this.onImportFromBrowser" (onSuccessfulImport)="this.onSuccessfulImport($event)"
[onLoadProfilesFromBrowser]="this.onLoadProfilesFromBrowser" [onImportFromBrowser]="this.onImportFromBrowser"
></tools-import> [onLoadProfilesFromBrowser]="this.onLoadProfilesFromBrowser"
[class.tw-invisible]="loading"
></tools-import>
@if (loading) {
<div class="tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
<i class="bwi bwi-spinner bwi-spin bwi-3x tw-text-primary-600" aria-hidden="true"></i>
</div>
}
</div>
</ng-container> </ng-container>
<ng-container bitDialogFooter> <ng-container bitDialogFooter>
<button <button