catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/groups/group-properties-tab.component.ts

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * SDC
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 import * as _ from "lodash";
  22 import { Component, Inject, Input, Output, EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
  23 import { TranslateService } from './../../../../../shared/translator/translate.service';
  24 import { GroupInstance } from 'app/models/graph/zones/group-instance';
  25 import { PropertyBEModel } from 'app/models';
  26 import { PropertyModel } from './../../../../../../models/properties';
  27 import { ModalsHandler } from "app/utils";
  28 import { Component as TopologyTemplate, ComponentInstance, IAppMenu } from "app/models";
  29
  30 @Component({
  31     selector: 'group-properties-tab',
  32     templateUrl: './group-properties-tab.component.html',
  33     styleUrls: ['./../base/base-tab.component.less', 'group-properties-tab.component.less'],
  34     host: {'class': 'component-details-panel-tab-group-properties'}
  35 })
  36 export class GroupPropertiesTabComponent implements OnChanges {
  37
  38     @Input() group:GroupInstance;
  39     @Input() topologyTemplate:TopologyTemplate;
  40     @Input() isViewOnly: boolean;
  41
  42     private properties:Array<PropertyModel>;
  43
  44     constructor(private translateService:TranslateService, private ModalsHandler:ModalsHandler) {
  45     }
  46
  47     ngOnChanges(changes: SimpleChanges): void {
  48         console.log("GroupPropertiesTabComponent: ngAfterViewInit: ");
  49         console.log("group: " + JSON.stringify(this.group));
  50         this.properties = [];
  51         this.initProperties();
  52     }
  53
  54     initProperties = ():void => {
  55         this.properties= this.group.properties;
  56     }
  57
  58     editProperty = (property?:PropertyModel):void => {
  59         this.ModalsHandler.openEditPropertyModal((property ? property : new PropertyModel()), this.topologyTemplate, this.properties, false, 'group', this.group.uniqueId).then((updatedProperty:PropertyModel) => {
  60             console.log("ok");
  61         });
  62     }
  63
  64 }