diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor')
36 files changed, 547 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.html new file mode 100644 index 00000000..9df70a7b --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.html @@ -0,0 +1,3 @@ +<p> + rdp-autocomplete-editor works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-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-autocomplete-editor/rdp-autocomplete-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.spec.ts new file mode 100644 index 00000000..99c8a6be --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpAutocompleteEditorComponent } from './rdp-autocomplete-editor.component'; + +describe('RdpAutocompleteEditorComponent', () => { + let component: RdpAutocompleteEditorComponent; + let fixture: ComponentFixture<RdpAutocompleteEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpAutocompleteEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpAutocompleteEditorComponent); + 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-autocomplete-editor/rdp-autocomplete-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.ts new file mode 100644 index 00000000..5ca328f9 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-autocomplete-editor/rdp-autocomplete-editor.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'rdp-rdp-autocomplete-editor', + templateUrl: './rdp-autocomplete-editor.component.html', + styleUrls: ['./rdp-autocomplete-editor.component.scss'] +}) +export class RdpAutocompleteEditorComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.css b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.css 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-button/rdp-button.component.css diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.html new file mode 100644 index 00000000..3cddeaab --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.html @@ -0,0 +1,3 @@ +<p> + rdp-button works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.spec.ts new file mode 100644 index 00000000..e2645f9a --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpButtonComponent } from './rdp-button.component'; + +describe('RdpButtonComponent', () => { + let component: RdpButtonComponent; + let fixture: ComponentFixture<RdpButtonComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpButtonComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpButtonComponent); + 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-button/rdp-button.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts new file mode 100644 index 00000000..49f51ce1 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts @@ -0,0 +1,31 @@ +import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-button', + styleUrls: ['./rdp-button.component.css'], + template: ` + <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">{{text}}</button> + ` +}) +export class RdpButtonComponent implements OnInit { + + @Output() rdpClick = new EventEmitter<any>(); + @Input() isDisabled:boolean = false; + @Input() text = "Button Name"; + + constructor() { } + + ngOnInit() { + } + + emitClickEvent(){ + this.rdpClick.emit(); + } + + +// Usage Example 1: +// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=true ></rdp-button> +// Example 2: +// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=false ></rdp-button> + +} diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.html new file mode 100644 index 00000000..d6b35d82 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.html @@ -0,0 +1,3 @@ +<p> + rdp-checkbox-editor works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-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-checkbox-editor/rdp-checkbox-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.spec.ts new file mode 100644 index 00000000..ac853d35 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpCheckboxEditorComponent } from './rdp-checkbox-editor.component'; + +describe('RdpCheckboxEditorComponent', () => { + let component: RdpCheckboxEditorComponent; + let fixture: ComponentFixture<RdpCheckboxEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpCheckboxEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpCheckboxEditorComponent); + 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-checkbox-editor/rdp-checkbox-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.ts new file mode 100644 index 00000000..407c745a --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-checkbox-editor/rdp-checkbox-editor.component.ts @@ -0,0 +1,28 @@ +import { Component, OnInit, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-checkbox-editor', + styleUrls: ['./rdp-checkbox-editor.component.scss'], + template:` + <div id="property-active" class="property-active"> + <mat-checkbox name="isEnabled" [(ngModel)]="columnValue" [checked]="columnValue">{{columntitle}} + </mat-checkbox> + </div> + ` +}) +export class RdpCheckboxEditorComponent implements OnInit { + + @Input() rowdata :any; + @Input() columntitle: any + columnValue: any; + + constructor() { } + + ngOnInit() { + console.log("RdpCheckboxEditorComponent Row Data ::: ",this.rowdata); + let rowObj = JSON.parse(this.rowdata); + let column = this.columntitle; + this.columnValue = rowObj[column]; + } + +} diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.html new file mode 100644 index 00000000..c2812074 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.html @@ -0,0 +1,3 @@ +<p> + rdp-datepicker-editor works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-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-datepicker-editor/rdp-datepicker-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.spec.ts new file mode 100644 index 00000000..cb96a653 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpDatepickerEditorComponent } from './rdp-datepicker-editor.component'; + +describe('RdpDatepickerEditorComponent', () => { + let component: RdpDatepickerEditorComponent; + let fixture: ComponentFixture<RdpDatepickerEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpDatepickerEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpDatepickerEditorComponent); + 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-datepicker-editor/rdp-datepicker-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.ts new file mode 100644 index 00000000..fc99c7bf --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-datepicker-editor/rdp-datepicker-editor.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-datepicker-editor', + styleUrls: ['./rdp-datepicker-editor.component.scss'], + template:` + <mat-form-field> + <input [(ngModel)]="columnValue" name="{{columntitle}}" matInput [matDatepicker]="date" + placeholder="MM/dd/yyyy"> + <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle> + <mat-datepicker #date></mat-datepicker> + </mat-form-field> + ` +}) +export class RdpDatepickerEditorComponent implements OnInit { + + @Input() rowdata :any; + @Input() columntitle: any + + columnValue: any; + + constructor() { } + + ngOnInit() { + console.log("RdpDatepickerEditorComponent Row Data ::: ",this.rowdata); + let rowObj = JSON.parse(this.rowdata); + let column = this.columntitle; + this.columnValue = rowObj[column]; + } +}
\ 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-icon-button/rdp-icon-button.component.css b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.css 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-icon-button/rdp-icon-button.component.css diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.html new file mode 100644 index 00000000..fd44ac1a --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.html @@ -0,0 +1,3 @@ +<p> + rdp-icon-button works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.spec.ts new file mode 100644 index 00000000..56520293 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpIconButtonComponent } from './rdp-icon-button.component'; + +describe('RdpIconButtonComponent', () => { + let component: RdpIconButtonComponent; + let fixture: ComponentFixture<RdpIconButtonComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpIconButtonComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpIconButtonComponent); + 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-icon-button/rdp-icon-button.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.ts new file mode 100644 index 00000000..225f739d --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.ts @@ -0,0 +1,36 @@ +import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-icon-button', + styleUrls: ['./rdp-icon-button.component.css'], + template: ` + <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled"> + <i class="{{icon}}"></i> + {{text}} + </button> +` +}) +export class RdpIconButtonComponent implements OnInit { + + @Output() rdpClick = new EventEmitter<any>(); + @Input() isDisabled:boolean = false; + @Input() text = "Button Name"; + @Input() icon : string; + + + constructor() { } + + ngOnInit() { + } + + emitClickEvent(){ + this.rdpClick.emit(); + } + +// Example usage: ( Needs Testing: ) +// ================================== +// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [icon]="'icon ion-md-person-add'" [isDisabled]=true></rdp-button> +// Note: Ensure the text and icon strings are enslosed in this formt : "' <<YOUR TEXT>> '" + + +} 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.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.html new file mode 100644 index 00000000..af464510 --- /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.html @@ -0,0 +1,3 @@ +<p> + rdp-input-editor works! +</p> 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.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.scss new file mode 100644 index 00000000..6e53e96f --- /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.scss @@ -0,0 +1,3 @@ +.input-editor{ + width: 31em; +}
\ 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-input-editor/rdp-input-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-input-editor/rdp-input-editor.component.spec.ts new file mode 100644 index 00000000..2b6b6bfd --- /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.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpInputEditorComponent } from './rdp-input-editor.component'; + +describe('RdpInputEditorComponent', () => { + let component: RdpInputEditorComponent; + let fixture: ComponentFixture<RdpInputEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpInputEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpInputEditorComponent); + 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-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); + } + +} 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); + } + +} 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); + } + +} diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.html b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.html new file mode 100644 index 00000000..13ef41dd --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.html @@ -0,0 +1,3 @@ +<p> + rdp-textarea-editor works! +</p> diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.scss b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-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-textarea-editor/rdp-textarea-editor.component.scss diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.spec.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.spec.ts new file mode 100644 index 00000000..a9db92bb --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RdpTextareaEditorComponent } from './rdp-textarea-editor.component'; + +describe('RdpTextareaEditorComponent', () => { + let component: RdpTextareaEditorComponent; + let fixture: ComponentFixture<RdpTextareaEditorComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RdpTextareaEditorComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RdpTextareaEditorComponent); + 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-textarea-editor/rdp-textarea-editor.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.ts new file mode 100644 index 00000000..afe67873 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-textarea-editor/rdp-textarea-editor.component.ts @@ -0,0 +1,28 @@ +import { Component, OnInit, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-textarea-editor', + styleUrls: ['./rdp-textarea-editor.component.scss'], + template:` + <textarea style="border:solid 1px;" + [(ngModel)]="columnValue" matInput placeholder="Textarea"> + </textarea> + ` +}) +export class RdpTextareaEditorComponent implements OnInit { + + @Input() rowdata :any; + @Input() columntitle: any + columnValue: any; + + + constructor() { } + + ngOnInit() { + console.log("RdpTextareaEditorComponent Row Data ::: ",this.rowdata); + let rowObj = JSON.parse(this.rowdata); + let column = this.columntitle; + this.columnValue = rowObj[column]; + } + +} |