Add loading spinner icon to emergency access view (#1235)

* add loading spinner icon to emergency access view

* remove extra space

* Revert changes to package-lock.json
This commit is contained in:
Jake Fink 2021-10-14 19:40:35 -04:00 committed by GitHub
parent a7a3381124
commit ee3c3294f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions

View File

@ -42,6 +42,10 @@
</tbody> </tbody>
</table> </table>
</ng-container> </ng-container>
<ng-container *ngIf="!loaded">
<i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'loading' | i18n}}</span>
</ng-container>
</div> </div>
<ng-template #cipherAddEdit></ng-template> <ng-template #cipherAddEdit></ng-template>
<ng-template #attachments></ng-template> <ng-template #attachments></ng-template>

View File

@ -31,6 +31,7 @@ export class EmergencyAccessViewComponent implements OnInit {
id: string; id: string;
ciphers: CipherView[] = []; ciphers: CipherView[] = [];
loaded = false;
constructor(private cipherService: CipherService, private cryptoService: CryptoService, constructor(private cipherService: CipherService, private cryptoService: CryptoService,
private modalService: ModalService, private router: Router, private modalService: ModalService, private router: Router,
@ -60,6 +61,7 @@ export class EmergencyAccessViewComponent implements OnInit {
async load() { async load() {
const response = await this.apiService.postEmergencyAccessView(this.id); const response = await this.apiService.postEmergencyAccessView(this.id);
this.ciphers = await this.getAllCiphers(response); this.ciphers = await this.getAllCiphers(response);
this.loaded = true;
} }
async viewAttachments(cipher: CipherView) { async viewAttachments(cipher: CipherView) {