diff --git a/app/app.component.css b/app/app.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/app/app.component.html b/app/app.component.html
new file mode 100644
index 0000000..47161cb
--- /dev/null
+++ b/app/app.component.html
@@ -0,0 +1,3 @@
+
+
+
diff --git a/app/app.component.ts b/app/app.component.ts
index 805b8f6..450620b 100644
--- a/app/app.component.ts
+++ b/app/app.component.ts
@@ -5,12 +5,10 @@ import {InputareaComponent} from "./inputarea.component";
//import { SelectorComponent } from "./selector.component";
@Component({
+ moduleId: module.id,
selector: "den-app",
- template: `
-
-
-
- `
+ templateUrl: "app.component.html",
+ styleUrls: ["app.component.css"]
})
export class AppComponent {
// private inputAreas:InputareaComponent[] = [];
diff --git a/app/conversioninput.ts b/app/conversioninput.ts
index be417ef..9f52cca 100644
--- a/app/conversioninput.ts
+++ b/app/conversioninput.ts
@@ -1,4 +1,4 @@
-import { ConversionType} from "./conversiontype";
+import {ConversionType} from "./conversiontype";
export class ConversionInput {
public content:string;
diff --git a/app/inputarea.component.css b/app/inputarea.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/app/inputarea.component.html b/app/inputarea.component.html
new file mode 100644
index 0000000..da0a65a
--- /dev/null
+++ b/app/inputarea.component.html
@@ -0,0 +1,8 @@
+
+
+
+
diff --git a/app/inputarea.component.ts b/app/inputarea.component.ts
index 5f7a4b2..e413835 100644
--- a/app/inputarea.component.ts
+++ b/app/inputarea.component.ts
@@ -1,37 +1,31 @@
-import { Component } from "@angular/core";
-import { ConversionInput } from "./conversioninput";
-import { ConversionType } from "./conversiontype";
+import {Component} from "@angular/core";
+import {ConversionInput} from "./conversioninput";
+import {ConversionType} from "./conversiontype";
@Component({
+ moduleId: module.id,
selector: "den-inputarea",
- template: `
-
-
-
-
- `
+ templateUrl: "inputarea.component.html",
+ styleUrls: ["inputarea.component.css"]
})
export class InputareaComponent {
public index:number = 0;
public conversions:ConversionType[] = [ConversionType.ENCODE_BASE64, ConversionType.DECODE_BASE64];
private conversion:ConversionInput;
private ConversionType:ConversionType = ConversionType;
-
+
constructor() {
console.log("Aloha, " + this.index);
this.conversion = new ConversionInput();
this.conversion.content = "";
this.conversion.type = ConversionType.DECODE_BASE64;
}
-
+
public update():void {
console.log(this.conversion.content);
}
-
+
public convert(e):void {
this.conversion.type = ConversionType.of(+e.target.selectedOptions[0].id);
console.log(this.conversion.type);
@@ -47,7 +41,7 @@ export class InputareaComponent {
break;
}
}
-
+
public setIndex(index:number):void {
this.index = index;
}