1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
/*-
* ============LICENSE_START=======================================================
* SDC
* ================================================================================
* Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
* ================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============LICENSE_END=========================================================
*/
/**
* Created by rc2122 on 5/16/2017.
*/
import * as _ from "lodash";
import {Component, Input, Output, EventEmitter, ViewChild} from '@angular/core';
import {ButtonModel, ButtonsModelMap, FilterPropertiesAssignmentData} from "app/models";
import * as sdcConfig from "../../../../../../configurations/dev"
import {PopoverComponent} from "../../ui/popover/popover.component";
@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;
}
}
|