Improve Composition View Filtering

[sdc.git] / catalog-ui / src / app / ng2 / pages / composition / palette / palette.component.ts

diff --git a/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.ts b/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.ts
index e91798e..020acff 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.ts
+++ b/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.ts
@@ -49,6 +49,7 @@ export class PaletteComponent {
     public isPaletteLoading: boolean;
     private paletteDraggedElement: LeftPaletteComponent;
     public position: Point = new Point();
+    private openAccordion: boolean = false;
 
     ngOnInit() {
         this.isPaletteLoading = true;
@@ -66,6 +67,7 @@ export class PaletteComponent {
     public buildPaletteByCategories = (searchText?: string) => { // create nested by category & subcategory, filtered by search parans
         // Flat the object and run on its leaves
         if (searchText) {
+            this.openAccordion = true;
             searchText = searchText.toLowerCase();
             const paletteElementsAfterSearch = {};
             this.paletteElements = this.compositionPaletteService.getLeftPaletteElements();
@@ -83,6 +85,7 @@ export class PaletteComponent {
             }
             this.paletteElements = paletteElementsAfterSearch;
         } else {
+            this.openAccordion = false;
             this.paletteElements = this.compositionPaletteService.getLeftPaletteElements();
         }
         this.numberOfElements = this.countLeftPalleteElements(this.paletteElements);
@@ -106,14 +109,6 @@ export class PaletteComponent {
         return counter;
     }
 
-    private isGroupOrPolicy(component: LeftPaletteComponent): boolean {
-        if (component &&
-            (component.categoryType === LeftPaletteMetadataTypes.Group ||
-            component.categoryType === LeftPaletteMetadataTypes.Policy)) {
-            return true;
-        }
-        return false;
-    }
     @HostListener('document:dragover', ['$event'])
     public onDrag(event) {
         this.position.x = event.clientX;
@@ -153,22 +148,4 @@ export class PaletteComponent {
         
     }
 
-    public onMouseOver = (sectionElem:MouseEvent, displayComponent:LeftPaletteComponent) => {
-        console.debug("On palette element MOUSE HOVER: ", displayComponent);
-        if (this.isGroupOrPolicy(displayComponent)) {
-            this.eventListenerService.notifyObservers(GRAPH_EVENTS.ON_PALETTE_COMPONENT_SHOW_POPUP_PANEL, displayComponent, sectionElem.target);
-        } else {
-            this.eventListenerService.notifyObservers(GRAPH_EVENTS.ON_PALETTE_COMPONENT_HOVER_IN, displayComponent);
-        }
-    };
-
-    public onMouseOut = (displayComponent:LeftPaletteComponent) => {
-        console.debug("On palette element MOUSE OUT: ", displayComponent);
-        if (this.isGroupOrPolicy(displayComponent)) {
-            this.eventListenerService.notifyObservers(GRAPH_EVENTS.ON_PALETTE_COMPONENT_HIDE_POPUP_PANEL);
-        } else {
-            this.eventListenerService.notifyObservers(GRAPH_EVENTS.ON_PALETTE_COMPONENT_HOVER_OUT);
-        }
-    };
-
 }