diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor')
4 files changed, 71 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.html new file mode 100644 index 00000000..03621f97 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.html @@ -0,0 +1,3 @@ +<p> + rdp-select-editor works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.scss new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.spec.ts new file mode 100644 index 00000000..4f48efc9 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpSelectEditorComponent } from './rdp-select-editor.component'; + +describe('RdpSelectEditorComponent', () => { + let component: RdpSelectEditorComponent; + let fixture: ComponentFixture<RdpSelectEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpSelectEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpSelectEditorComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.ts new file mode 100644 index 00000000..a657a000 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-select-editor/rdp-select-editor.component.ts @@ -0,0 +1,43 @@ +import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; + +@Component({ + selector: 'rdp-select-editor', + styleUrls: ['./rdp-select-editor.component.scss'], + template: ` + <mat-select [(value)]="selected" + (selectionChange)="detectChange(columnValue)"> + <mat-option *ngFor="let item of data" [value]="item.name"> + {{item.name}} + </mat-option> + </mat-select> + ` +}) +export class RdpSelectEditorComponent implements OnInit { + + @Input() rowdata: any; + @Input() columntitle: any; + @Input() data: any[]; + @Output() changedColumnValue = new EventEmitter<any>(); + selected: any; + columnValue: any; + + constructor() { } + + ngOnInit() { + if (this.rowdata != null || this.rowdata != undefined) { + let rowObj = JSON.parse(this.rowdata); + let column = this.columntitle; + this.columnValue = rowObj[column]; + + } else { + this.columnValue = null; + } + this.selected = this.columnValue; + console.log(" this.selected :::", this.selected); + } + + detectChange(changedValue) { + this.changedColumnValue.emit(changedValue); + } + +} |