Enhancement: filter by file type (#8946)

src-ui/src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.html

@@ -56,6 +56,7 @@
                   [ngbPopover]="getFileTypeName(filetype)"
                   i18n-ngbPopover
                   triggers="mouseenter:mouseleave"
+                  (click)="filterByFileType(filetype)"
                   [attr.aria-label]="getFileTypeName(filetype)"
                   [class.me-1px]="!last"
                   [style.width]="getFileTypePercent(filetype) + '%'"
@@ -70,7 +71,7 @@
           <div class="d-flex flex-wrap align-items-start">
             @for (filetype of statistics?.document_file_type_counts; track filetype; let i = $index) {
               <div class="d-flex">
-                <div class="text-nowrap me-2">
+                <div class="text-nowrap me-2" [class.cursor-pointer]="!filetype.is_other" (click)="filterByFileType(filetype)">
                   <span class="badge rounded-pill bg-primary d-inline-block p-0 me-1" [style.opacity]="getItemOpacity(i)"></span>
                   <small class="text-nowrap"><span class="fw-bold">{{ getFileTypeExtension(filetype) }}</span>&nbsp;<span class="text-muted">({{getFileTypePercent(filetype) | number: '1.0-1'}}%)</span></small>
                 </div>