diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor')
4 files changed, 67 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.html new file mode 100644 index 00000000..a8618070 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.html @@ -0,0 +1,6 @@ +<mat-radio-group (change)="onChange($event)" + [(ngModel)]="selectedValue"> + <mat-radio-button *ngFor="let element of data" [value]="element"> + {{element}} + </mat-radio-button> +</mat-radio-group>
\ No newline at end of file diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-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-radio-editor/rdp-radio-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.spec.ts new file mode 100644 index 00000000..28207ab8 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpRadioEditorComponent } from './rdp-radio-editor.component'; + +describe('RdpRadioEditorComponent', () => { + let component: RdpRadioEditorComponent; + let fixture: ComponentFixture<RdpRadioEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpRadioEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpRadioEditorComponent); + 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-radio-editor/rdp-radio-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.ts new file mode 100644 index 00000000..e459c20c --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-radio-editor/rdp-radio-editor.component.ts @@ -0,0 +1,36 @@ +import { Component, OnInit, Input , EventEmitter, Output} from '@angular/core'; +import { MatRadioButton, MatRadioChange } from '@angular/material'; + +@Component({ + selector: 'rdp-radio-editor', + templateUrl: './rdp-radio-editor.component.html', + styleUrls: ['./rdp-radio-editor.component.scss'] +}) +export class RdpRadioEditorComponent implements OnInit { + @Input() rowdata :any; + @Input() columntitle: any + @Input() data: any[]; + @Output() changedColumnValue = new EventEmitter<any>(); + columnValue: any; + selectedValue : 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.selectedValue = this.columnValue; + console.log(" this.selected :::", this.selectedValue); + } + + onChange(changedValue){ + this.changedColumnValue.emit(changedValue.value); + } + +} |