paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

loading indicators for sidebar saved views

Browse Source
This commit is contained in:
Michael Shamoon 2022-05-08 14:16:37 -07:00
parent 010f1f2bd1
commit 7f7ec625c8
3 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src-ui/src/app/components/app-frame/app-frame.component.html
View File

@ -70,8 +70,9 @@
</li> </li>
</ul> </ul>
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted" *ngIf='savedViewService.sidebarViews.length > 0'> <h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted" *ngIf='savedViewService.loading || savedViewService.sidebarViews.length > 0'>
<ng-container i18n>Saved views</ng-container> <ng-container i18n>Saved views</ng-container>
<div *ngIf="savedViewService.loading" class="spinner-border spinner-border-sm fw-normal ms-2" role="status"></div>
</h6> </h6>
<ul class="nav flex-column mb-2"> <ul class="nav flex-column mb-2">
<li class="nav-item w-100" *ngFor="let view of savedViewService.sidebarViews"> <li class="nav-item w-100" *ngFor="let view of savedViewService.sidebarViews">

5
src-ui/src/app/components/app-frame/app-frame.component.scss
View File

@ -9,6 +9,11 @@
z-index: 995; /* Behind the navbar */ z-index: 995; /* Behind the navbar */
padding: 50px 0 0; /* Height of navbar */ padding: 50px 0 0; /* Height of navbar */
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
.sidebar-heading .spinner-border {
width: 0.8em;
height: 0.8em;
}
} }
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.sidebar { .sidebar {

8
src-ui/src/app/services/rest/saved-view.service.ts
View File

@ -9,13 +9,19 @@ import { AbstractPaperlessService } from './abstract-paperless-service'
providedIn: 'root', providedIn: 'root',
}) })
export class SavedViewService extends AbstractPaperlessService<PaperlessSavedView> { export class SavedViewService extends AbstractPaperlessService<PaperlessSavedView> {
loading: boolean
constructor(http: HttpClient) { constructor(http: HttpClient) {
super(http, 'saved_views') super(http, 'saved_views')
this.reload() this.reload()
} }
private reload() { private reload() {
this.listAll().subscribe((r) => (this.savedViews = r.results)) this.loading = true
this.listAll().subscribe((r) => {
this.savedViews = r.results
this.loading = false
})
} }
private savedViews: PaperlessSavedView[] = [] private savedViews: PaperlessSavedView[] = []