Add dummy components (#113)

src/components/add-on/add-on.component.html

@@ -0,0 +1,7 @@
+<div class="row">
+    <h1 class="col-xs-12 pane-title">
+        <i class="fa fa-puzzle-piece"></i>
+        <span class="macro__name pane-title__name">{{ name$ | async }}</span>
+    </h1>
+</div>
+To be done...

src/components/add-on/add-on.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { Observable } from 'rxjs/Observable';
+
+@Component({
+    selector: 'add-on',
+    template: require('./add-on.component.html'),
+    styles: [require('./add-on.component.scss')]
+})
+export class AddOnComponent {
+    private name$: Observable<string>;
+
+    constructor(private route: ActivatedRoute) {
+        this.name$ = route
+            .params
+            .select<string>('name');
+    }
+}

src/components/add-on/add-on.routes.ts

@@ -0,0 +1,10 @@
+import { Routes } from '@angular/router';
+
+import { AddOnComponent } from './add-on.component';
+
+export const addOnRoutes: Routes = [
+    {
+        path: 'add-on/:name',
+        component: AddOnComponent
+    }
+];

src/components/add-on/index.ts

@@ -0,0 +1,2 @@
+export * from './add-on.component';
+export * from './add-on.routes';