paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

search busy animation

Browse Source
This commit is contained in:
Jonas Winkler
2020-11-02 01:35:09 +01:00
parent baddc220d6
commit 5e3d05322e
3 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/search/search.component.css
View File

@@ -9,3 +9,7 @@
position: absolute; position: absolute;
} }
.result-content-searching {
opacity: 0.2;
}

2
src-ui/src/app/components/search/search.component.html
View File

@@ -3,10 +3,12 @@
<p>Search string: <i>{{query}}</i></p> <p>Search string: <i>{{query}}</i></p>
<div [class.result-content-searching]="searching">
<app-document-card-large *ngFor="let result of results" <app-document-card-large *ngFor="let result of results"
[document]="result.document" [document]="result.document"
[details]="result.highlights"> [details]="result.highlights">
</app-document-card-large> </app-document-card-large>
</div>
<p *ngIf="results.length == 0" class="mx-auto">No results</p> <p *ngIf="results.length == 0" class="mx-auto">No results</p>

4
src-ui/src/app/components/search/search.component.ts
View File

@@ -13,13 +13,17 @@ export class SearchComponent implements OnInit {
query: string = "" query: string = ""
searching = false
constructor(private searchService: SearchService, private route: ActivatedRoute) { } constructor(private searchService: SearchService, private route: ActivatedRoute) { }
ngOnInit(): void { ngOnInit(): void {
this.route.queryParamMap.subscribe(paramMap => { this.route.queryParamMap.subscribe(paramMap => {
this.query = paramMap.get('query') this.query = paramMap.get('query')
this.searching = true
this.searchService.search(this.query).subscribe(result => { this.searchService.search(this.query).subscribe(result => {
this.results = result this.results = result
this.searching = false
}) })
}) })