diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.ts')
-rw-r--r-- | ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.ts | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.ts new file mode 100644 index 00000000..31c9e9d7 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.ts @@ -0,0 +1,42 @@ +import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; + +@Component({ + selector: 'rdp-input-editor', + styleUrls: ['./rdp-input-editor.component.scss'], + template: ` + <input class="input-editor" [disabled]="isColumnDisabled" + [(ngModel)]="columnValue" + type="text" name="{{columntitle}}" + id="{{columntitle}}" + (change)="detectChange(columnValue)"> + ` +}) +export class RdpInputEditorComponent implements OnInit { + + @Input() rowdata: any; + @Input() columntitle: any + @Input() disabled: boolean; + + @Output() changedColumnValue = new EventEmitter<any>(); + + columnValue: any; + isColumnDisabled:boolean; + + 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.isColumnDisabled = this.disabled; + } + + detectChange(changedValue) { + this.changedColumnValue.emit(changedValue); + } + +} |