chore: update templates to align with the style guide

Implements the majority of style guide #316
Moves systemjs configuration our of index.html #429
Closes #427

Author: Brocco

…ts/component/files/__path__/__name__.css …__path__/__name__.component.__styleext__addon/ng2/blueprints/component/files/__path__/__name__.css renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.__styleext__ addon/ng2/blueprints/component/files/__path__/__name__.css renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.__styleext__

@@ -1,24 +1,25 @@
 import {
-  it,
-  iit,
+  beforeEachProviders,
   describe,
   ddescribe,
   expect,
+  iit,
+  it,
   inject,
   injectAsync,
-  TestComponentBuilder,
-  beforeEachProviders
+  ComponentFixture,
+  TestComponentBuilder
 } from 'angular2/testing';
 import {provide} from 'angular2/core';
-import {<%= classifiedModuleName %>} from './<%= dasherizedModuleName %>';
+import {<%= classifiedModuleName %>Component} from './<%= dasherizedModuleName %>.component';
 
 describe('<%= classifiedModuleName %> Component', () => {
 
   beforeEachProviders((): any[] => []);
 
 
   it('should ...', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
-    return tcb.createAsync(<%= classifiedModuleName %>).then((fixture) => {
+    return tcb.createAsync(<%= classifiedModuleName %>Component).then((fixture: ComponentFixture) => {
       fixture.detectChanges();
     });
   }));

…s/component/files/__path__/__name__.html …t/files/__path__/__name__.component.htmladdon/ng2/blueprints/component/files/__path__/__name__.html renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.html addon/ng2/blueprints/component/files/__path__/__name__.html renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.html

@@ -0,0 +1,16 @@
+import {Component, OnInit} from 'angular2/core';
+
+@Component({
+  moduleId: __moduleName,
+  selector: '<%= dasherizedModuleName %>',
+  templateUrl: '<%= dasherizedModuleName %>.component.html',
+  styleUrls: ['<%= dasherizedModuleName %>.component.<%= styleExt %>']
+})
+export class <%= classifiedModuleName %>Component implements OnInit {
+
+  constructor() {}
+  
+  ngOnInit() {
+  }
+
+}

…omponent/files/__path__/__name__.spec.ts …iles/__path__/__name__.component.spec.tsaddon/ng2/blueprints/component/files/__path__/__name__.spec.ts renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.spec.ts addon/ng2/blueprints/component/files/__path__/__name__.spec.ts renamed to addon/ng2/blueprints/component/files/__path__/__name__.component.spec.ts

@@ -0,0 +1 @@
+export {<%= classifiedModuleName %>Component} from './<%= dasherizedModuleName %>.component';

addon/ng2/blueprints/component/files/__path__/__name__.component.ts

@@ -1,11 +1,14 @@
 var path = require('path');
+var Blueprint = require('ember-cli/lib/models/blueprint');
 var dynamicPathParser = require('../../utilities/dynamic-path-parser');
 
+var getFiles = Blueprint.prototype.files;
+
 module.exports = {
   description: '',
 
   availableOptions: [
-    { name: 'flat', type: Boolean, default: false, aliases: ['f'] }
+    { name: 'flat', type: Boolean, default: false }
   ],
 
   normalizeEntityName: function (entityName) {
@@ -16,22 +19,60 @@ module.exports = {
   },
 
   locals: function (options) {
+    //TODO: pull value from config
+    this.styleExt = 'css';
+    
     return {
       dynamicPath: this.dynamicPath.dir.replace(this.dynamicPath.appRoot, ''),
-      flat: options.flat
+      flat: options.flat,
+      styleExt: this.styleExt,
+      isLazyRoute: !!options.isLazyRoute,
+      isAppComponent: !!options.isAppComponent
     };
   },
+  
+  files: function() {
+    var fileList = getFiles.call(this);
+    
+    if (this.options.flat) {
+      fileList = fileList.filter(p => p.indexOf('index.ts') <= 0);
+    }
 
+    return fileList;
+  },
+  
   fileMapTokens: function (options) {
     // Return custom template variables here.
     return {
       __path__: () => {
         var dir = this.dynamicPath.dir;
         if (!options.locals.flat) {
           dir += path.sep + options.dasherizedModuleName;
+          
+          if (options.locals.isLazyRoute) {
+            var dirParts = dir.split(path.sep);
+            dirParts[dirParts.length - 1] = `+${dirParts[dirParts.length - 1]}`;
+            dir = dirParts.join(path.sep);
+          }
         }
+        this.appDir = dir.replace(`src${path.sep}client${path.sep}`, '');
         return dir;
+      },
+      __styleext__: () => {
+        return options.locals.styleExt;
       }
     };
+  },
+  
+  afterInstall: function(options) {
+    if (!options.flat) {
+      var filePath = path.join('src', 'client', 'system-config.ts');
+      var barrelUrl = this.appDir.replace(path.sep, '/');
+      return this.insertIntoFile(
+        filePath,
+        `  '${barrelUrl}',`,
+        { before: '  /** @cli-barrel */' }
+      );
+    }
   }
 };

addon/ng2/blueprints/component/files/__path__/__name__.ts

@@ -1,16 +1,17 @@
 import {
-  it,
-  iit,
+  beforeEachProviders,
   describe,
   ddescribe,
   expect,
+  iit,
+  it,
   inject,
   injectAsync,
-  TestComponentBuilder,
-  beforeEachProviders
+  ComponentFixture,
+  TestComponentBuilder
 } from 'angular2/testing';
 import {provide, Component} from 'angular2/core';
-import {<%= classifiedModuleName %>} from './<%= dasherizedModuleName %>';
+import {<%= classifiedModuleName %>} from './<%= dasherizedModuleName %>.directive';
 
 
 @Component({
@@ -25,7 +26,7 @@ describe('<%= classifiedModuleName %> Directive', () => {
 
 
   it('should ...', injectAsync([TestComponentBuilder], (tcb:TestComponentBuilder) => {
-    return tcb.createAsync(TestComponent).then((fixture) => {
+    return tcb.createAsync(TestComponent).then((fixture: ComponentFixture) => {
       fixture.detectChanges();
     });
   }));

addon/ng2/blueprints/component/files/__path__/index.ts

@@ -1,11 +1,7 @@
 import {Directive} from 'angular2/core';
 
-
 @Directive({
-  selector: '<%= dasherizedModuleName %>',
-  providers: [],
-  host: {},
-  
+  selector: '<%= rawEntityName %>'
 })
 export class <%= classifiedModuleName %> {
 

addon/ng2/blueprints/component/index.js

@@ -5,20 +5,22 @@ module.exports = {
   description: '',
 
   availableOptions: [
-    { name: 'flat', type: Boolean, default: false, aliases: ['f'] }
+    { name: 'flat', type: Boolean, default: false }
   ],
 
   normalizeEntityName: function (entityName) {
     var parsedPath = dynamicPathParser(this.project, entityName);
 
     this.dynamicPath = parsedPath;
+    this.rawEntityName = parsedPath.name;
     return parsedPath.name;
   },
 
   locals: function (options) {
     return {
       dynamicPath: this.dynamicPath.dir,
-      flat: options.flat
+      flat: options.flat,
+      rawEntityName: this.rawEntityName
     };
   },