diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html index cebe7c544..881a28dbf 100644 --- a/src-ui/src/app/components/document-list/document-list.component.html +++ b/src-ui/src/app/components/document-list/document-list.component.html @@ -44,7 +44,7 @@ </div> <div class="btn-group ml-2"> - <button type="button" class="btn btn-sm btn-outline-primary" (click)="showFilter=!showFilter"> + <button type="button" class="btn btn-sm" [ngClass]="isFiltered ? 'btn-primary' : 'btn-outline-primary'" (click)="showFilter=!showFilter"> <svg class="toolbaricon" fill="currentColor"> <use xlink:href="assets/bootstrap-icons.svg#funnel" /> </svg> @@ -75,7 +75,7 @@ </div> <div class="d-flex justify-content-between align-items-center"> - <p>{{list.collectionSize || 0}} document(s)</p> + <p>{{list.collectionSize || 0}} document(s) <span *ngIf="isFiltered">(filtered)</span></p> <ngb-pagination [pageSize]="list.currentPageSize" [collectionSize]="list.collectionSize" [(page)]="list.currentPage" [maxSize]="5" [rotate]="true" (pageChange)="list.reload()" aria-label="Default pagination"></ngb-pagination> </div> diff --git a/src-ui/src/app/components/document-list/document-list.component.ts b/src-ui/src/app/components/document-list/document-list.component.ts index dd939ac01..09e73dd96 100644 --- a/src-ui/src/app/components/document-list/document-list.component.ts +++ b/src-ui/src/app/components/document-list/document-list.component.ts @@ -32,6 +32,10 @@ export class DocumentListComponent implements OnInit { filterRules: FilterRule[] = [] showFilter = false + get isFiltered() { + return this.list.filterRules?.length > 0 + } + getTitle() { return this.list.savedViewTitle || "Documents" }