@po-ui/ng-components 16.0.0 → 16.2.0

package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template

@@ -1,14 +1,14 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-const routes: Routes = [
-  { path: '', component: <%= classify(name) %>Component }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class <%= classify(name) %>RoutingModule { }
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+const routes: Routes = [
+  { path: '', component: <%= classify(name) %>Component }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class <%= classify(name) %>RoutingModule { }

package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template

@@ -1,8 +1,8 @@
-<po-page-edit
-  p-title="<%= classify(name) %>"
-  (p-cancel)="cancel()"
-  (p-save)="save()"
-  (p-save-new)="saveNew()">
-
-  <!-- BUILD YOUR FORM HERE -->
-</po-page-edit>
+<po-page-edit
+  p-title="<%= classify(name) %>"
+  (p-cancel)="cancel()"
+  (p-save)="save()"
+  (p-save-new)="saveNew()">
+
+  <!-- BUILD YOUR FORM HERE -->
+</po-page-edit>

package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template

@@ -1,32 +1,32 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { PoPageModule } from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-describe('<%= classify(name) %>Component', () => {
-  let component: <%= classify(name) %>Component;
-  let fixture: ComponentFixture<<%= classify(name) %>Component>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule,
-        PoPageModule
-      ],
-      declarations: [ <%= classify(name) %>Component ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(<%= classify(name) %>Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { PoPageModule } from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+describe('<%= classify(name) %>Component', () => {
+  let component: <%= classify(name) %>Component;
+  let fixture: ComponentFixture<<%= classify(name) %>Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        PoPageModule
+      ],
+      declarations: [ <%= classify(name) %>Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%= classify(name) %>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template

@@ -1,26 +1,26 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: '<%= selector %>',
-  templateUrl: './<%= dasherize(name) %>.component.html',
-  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
-})
-export class <%= classify(name) %>Component implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() { }
-
-  cancel() {
-    // cancel action here
-  }
-
-  save() {
-    // save action here
-  }
-
-  saveNew() {
-    // saveNew action here
-  }
-
-}
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: '<%= selector %>',
+  templateUrl: './<%= dasherize(name) %>.component.html',
+  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
+})
+export class <%= classify(name) %>Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+  cancel() {
+    // cancel action here
+  }
+
+  save() {
+    // save action here
+  }
+
+  saveNew() {
+    // saveNew action here
+  }
+
+}

package/schematics/ng-generate/po-page-edit/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template

@@ -1,19 +1,19 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { PoModule } from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
-import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
-
-@NgModule({
-  declarations: [
-    <%= classify(name) %>Component
-  ],
-  imports: [
-    CommonModule,
-    PoModule,<% if (routing) { %>
-<%= classify(name) %>RoutingModule<% } %>
-  ]
-})
-export class <%= classify(name) %>Module { }
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { PoModule } from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
+import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
+
+@NgModule({
+  declarations: [
+    <%= classify(name) %>Component
+  ],
+  imports: [
+    CommonModule,
+    PoModule,<% if (routing) { %>
+<%= classify(name) %>RoutingModule<% } %>
+  ]
+})
+export class <%= classify(name) %>Module { }

package/schematics/ng-generate/po-page-edit/schema.json

@@ -1,67 +1,67 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "SchematicsPOPageEdit",
-  "title": "Page Edit Options Schema",
-  "type": "object",
-  "properties": {
-    "style": {
-      "description": "The file extension or preprocessor to use for style files.",
-      "type": "string",
-      "default": "css"
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project.",
-      "$default": {
-        "$source": "projectName"
-      }
-    },
-    "routing": {
-      "type": "boolean",
-      "description": "When true, creates a routing module.",
-      "default": false
-    },
-    "createModule": {
-      "type": "boolean",
-      "description": "When true, create a component module.",
-      "default": false
-    },
-    "name": {
-      "type": "string",
-      "description": "The name to use for the component",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
-      "x-prompt": "What name would you like to use for the component?"
-    },
-    "skipTests": {
-      "description": "When true, does not create \"spec.ts\" test files for the app.",
-      "type": "boolean",
-      "default": false,
-      "alias": "S",
-      "x-user-analytics": 12
-    },
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
-      "visible": false
-    },
-    "prefix": {
-      "type": "string",
-      "description": "The prefix to apply to the generated component selector.",
-      "alias": "p",
-      "oneOf": [
-        {
-          "maxLength": 0
-        },
-        {
-          "minLength": 1,
-          "format": "html-selector"
-        }
-      ]
-    }
-  },
-  "required": ["name"]
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsPOPageEdit",
+  "title": "Page Edit Options Schema",
+  "type": "object",
+  "properties": {
+    "style": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "routing": {
+      "type": "boolean",
+      "description": "When true, creates a routing module.",
+      "default": false
+    },
+    "createModule": {
+      "type": "boolean",
+      "description": "When true, create a component module.",
+      "default": false
+    },
+    "name": {
+      "type": "string",
+      "description": "The name to use for the component",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?"
+    },
+    "skipTests": {
+      "description": "When true, does not create \"spec.ts\" test files for the app.",
+      "type": "boolean",
+      "default": false,
+      "alias": "S",
+      "x-user-analytics": 12
+    },
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to the generated component selector.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    }
+  },
+  "required": ["name"]
+}

package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__-routing.module.ts.template

@@ -1,14 +1,14 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-const routes: Routes = [
-  { path: '', component: <%= classify(name) %>Component }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class <%= classify(name) %>RoutingModule { }
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+const routes: Routes = [
+  { path: '', component: <%= classify(name) %>Component }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class <%= classify(name) %>RoutingModule { }

package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.html.template

@@ -1,28 +1,28 @@
-<po-page-list p-title="<%= classify(name) %>" [p-actions]="actions">
-<% if(dataView === 'table') { %>
-  <po-table
-    [p-columns]="columns"
-    [p-container]="true"
-    [p-items]="items"
-    [p-height]="400"
-    [p-sort]="true"
-    [p-striped]="true">
-  </po-table>
-<% } else { %>
-  <po-list-view
-    p-property-title="name"
-    [p-items]="items">
-
-    <ng-template p-list-view-content-template let-item>
-      <div class="po-row">
-        <po-info class="po-md-6" p-label="Age" [p-value]="item.age">
-        </po-info>
-
-        <po-info class="po-md-6" p-label="Email" [p-value]="item.email">
-        </po-info>
-      </div>
-    </ng-template>
-
-  </po-list-view>
-<% }%>
-</po-page-list>
+<po-page-list p-title="<%= classify(name) %>" [p-actions]="actions">
+<% if(dataView === 'table') { %>
+  <po-table
+    [p-columns]="columns"
+    [p-container]="true"
+    [p-items]="items"
+    [p-height]="400"
+    [p-sort]="true"
+    [p-striped]="true">
+  </po-table>
+<% } else { %>
+  <po-list-view
+    p-property-title="name"
+    [p-items]="items">
+
+    <ng-template p-list-view-content-template let-item>
+      <div class="po-row">
+        <po-info class="po-md-6" p-label="Age" [p-value]="item.age">
+        </po-info>
+
+        <po-info class="po-md-6" p-label="Email" [p-value]="item.email">
+        </po-info>
+      </div>
+    </ng-template>
+
+  </po-list-view>
+<% }%>
+</po-page-list>

package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.spec.ts.template

@@ -1,35 +1,35 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-
-import { PoPageModule, PoInfoModule<% if(dataView === 'table') { %>, PoTableModule <% } else { %>, PoListViewModule <% } %>} from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
-
-describe('<%= classify(name) %>Component', () => {
-  let component: <%= classify(name) %>Component;
-  let fixture: ComponentFixture<<%= classify(name) %>Component>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule,
-        PoPageModule,
-        PoInfoModule,<% if(dataView === 'table') { %>
-        PoTableModule<% } else {%>
-        PoListViewModule<% } %>
-      ],
-      declarations: [ <%= classify(name) %>Component ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(<%= classify(name) %>Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+
+import { PoPageModule, PoInfoModule<% if(dataView === 'table') { %>, PoTableModule <% } else { %>, PoListViewModule <% } %>} from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';
+
+describe('<%= classify(name) %>Component', () => {
+  let component: <%= classify(name) %>Component;
+  let fixture: ComponentFixture<<%= classify(name) %>Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule,
+        PoPageModule,
+        PoInfoModule,<% if(dataView === 'table') { %>
+        PoTableModule<% } else {%>
+        PoListViewModule<% } %>
+      ],
+      declarations: [ <%= classify(name) %>Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%= classify(name) %>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.component.ts.template

@@ -1,33 +1,33 @@
-import { Component, OnInit } from '@angular/core';
-
-import { PoPageAction<% if(dataView === 'table') { %>, PoTableColumn<%} %> } from '@po-ui/ng-components';
-
-@Component({
-  selector: '<%= selector %>',
-  templateUrl: './<%= dasherize(name) %>.component.html',
-  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
-})
-export class <%= classify(name) %>Component implements OnInit {
-
-  readonly actions: Array<PoPageAction> = [
-    // actions of table here
-  ];<% if(dataView === 'table') { %>
-
-  readonly columns: Array<PoTableColumn> = [
-    // columns of table here
-    { property: 'name', width: '50%' },
-    { property: 'age', width: '15%' },
-    { property: 'email', width: '35%' }
-  ];
-<%} %>
-  items: Array<any> = [];
-
-  constructor() { }
-
-  ngOnInit() {
-    this.items = [
-      { name: 'John Doe', age: 33, email: 'johndoe@example.com' }
-    ];
-   }
-
-}
+import { Component, OnInit } from '@angular/core';
+
+import { PoPageAction<% if(dataView === 'table') { %>, PoTableColumn<%} %> } from '@po-ui/ng-components';
+
+@Component({
+  selector: '<%= selector %>',
+  templateUrl: './<%= dasherize(name) %>.component.html',
+  styleUrls: ['./<%= dasherize(name) %>.component.<%= style %>']
+})
+export class <%= classify(name) %>Component implements OnInit {
+
+  readonly actions: Array<PoPageAction> = [
+    // actions of table here
+  ];<% if(dataView === 'table') { %>
+
+  readonly columns: Array<PoTableColumn> = [
+    // columns of table here
+    { property: 'name', width: '50%' },
+    { property: 'age', width: '15%' },
+    { property: 'email', width: '35%' }
+  ];
+<%} %>
+  items: Array<any> = [];
+
+  constructor() { }
+
+  ngOnInit() {
+    this.items = [
+      { name: 'John Doe', age: 33, email: 'johndoe@example.com' }
+    ];
+   }
+
+}

package/schematics/ng-generate/po-page-list/files/__path__/__name@dasherize__/__name@dasherize__.module.ts.template

@@ -1,19 +1,19 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { PoModule } from '@po-ui/ng-components';
-
-import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
-import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
-
-@NgModule({
-  declarations: [
-    <%= classify(name) %>Component
-  ],
-  imports: [
-    CommonModule,
-    PoModule,<% if (routing) { %>
-    <%= classify(name) %>RoutingModule<% } %>
-  ]
-})
-export class <%= classify(name) %>Module { }
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { PoModule } from '@po-ui/ng-components';
+
+import { <%= classify(name) %>Component } from './<%= dasherize(name) %>.component';<% if (routing) { %>
+import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
+
+@NgModule({
+  declarations: [
+    <%= classify(name) %>Component
+  ],
+  imports: [
+    CommonModule,
+    PoModule,<% if (routing) { %>
+    <%= classify(name) %>RoutingModule<% } %>
+  ]
+})
+export class <%= classify(name) %>Module { }