From 6c67523e11d4aec9063199c11694f456880bc62c Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Wed, 8 Aug 2018 17:41:49 +0300 Subject: [PATCH 1/8] template(dropdown): Create dropdown template #337 --- .../src/app/__path__/__name__.component.css | 9 ++++ .../src/app/__path__/__name__.component.html | 13 +++++ .../app/__path__/__name__.component.spec.ts | 27 +++++++++++ .../src/app/__path__/__name__.component.ts | 47 +++++++++++++++++++ .../files/src/app/__path__/local-data.ts | 15 ++++++ .../angular/igx-ts/dropdown/default/index.ts | 19 ++++++++ templates/angular/igx-ts/dropdown/index.ts | 14 ++++++ 7 files changed, 144 insertions(+) create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts create mode 100644 templates/angular/igx-ts/dropdown/default/index.ts create mode 100644 templates/angular/igx-ts/dropdown/index.ts diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css new file mode 100644 index 000000000..7f1aedb45 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css @@ -0,0 +1,9 @@ +.drop-down-wrapper { + margin: 10px; +} +.drop-down-wrapper { + width: 200px; +} +button { + width: 100%; +} \ No newline at end of file diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html new file mode 100644 index 000000000..10665e3e6 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html @@ -0,0 +1,13 @@ +

igx-dropdown component.

+

You can read more about configuring the igx-dropdown component in the +README or the +official documentation.

+ +
+ + + + {{ item.field }} + + +
\ No newline at end of file diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts new file mode 100644 index 000000000..65d68b38d --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts @@ -0,0 +1,27 @@ +import { async, TestBed, ComponentFixture } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { $(ClassName)Component } from './$(filePrefix).component'; +import { IgxDropDownModule } from 'igniteui-angular'; + +describe('$(ClassName)Component', () => { + let component: $(ClassName)Component; + let fixture: ComponentFixture<$(ClassName)Component>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [$(ClassName)Component], + imports: [ IgxComboModule, NoopAnimationsModule] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent($(ClassName)Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts new file mode 100644 index 000000000..f1b368b1d --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts @@ -0,0 +1,47 @@ +import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; +import { + IgxDropDownComponent, + ConnectedPositioningStrategy, + OverlaySettings, + PositionSettings, + NoOpScrollStrategy, + HorizontalAlignment, + VerticalAlignment +} from 'igniteui-angular'; +import { data } from './local-data'; + +@Component({ + selector: 'app-$(filePrefix)', + templateUrl: './$(filePrefix).component.html', + styleUrls: ['./$(filePrefix).component.css'] +}) + +export class $(ClassName)Component implements OnInit { + @ViewChild(IgxDropDownComponent) public igxDropDown: IgxDropDownComponent; + @ViewChild('button') public button: ElementRef; + + private _positionSettings: PositionSettings = { + horizontalStartPoint: HorizontalAlignment.Left, + verticalStartPoint: VerticalAlignment.Bottom + }; + + private _overlaySettings: OverlaySettings = { + closeOnOutsideClick: true, + modal: false, + positionStrategy: new ConnectedPositioningStrategy(this._positionSettings), + scrollStrategy: new NoOpScrollStrategy() + }; + public items: any[] = []; + + constructor() { } + + public ngOnInit() { + this.items = data; + this.igxDropDown.width = '200px'; + } + + public toggleDropDown(eventArgs) { + this._overlaySettings.positionStrategy.settings.target = eventArgs.target; + this.igxDropDown.toggle(this._overlaySettings); + } +} diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts new file mode 100644 index 000000000..4c3ed72ec --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts @@ -0,0 +1,15 @@ +const data: any[] = [ +{ field: "EU", header: true }, +{ field: "Germany" }, +{ field: "Bulgaria" }, +{ field: "UK", disabled: true }, +{ field: "NA", header: true }, +{ field: "Canada" }, +{ field: "USA" }, +{ field: "Mexico" }, +{ field: "SA", header: true }, +{ field: "Brazil" }, +{ field: "Colombia", disabled: true }, +{ field: "Argentina" }]; + +export { data }; \ No newline at end of file diff --git a/templates/angular/igx-ts/dropdown/default/index.ts b/templates/angular/igx-ts/dropdown/default/index.ts new file mode 100644 index 000000000..e359f3879 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/index.ts @@ -0,0 +1,19 @@ +import { IgniteUIForAngularTemplate } from "../../../../../lib/templates/IgniteUIForAngularTemplate"; + +class IgxDropDownTemplate extends IgniteUIForAngularTemplate { + constructor() { + super(__dirname); + this.components = ["DropDown"]; + this.controlGroup = "Grids & Lists"; + this.listInComponentTemplates = true; + this.id = "dropdown"; + this.projectType = "igx-ts"; + this.name = "DropDown"; + this.description = "Basic IgxDropDown sample"; + this.dependencies = [{ + from: "igniteui-angular", + import: ["IgxDropDownModule", "IgxButtonModule", "IgxToggleModule"] + }]; + } +} +module.exports = new IgxDropDownTemplate(); diff --git a/templates/angular/igx-ts/dropdown/index.ts b/templates/angular/igx-ts/dropdown/index.ts new file mode 100644 index 000000000..2102cd8d0 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/index.ts @@ -0,0 +1,14 @@ + +import { BaseComponent } from "../../../../lib/BaseComponent"; + +class IgxDropDownComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "DropDown"; + this.group = "Grids & Lists"; + } +} +module.exports = new IgxDropDownComponent(); From aa2c493889175c6397326d0a89e8fd0baa6c96ec Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Wed, 8 Aug 2018 17:41:49 +0300 Subject: [PATCH 2/8] template(dropdown): Create dropdown template #337 --- .../src/app/__path__/__name__.component.css | 9 ++++ .../src/app/__path__/__name__.component.html | 13 +++++ .../app/__path__/__name__.component.spec.ts | 27 +++++++++++ .../src/app/__path__/__name__.component.ts | 47 +++++++++++++++++++ .../files/src/app/__path__/local-data.ts | 15 ++++++ .../angular/igx-ts/dropdown/default/index.ts | 19 ++++++++ templates/angular/igx-ts/dropdown/index.ts | 14 ++++++ 7 files changed, 144 insertions(+) create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts create mode 100644 templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts create mode 100644 templates/angular/igx-ts/dropdown/default/index.ts create mode 100644 templates/angular/igx-ts/dropdown/index.ts diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css new file mode 100644 index 000000000..6ba9d2ac3 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css @@ -0,0 +1,9 @@ +.drop-down-wrapper { + margin: 10px; +} +.drop-down-wrapper { + width: 200px; +} +button { + width: 100%; +} diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html new file mode 100644 index 000000000..6ebb9ae94 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.html @@ -0,0 +1,13 @@ +

igx-dropdown component.

+

You can read more about configuring the igx-dropdown component in the +README or the +official documentation.

+ +
+ + + + {{ item.field }} + + +
diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts new file mode 100644 index 000000000..65d68b38d --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.spec.ts @@ -0,0 +1,27 @@ +import { async, TestBed, ComponentFixture } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { $(ClassName)Component } from './$(filePrefix).component'; +import { IgxDropDownModule } from 'igniteui-angular'; + +describe('$(ClassName)Component', () => { + let component: $(ClassName)Component; + let fixture: ComponentFixture<$(ClassName)Component>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [$(ClassName)Component], + imports: [ IgxComboModule, NoopAnimationsModule] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent($(ClassName)Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts new file mode 100644 index 000000000..f1b368b1d --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.ts @@ -0,0 +1,47 @@ +import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; +import { + IgxDropDownComponent, + ConnectedPositioningStrategy, + OverlaySettings, + PositionSettings, + NoOpScrollStrategy, + HorizontalAlignment, + VerticalAlignment +} from 'igniteui-angular'; +import { data } from './local-data'; + +@Component({ + selector: 'app-$(filePrefix)', + templateUrl: './$(filePrefix).component.html', + styleUrls: ['./$(filePrefix).component.css'] +}) + +export class $(ClassName)Component implements OnInit { + @ViewChild(IgxDropDownComponent) public igxDropDown: IgxDropDownComponent; + @ViewChild('button') public button: ElementRef; + + private _positionSettings: PositionSettings = { + horizontalStartPoint: HorizontalAlignment.Left, + verticalStartPoint: VerticalAlignment.Bottom + }; + + private _overlaySettings: OverlaySettings = { + closeOnOutsideClick: true, + modal: false, + positionStrategy: new ConnectedPositioningStrategy(this._positionSettings), + scrollStrategy: new NoOpScrollStrategy() + }; + public items: any[] = []; + + constructor() { } + + public ngOnInit() { + this.items = data; + this.igxDropDown.width = '200px'; + } + + public toggleDropDown(eventArgs) { + this._overlaySettings.positionStrategy.settings.target = eventArgs.target; + this.igxDropDown.toggle(this._overlaySettings); + } +} diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts new file mode 100644 index 000000000..3f156cff4 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/local-data.ts @@ -0,0 +1,15 @@ +const data: any[] = [ +{ field: "EU", header: true }, +{ field: "Germany" }, +{ field: "Bulgaria" }, +{ field: "UK", disabled: true }, +{ field: "NA", header: true }, +{ field: "Canada" }, +{ field: "USA" }, +{ field: "Mexico" }, +{ field: "SA", header: true }, +{ field: "Brazil" }, +{ field: "Colombia", disabled: true }, +{ field: "Argentina" }]; + +export { data }; diff --git a/templates/angular/igx-ts/dropdown/default/index.ts b/templates/angular/igx-ts/dropdown/default/index.ts new file mode 100644 index 000000000..e359f3879 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/default/index.ts @@ -0,0 +1,19 @@ +import { IgniteUIForAngularTemplate } from "../../../../../lib/templates/IgniteUIForAngularTemplate"; + +class IgxDropDownTemplate extends IgniteUIForAngularTemplate { + constructor() { + super(__dirname); + this.components = ["DropDown"]; + this.controlGroup = "Grids & Lists"; + this.listInComponentTemplates = true; + this.id = "dropdown"; + this.projectType = "igx-ts"; + this.name = "DropDown"; + this.description = "Basic IgxDropDown sample"; + this.dependencies = [{ + from: "igniteui-angular", + import: ["IgxDropDownModule", "IgxButtonModule", "IgxToggleModule"] + }]; + } +} +module.exports = new IgxDropDownTemplate(); diff --git a/templates/angular/igx-ts/dropdown/index.ts b/templates/angular/igx-ts/dropdown/index.ts new file mode 100644 index 000000000..2102cd8d0 --- /dev/null +++ b/templates/angular/igx-ts/dropdown/index.ts @@ -0,0 +1,14 @@ + +import { BaseComponent } from "../../../../lib/BaseComponent"; + +class IgxDropDownComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "DropDown"; + this.group = "Grids & Lists"; + } +} +module.exports = new IgxDropDownComponent(); From 0a56a925726a6462ca35d89f608a23b5ab638e47 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Thu, 9 Aug 2018 13:15:05 +0300 Subject: [PATCH 3/8] template(dropdown): Adding css styles in dropdown template #337 --- .../default/files/src/app/__path__/__name__.component.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css index 6ba9d2ac3..2dd71ba73 100644 --- a/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css +++ b/templates/angular/igx-ts/dropdown/default/files/src/app/__path__/__name__.component.css @@ -1,7 +1,11 @@ -.drop-down-wrapper { - margin: 10px; +:host { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; } .drop-down-wrapper { + margin: 10px; width: 200px; } button { From 28c3d02d9358915fc92a72321b253fe0ce586444 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Thu, 9 Aug 2018 17:28:47 +0300 Subject: [PATCH 4/8] template(dialog): Create template for the dialog window #347 --- .../src/app/__path__/__name__.component.css | 6 +++++ .../src/app/__path__/__name__.component.html | 8 ++++++ .../app/__path__/__name__.component.spec.ts | 27 +++++++++++++++++++ .../src/app/__path__/__name__.component.ts | 15 +++++++++++ .../angular/igx-ts/dialog/default/index.ts | 19 +++++++++++++ templates/angular/igx-ts/dialog/index.ts | 14 ++++++++++ 6 files changed, 89 insertions(+) create mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css create mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html create mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts create mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts create mode 100644 templates/angular/igx-ts/dialog/default/index.ts create mode 100644 templates/angular/igx-ts/dialog/index.ts diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css new file mode 100644 index 000000000..f65ff2eac --- /dev/null +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css @@ -0,0 +1,6 @@ +:host { + height: 100%; + display: flex; + flex-direction: column; + align-items: center; +} diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html new file mode 100644 index 000000000..4993636e6 --- /dev/null +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html @@ -0,0 +1,8 @@ +

Standard dialog window template

+

You can read more about configuring the igx-dialog component in the + README or the + official documentation.

+ + + diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts new file mode 100644 index 000000000..40183688b --- /dev/null +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts @@ -0,0 +1,27 @@ +import { async, TestBed, ComponentFixture } from '@angular/core/testing'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { $(ClassName)Component } from './$(filePrefix).component'; +import { IgxDialogModule } from 'igniteui-angular'; + +describe('$(ClassName)Component', () => { + let component: $(ClassName)Component; + let fixture: ComponentFixture<$(ClassName)Component>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [$(ClassName)Component], + imports: [ IgxDialogModule, NoopAnimationsModule] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent($(ClassName)Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts new file mode 100644 index 000000000..5e7f8dd64 --- /dev/null +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit, ViewChild } from '@angular/core'; +import { IgxDialogComponent } from 'igniteui-angular'; + +@Component({ + selector: 'app-$(filePrefix)', + templateUrl: './$(filePrefix).component.html', + styleUrls: ['./$(filePrefix).component.css'] +}) + +export class $(ClassName)Component { + onDialogOKSelected(args) { + args.dialog.close(); + } + public closeDialog(evt) {} +} diff --git a/templates/angular/igx-ts/dialog/default/index.ts b/templates/angular/igx-ts/dialog/default/index.ts new file mode 100644 index 000000000..06e61e2bc --- /dev/null +++ b/templates/angular/igx-ts/dialog/default/index.ts @@ -0,0 +1,19 @@ +import { IgniteUIForAngularTemplate } from "../../../../../lib/templates/IgniteUIForAngularTemplate"; + +class IgxDialogTemplate extends IgniteUIForAngularTemplate { + constructor() { + super(__dirname); + this.components = ["Dialog"]; + this.controlGroup = "Interactions"; + this.listInComponentTemplates = true; + this.id = "dialog"; + this.projectType = "igx-ts"; + this.name = "Dialog"; + this.description = "Standart dialog template"; + this.dependencies = [{ + from: "igniteui-angular", + import: ["IgxDialogModule"] + }]; + } +} +module.exports = new IgxDialogTemplate(); diff --git a/templates/angular/igx-ts/dialog/index.ts b/templates/angular/igx-ts/dialog/index.ts new file mode 100644 index 000000000..b75f8b931 --- /dev/null +++ b/templates/angular/igx-ts/dialog/index.ts @@ -0,0 +1,14 @@ + +import { BaseComponent } from "../../../../lib/BaseComponent"; + +class IgxDialogComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "Dialog"; + this.group = "Interactions"; + } +} +module.exports = new IgxDialogComponent(); From d5064c6adddf0097bb1370e591da93d4752882d2 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Thu, 9 Aug 2018 17:47:01 +0300 Subject: [PATCH 5/8] template(dialog) Create template for the dialog window component#347 --- .../default/files/src/app/__path__/__name__.component.css | 1 + .../default/files/src/app/__path__/__name__.component.html | 1 + .../default/files/src/app/__path__/__name__.component.spec.ts | 2 ++ 3 files changed, 4 insertions(+) diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css index f65ff2eac..5490400dc 100644 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css @@ -4,3 +4,4 @@ flex-direction: column; align-items: center; } + diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html index 4993636e6..f6b6cc847 100644 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html @@ -6,3 +6,4 @@ + diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts index 40183688b..187f86f5d 100644 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts +++ b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts @@ -25,3 +25,5 @@ describe('$(ClassName)Component', () => { expect(component).toBeTruthy(); }); }); + + From 277da43bdafbd18fdfd999f354bc61b564589618 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Tue, 14 Aug 2018 13:54:04 +0300 Subject: [PATCH 6/8] template(dropdown) Changed control group to 'Data Entry & Display'#337 --- templates/angular/igx-ts/dropdown/default/index.ts | 2 +- templates/angular/igx-ts/dropdown/index.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/templates/angular/igx-ts/dropdown/default/index.ts b/templates/angular/igx-ts/dropdown/default/index.ts index e359f3879..4ce75ec27 100644 --- a/templates/angular/igx-ts/dropdown/default/index.ts +++ b/templates/angular/igx-ts/dropdown/default/index.ts @@ -4,7 +4,7 @@ class IgxDropDownTemplate extends IgniteUIForAngularTemplate { constructor() { super(__dirname); this.components = ["DropDown"]; - this.controlGroup = "Grids & Lists"; + this.controlGroup = "Data Entry & Display"; this.listInComponentTemplates = true; this.id = "dropdown"; this.projectType = "igx-ts"; diff --git a/templates/angular/igx-ts/dropdown/index.ts b/templates/angular/igx-ts/dropdown/index.ts index 2102cd8d0..daa2df99c 100644 --- a/templates/angular/igx-ts/dropdown/index.ts +++ b/templates/angular/igx-ts/dropdown/index.ts @@ -8,7 +8,7 @@ class IgxDropDownComponent extends BaseComponent { constructor() { super(__dirname); this.name = "DropDown"; - this.group = "Grids & Lists"; + this.group = "Data Entry & Display"; } } module.exports = new IgxDropDownComponent(); From 30fbefcdc52e54002d5ac781153c4a63a578005b Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Tue, 14 Aug 2018 15:30:20 +0300 Subject: [PATCH 7/8] template(dropdown): Fixing typo with the component name #337 --- templates/angular/igx-ts/dropdown/default/index.ts | 4 ++-- templates/angular/igx-ts/dropdown/index.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/templates/angular/igx-ts/dropdown/default/index.ts b/templates/angular/igx-ts/dropdown/default/index.ts index 4ce75ec27..2592b152f 100644 --- a/templates/angular/igx-ts/dropdown/default/index.ts +++ b/templates/angular/igx-ts/dropdown/default/index.ts @@ -3,12 +3,12 @@ import { IgniteUIForAngularTemplate } from "../../../../../lib/templates/IgniteU class IgxDropDownTemplate extends IgniteUIForAngularTemplate { constructor() { super(__dirname); - this.components = ["DropDown"]; + this.components = ["Drop Down"]; this.controlGroup = "Data Entry & Display"; this.listInComponentTemplates = true; this.id = "dropdown"; this.projectType = "igx-ts"; - this.name = "DropDown"; + this.name = "Drop Down"; this.description = "Basic IgxDropDown sample"; this.dependencies = [{ from: "igniteui-angular", diff --git a/templates/angular/igx-ts/dropdown/index.ts b/templates/angular/igx-ts/dropdown/index.ts index daa2df99c..f8bda482c 100644 --- a/templates/angular/igx-ts/dropdown/index.ts +++ b/templates/angular/igx-ts/dropdown/index.ts @@ -7,7 +7,7 @@ class IgxDropDownComponent extends BaseComponent { */ constructor() { super(__dirname); - this.name = "DropDown"; + this.name = "Drop Down"; this.group = "Data Entry & Display"; } } From 1766b87bd1bb9a3dc5b948bea59a9f9aa1b7eab9 Mon Sep 17 00:00:00 2001 From: plamenamiteva Date: Tue, 14 Aug 2018 15:53:21 +0300 Subject: [PATCH 8/8] template(dropdown): Remove dialog template #337 --- .../src/app/__path__/__name__.component.css | 7 ----- .../src/app/__path__/__name__.component.html | 9 ------ .../app/__path__/__name__.component.spec.ts | 29 ------------------- .../src/app/__path__/__name__.component.ts | 15 ---------- .../angular/igx-ts/dialog/default/index.ts | 19 ------------ templates/angular/igx-ts/dialog/index.ts | 14 --------- 6 files changed, 93 deletions(-) delete mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css delete mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html delete mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts delete mode 100644 templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts delete mode 100644 templates/angular/igx-ts/dialog/default/index.ts delete mode 100644 templates/angular/igx-ts/dialog/index.ts diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css deleted file mode 100644 index 5490400dc..000000000 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.css +++ /dev/null @@ -1,7 +0,0 @@ -:host { - height: 100%; - display: flex; - flex-direction: column; - align-items: center; -} - diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html deleted file mode 100644 index f6b6cc847..000000000 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.html +++ /dev/null @@ -1,9 +0,0 @@ -

Standard dialog window template

-

You can read more about configuring the igx-dialog component in the - README or the - official documentation.

- - - - diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts deleted file mode 100644 index 187f86f5d..000000000 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.spec.ts +++ /dev/null @@ -1,29 +0,0 @@ -import { async, TestBed, ComponentFixture } from '@angular/core/testing'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { $(ClassName)Component } from './$(filePrefix).component'; -import { IgxDialogModule } from 'igniteui-angular'; - -describe('$(ClassName)Component', () => { - let component: $(ClassName)Component; - let fixture: ComponentFixture<$(ClassName)Component>; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [$(ClassName)Component], - imports: [ IgxDialogModule, NoopAnimationsModule] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent($(ClassName)Component); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); - - diff --git a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts b/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts deleted file mode 100644 index 5e7f8dd64..000000000 --- a/templates/angular/igx-ts/dialog/default/files/src/app/__path__/__name__.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxDialogComponent } from 'igniteui-angular'; - -@Component({ - selector: 'app-$(filePrefix)', - templateUrl: './$(filePrefix).component.html', - styleUrls: ['./$(filePrefix).component.css'] -}) - -export class $(ClassName)Component { - onDialogOKSelected(args) { - args.dialog.close(); - } - public closeDialog(evt) {} -} diff --git a/templates/angular/igx-ts/dialog/default/index.ts b/templates/angular/igx-ts/dialog/default/index.ts deleted file mode 100644 index 06e61e2bc..000000000 --- a/templates/angular/igx-ts/dialog/default/index.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { IgniteUIForAngularTemplate } from "../../../../../lib/templates/IgniteUIForAngularTemplate"; - -class IgxDialogTemplate extends IgniteUIForAngularTemplate { - constructor() { - super(__dirname); - this.components = ["Dialog"]; - this.controlGroup = "Interactions"; - this.listInComponentTemplates = true; - this.id = "dialog"; - this.projectType = "igx-ts"; - this.name = "Dialog"; - this.description = "Standart dialog template"; - this.dependencies = [{ - from: "igniteui-angular", - import: ["IgxDialogModule"] - }]; - } -} -module.exports = new IgxDialogTemplate(); diff --git a/templates/angular/igx-ts/dialog/index.ts b/templates/angular/igx-ts/dialog/index.ts deleted file mode 100644 index b75f8b931..000000000 --- a/templates/angular/igx-ts/dialog/index.ts +++ /dev/null @@ -1,14 +0,0 @@ - -import { BaseComponent } from "../../../../lib/BaseComponent"; - -class IgxDialogComponent extends BaseComponent { - /** - * - */ - constructor() { - super(__dirname); - this.name = "Dialog"; - this.group = "Interactions"; - } -} -module.exports = new IgxDialogComponent();