lgcosta/paperless-ngx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add alert badge to button if errors

Browse Source
This commit is contained in:
shamoon
2024-02-12 10:43:52 -08:00
parent c40b2adad7
commit 4f4a7aee14
5 changed files with 94 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src-ui/src/app/components/admin/settings/settings.component.html
View File

@@ -7,11 +7,20 @@
<button class="btn btn-sm btn-outline-primary" (click)="tourService.start()">
<i-bs class="me-1" name="airplane"></i-bs>&nbsp;<ng-container i18n>Start tour</ng-container>
</button>
<button class="btn btn-sm btn-outline-primary ms-5" (click)="showSystemStatus()"
<button class="btn btn-sm btn-outline-primary position-relative ms-5" (click)="showSystemStatus()"
[disabled]="!systemStatus"
*pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Admin }">
<i-bs class="me-1" name="card-checklist"></i-bs>&nbsp;<ng-container i18n>System Status</ng-container>
@if (!systemStatus) {
<div class="spinner-border spinner-border-sm me-1" role="status"></div>
} @else {
<i-bs class="me-1" name="card-checklist"></i-bs>
@if (systemStatusHasErrors) {
<span class="badge bg-danger position-absolute top-0 start-100 translate-middle rounded-pill py-1 px-2">!</span>
}
}
&nbsp;<ng-container i18n>System Status</ng-container>
</button>
<a *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Admin }" class="btn btn-sm btn-primary ms-2" href="admin/" target="_blank">
<a *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Admin }" class="btn btn-sm btn-primary ms-3" href="admin/" target="_blank">
<ng-container i18n>Open Django Admin</ng-container>
&nbsp;<i-bs name="arrow-up-right"></i-bs>
</a>