Clickable tags in dashboard widgets

diff --git a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
index 07f24c153ce81d871d114c027b00a630ef491f9b..00a794ec7c51f1dd3b8e55b6ca433a6d5545c592 100644 (file)
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
@@ -13,7 +13,7 @@
     <tbody>
       <tr *ngFor="let doc of documents" routerLink="/documents/{{doc.id}}">
         <td>{{doc.created | customDate}}</td>
-        <td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1"></app-tag></td>
+        <td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1" (click)="clickTag(t); $event.stopPropagation();"></app-tag></td>
       </tr>
     </tbody>
   </table>

diff --git a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts
index 3057452f0711e36efd619f3255b7e60186b4a496..e677a6e2f908be5c1b60911fed210d83ddada4de 100644 (file)
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts
@@ -6,6 +6,8 @@ import { PaperlessSavedView } from 'src/app/data/paperless-saved-view'
 import { DocumentListViewService } from 'src/app/services/document-list-view.service'
 import { ConsumerStatusService } from 'src/app/services/consumer-status.service'
 import { DocumentService } from 'src/app/services/rest/document.service'
+import { PaperlessTag } from 'src/app/data/paperless-tag'
+import { FILTER_HAS_TAGS_ALL } from 'src/app/data/filter-rule-type'
 
 @Component({
   selector: 'app-saved-view-widget',
@@ -62,4 +64,10 @@ export class SavedViewWidgetComponent implements OnInit, OnDestroy {
       this.router.navigate(['documents'])
     }
   }
+
+  clickTag(tag: PaperlessTag) {
+    this.list.quickFilter([
+      { rule_type: FILTER_HAS_TAGS_ALL, value: tag.id.toString() },
+    ])
+  }
 }