Visually split labels/type filters

capsule-prototype/js/MosaicPanelWidget.js

@@ -99,7 +99,6 @@
                 let path = localOptions.getPreviewPath(tagOrDoc);
                 let name = tagOrDoc.getMetadata("Rekall->Name");
                 let url = getUrl(tagOrDoc, path);
-                let labels = tagOrDoc.getMetadata('Rekall->Labels') || '';
 
                 let div = $('<div/>').addClass('mosaic_item mosaic_button').on('click', function () {
                     tagOrDoc.openPopupEdit();
@@ -159,15 +158,17 @@
             }
 
             const fillPanel = function () {
-                let filterdiv = $('<div/>').addClass('mosaic_filter');
-                filterdiv.append(getFilterElement(
+                let typefilterdiv = $('<div/>').addClass('mosaic_filter');
+                let labelsfilterdiv = $('<div/>').addClass('mosaic_filter');
+                typefilterdiv.append(getFilterElement(
                     'Reset filters',
                     'rgb(100,100,100)',
                     localOptions._resetFilters,
                     'mosaic_filter_item_all',
                     false
                 ));
-                localOptions.htmlElement().append(filterdiv);
+                localOptions.htmlElement().append(typefilterdiv);
+                localOptions.htmlElement().append(labelsfilterdiv);
                 let labels = new Set();
                 // TODO is there a better way to iterate over tags or documents ?
                 for (let [k, v] of Object.entries(localOptions.rekall().sortings.colors.categories)) {
@@ -179,7 +180,7 @@
                     category.append($('<h2/>').text(categoryName));
                     category.append(grid);
 
-                    filterdiv.append(getFilterElement(
+                    typefilterdiv.append(getFilterElement(
                         categoryName,
                         v.color, function () {
                             category.toggle();
@@ -214,7 +215,7 @@
                         console.debug('filters: ', localOptions.filter_label_to_show);
                         localOptions._followedItems.forEach(value => value.computeVisibility())
                     })
-                    filterdiv.append(button);
+                    labelsfilterdiv.append(button);
                 });
             }