1 files changed, 77 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/components/filter-properties-assignment/filter-properties-assignment.component.ts b/catalog-ui/src/app/ng2/components/filter-properties-assignment/filter-properties-assignment.component.ts
new file mode 100644
index 0000000000..c23e08bc0d
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/filter-properties-assignment/filter-properties-assignment.component.ts
@@ -0,0 +1,77 @@
+/**
+ * Created by rc2122 on 5/16/2017.
+ */
+import {Component, Input, Output, EventEmitter, ViewChild} from '@angular/core';
+import {ButtonModel, ButtonsModelMap, FilterPropertiesAssignmentData} from "app/models";
+import {PopoverComponent} from "../popover/popover.component";
+import * as sdcConfig from "../../../../../configurations/dev"
+
+@Component({
+    selector: 'filter-properties-assignment',
+    templateUrl: './filter-properties-assignment.component.html',
+    styleUrls: ['./filter-properties-assignment.component.less']
+})
+
+export class FilterPropertiesAssignmentComponent {
+    @Input() componentType: string;
+    @Output() searchProperties: EventEmitter<FilterPropertiesAssignmentData> = new EventEmitter<FilterPropertiesAssignmentData>();
+    footerButtons:ButtonsModelMap = {};
+    typesOptions:Array<string>;//All optional types
+    selectedTypes:Object = {};
+    allSelected:boolean = false;//if all option selected
+    filterData:FilterPropertiesAssignmentData = new FilterPropertiesAssignmentData();
+    @ViewChild('filterPopover') filterPopover: PopoverComponent;
+
+    ngOnInit() {
+        this.footerButtons['Apply'] = new ButtonModel('Apply', 'blue', this.search, this.someTypesSelectedAndThereIsPropertyName);
+        this.footerButtons['Close'] = new ButtonModel('Close', 'grey', this.close);
+        this.componentType = this.componentType.toLocaleLowerCase();
+        this.typesOptions = sdcConfig.resourceTypesFilter[this.componentType];
+    }
+
+    selectAll = () => {
+        _.forEach(this.typesOptions, (type) => {
+            this.selectedTypes[type] = this.allSelected;
+        });
+    }
+
+    onTypeSelected = (type:string) => {
+        if(!this.selectedTypes[type]){
+            this.allSelected = false;//unselected 'All'
+        }
+    };
+
+    search = () => {
+        console.log('search props');
+        this.filterData.selectedTypes = [];
+        _.forEach(sdcConfig.resourceTypesFilter[this.componentType], (type) => {
+            if(this.selectedTypes[type]){
+                this.filterData.selectedTypes.push(type);
+            }
+        });
+        this.searchProperties.emit(this.filterData);
+        this.filterPopover.hide();
+    }
+
+    close = () => {
+        this.filterPopover.hide();
+    }
+
+    someTypesSelectedAndThereIsPropertyName = ():boolean => {
+        if( _.find(Object.keys(this.selectedTypes),(key) => {
+            return this.selectedTypes[key];
+        }) && this.filterData.propertyName ){
+            return null
+        }
+        return true;
+    }
+
+    clearAll = ():void => {
+        this.filterData.propertyName = "";
+        _.forEach(this.selectedTypes,(value, key) => {
+            this.selectedTypes[key] = false;
+        });
+        this.allSelected = false;
+    }
+
+}