ui: show filter result next to folder count

src/renderer/macaco.js

@@ -147,12 +147,23 @@ macaco.events.register('set-statistics-contents', (ev, contents) => {
   macaco.events.invoke('update-statistics-contents', statistics)
 })
 
+macaco.events.register('set-statistics-folder', (ev, view) => {
+  const folders = {}
+
+  for (const [folder, files] of Object.entries(macaco.collection.contents)) {
+    folders[folder] = macaco.filter.view(files).length
+  }
+
+  macaco.events.invoke('update-statistics-folder', folders)
+})
+
 /* bind events to setters: collection updates */
 macaco.events.bind('update-collection-folder', 'set-collection-view')
 macaco.events.bind('update-filter', 'set-collection-view')
 macaco.events.bind('update-combine', 'set-collection-view')
 
 /* bind events to setters: statistic updates */
+macaco.events.bind('update-filter', 'set-statistics-folder')
 macaco.events.bind('update-collection-contents', 'set-statistics-contents')
 macaco.events.bind('update-collection-view', 'set-statistics-view')
 macaco.events.bind('update-collection-selection', 'set-statistics-selection')

src/renderer/ui/ui-window-library-folder.js

@@ -78,6 +78,10 @@ export default class UIWindowLibraryFolder extends HTMLElement {
       pointer-events: none;
     }
 
+    #count b {
+      color: var(--font-light);
+    }
+
     :host {
     }
   `
@@ -95,6 +99,17 @@ export default class UIWindowLibraryFolder extends HTMLElement {
       if (e.id) this.dom[e.id] = this.shadow.getElementById(e.id)
     }
 
+    macaco.events.register('update-statistics-folder', (ev, counts) => {
+      const real = this.cards.length > 0 ? this.cards.length : ''
+      const filtered = counts[this.path] ? counts[this.path] : 0
+
+      if (filtered <= 0 || filtered === real) {
+        this.dom.count.innerHTML = `${real}`
+      } else {
+        this.dom.count.innerHTML = `${real} [<b>${filtered}</b>]`
+      }
+    })
+
     macaco.events.register('update-collection-folder', (ev, folder) => {
       if (folder === this.path) {
         this.dom.folder.classList.add('active')