Merge remote-tracking branch 'origin/feature/init-configurable-project'

Author: Gregcop1

src/exemples/admin/admin.ts

@@ -1,15 +1,25 @@
 import {Component} from '@angular/core';
 import {bootstrap} from '@angular/platform-browser-dynamic';
 import {HmAdminComponent} from '../../hm-admin/hm-admin.component';
-
+import configuration from './configuration';
 
 @Component({
-    selector: 'app',
-    directives: [HmAdminComponent],
-    template: `<hm-admin-app></hm-admin-app>`
+  selector: 'app',
+  directives: [HmAdminComponent],
+  template: `<hm-admin-app [config]='config'></hm-admin-app>`
 })
 export class App {
-}
+  public config: Configuration;
 
-bootstrap(App); 
+  constructor() {
+    this.config = configuration;
+  }
 
+}
+
+export interface Configuration {
+  api: {
+    baseUrl: string
+  }
+}
+bootstrap(App);

src/exemples/admin/configuration.ts

@@ -0,0 +1,6 @@
+export default {
+  api: {
+    baseUrl: 'http://www.markus-lanthaler.com/hydra/event-api/'
+  }
+
+};

src/hm-admin/hm-admin.component.spec.ts

@@ -1,22 +1,13 @@
-import {
-  beforeEachProviders,
-  describe,
-  expect,
-  it,
-  inject
-} from '@angular/core/testing';
-import { HmAdminComponent } from './hm-admin.component.ts';
+import {beforeEachProviders, describe, expect, it, inject} from '@angular/core/testing';
+import {HmAdminComponent} from './hm-admin.component.ts';
 
 beforeEachProviders(() => [HmAdminComponent]);
 
 describe('App: HmAdmin', () => {
+
   it('should create the app',
-      inject([HmAdminComponent], (app: HmAdminComponent) => {
-    expect(app).toBeTruthy();
-  }));
+     inject([HmAdminComponent], (app: HmAdminComponent) => {
+       expect(app).toBeTruthy();
+     }));
 
-  it('should have as title \'hm-admin works!\'',
-      inject([HmAdminComponent], (app: HmAdminComponent) => {
-    expect(app.title).toEqual('hm-admin works!');
-  }));
 });

src/hm-admin/hm-admin.component.ts

@@ -1,11 +1,23 @@
-import { Component } from '@angular/core';
+import {Component, Input, OnInit} from '@angular/core';
+import {ConfigService} from './services/config/config.service';
 
 @Component({
   moduleId: module.id,
   selector: 'hm-admin-app',
   templateUrl: 'hm-admin.component.html',
-  styleUrls: ['hm-admin.component.css']
+  styleUrls: ['hm-admin.component.css'],
+  providers: [ConfigService]
 })
-export class HmAdminComponent {
+export class HmAdminComponent implements OnInit {
+  @Input('config')
+  config: any;
+
+
+  constructor(private configService:ConfigService) {}
+
+  ngOnInit() {
+    this.configService.hookMeIfYouCan(this.config);
+  }
+
   title = 'hm-admin works!';
 }

src/hm-admin/services/config/config.service.spec.ts

@@ -0,0 +1,26 @@
+import {it, describe, expect, inject, beforeEachProviders} from '@angular/core/testing';
+import {ConfigService} from './config.service';
+
+export function main() {
+  describe('Config service', () => {
+
+    beforeEachProviders(() => { return [ConfigService]; });
+
+    describe('hookMeIfYouCan', () => {
+
+      it('should be hookable with available values', inject([ConfigService], (configService) => {
+           let defaultConfig = {
+             api: {
+              baseUrl: 'http://localhost:8000'
+              },
+              nonAvailableHook: 'foo'
+           };
+
+           configService.hookMeIfYouCan(defaultConfig);
+           expect(configService.api.url).toBe('http://localhost:8000');
+           expect(configService['nonAvailableHook']).toBeUndefined();
+         }));
+
+    });
+  });
+};

src/hm-admin/services/config/config.service.ts

@@ -0,0 +1,20 @@
+import {Injectable} from '@angular/core';
+
+@Injectable()
+export class ConfigService {
+  api: any = {};
+
+  /**
+   * Complete the default configuration with external one
+   *
+   * @param config
+   * @private
+   */
+  hookMeIfYouCan(config: any): void {
+    for (let key in config) {
+      if (config.hasOwnProperty(key) && this.hasOwnProperty(key)) {
+        this[key] = config[key];
+      }
+    }
+  }
+};

src/index.html

@@ -12,19 +12,16 @@
             map: {
                 '@angular': 'vendor/@angular',
                 'rxjs': 'vendor/rxjs',
-                'hm-admin':'hm-admin'
+                'hm-admin':'hm-admin',
+                'admin':'exemples/admin'
             },
             packages: {
-                'dist': { defaultExtension: 'js', format: 'register', main: 'boot.js' },
+                '../': { defaultExtension: 'js' },
                 '@angular/common': { defaultExtension: 'js', main: 'index.js' },
                 '@angular/compiler': { defaultExtension: 'js', main: 'index.js' },
                 '@angular/core': { defaultExtension: 'js', main: 'index.js' },
-                '@angular/http': { defaultExtension: 'js', main: 'index.js' },
                 '@angular/platform-browser': { defaultExtension: 'js', main: 'index.js' },
                 '@angular/platform-browser-dynamic': { defaultExtension: 'js', main: 'index.js' },
-                '@angular/router': { defaultExtension: 'js', main: 'index.js' },
-                'rxjs': { defaultExtension: 'js' },
-                'hm-admin': { defaultExtension: 'js',main:'hm-admin.component.js' }
             }
         });
         System.import('exemples/admin/admin.js').catch(function (err) {console.error(err);});