gerrit.onap Code Review - portal/sdk.git/blob

   1 /*
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal SDK
   4  * ===================================================================
   5  * Copyright © 2020 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38
  39 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
  40
  41 @Component({
  42   selector: 'rdp-select-editor',
  43   styleUrls: ['./rdp-select-editor.component.scss'],
  44   template: `
  45   <mat-form-field>
  46       <mat-label>{{columntitle | titlecase}}:</mat-label>
  47       <mat-select [(value)]="columnValue"
  48       (selectionChange)="detectChange(columnValue)">
  49         <mat-option *ngFor="let item of data" [value]="item.name">
  50         {{item.name}}
  51         </mat-option>
  52       </mat-select>
  53   </mat-form-field>
  54   `
  55 })
  56 export class RdpSelectEditorComponent implements OnInit {
  57
  58   @Input() rowdata: any;
  59   @Input() columntitle: any;
  60   @Input() data: any[];
  61   @Output() changedColumnValue = new EventEmitter<any>();
  62   columnValue: any;
  63
  64   constructor() { }
  65
  66   ngOnInit() {
  67     if (this.rowdata != null || this.rowdata != undefined) {
  68       let rowObj = JSON.parse(this.rowdata);
  69       let column = this.columntitle;
  70       this.columnValue = rowObj[column];
  71     } else {
  72       this.columnValue = null;
  73     }
  74   }
  75
  76   detectChange(changedValue) {
  77     this.changedColumnValue.emit(changedValue);
  78   }
  79
  80 }