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; }