standard components

GerbenRampaart · May 6, 2016 · 008ce5f · 008ce5f
1 parent a44c5ea
commit 008ce5f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 7 deletions.
diff --git a/ngbook2-components/app/app.component.js b/ngbook2-components/app/app.component.js
diff --git a/ngbook2-components/app/app.component.js.map b/ngbook2-components/app/app.component.js.map
diff --git a/ngbook2-components/app/app.component.ts b/ngbook2-components/app/app.component.ts
@@ -6,8 +6,8 @@ import { Component } from "angular2/core";
 })
 export class AppComponent {
 
-    colorinput: number;
-    fontsize: number;
+    color: string;
+    fontSize: number;
 
     visible: boolean;
     // options: Array<number>;
@@ -26,4 +26,9 @@ export class AppComponent {
             this.currentOption++;
         }
     }
+
+    apply(color, fontSize) {
+        this.color = color;
+        this.fontSize = fontSize;
+    }
 }
diff --git a/ngbook2-components/app/app.view.html b/ngbook2-components/app/app.view.html
@@ -1,6 +1,5 @@
-<div class="ui button">
-    <button (click)="toggle()">toggle</button>
-</div>
+
+<button class="ui button" (click)="toggle()">toggle</button>
 
 <div>number:</div>
 <div>{{ currentOption }}</div>
@@ -38,4 +37,8 @@
     <span [ngStyle]="{ color: colorinput.value }">
         {{ colorinput.value }} text
     </span>
-</div>
+</div>
+
+<button class="ui primary button" (click)="apply(colorinput.value, fontinput.value)">
+    Apply settings
+</button>