Structural refactoring (#68)

* Moved html in scss to separate files
* Moved components to designated folders
* Moved logic from html to ts

src/components/svg/module/svg-module.component.html

@@ -0,0 +1,10 @@
+<svg:path *ngFor="let path of coverages" [attr.d]="path.$.d"/>
+<svg:g svg-keyboard-key *ngFor="let key of keyboardKeys; let i = index"
+        [id]="key.id"
+        [rx]="key.rx" [ry]="key.ry"
+        [width]="key.width" [height]="key.height"
+        [attr.transform]="'translate(' + key.x + ' ' + key.y + ')'"
+        [keyAction]="keyActions[i]"
+        (click)="onKeyClick(i)"
+/>
+<popover *ngIf="popOverEnabled"></popover>

src/components/svg/module/svg-module.component.scss

@@ -0,0 +1,3 @@
+:host {
+    position: relative;
+}

src/components/svg/module/svg-module.component.ts

@@ -0,0 +1,29 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+
+import {SvgKeyboardKey} from '../keys/svg-keyboard-key.model';
+import {SvgKeyboardKeyComponent} from '../keys/svg-keyboard-key.component';
+import {KeyAction} from '../../../../config-serializer/config-items/KeyAction';
+
+@Component({
+    selector: 'g[svg-module]',
+    template: require('./svg-module.component.html'),
+    styles: [require('./svg-module.component.scss')],
+    directives: [SvgKeyboardKeyComponent]
+})
+export class SvgModuleComponent implements OnInit {
+    @Input() coverages: any[];
+    @Input() keyboardKeys: SvgKeyboardKey[];
+    @Input() keyActions: KeyAction[];
+    @Output() editKeyActionRequest = new EventEmitter<number>();
+
+    constructor() {
+        this.keyboardKeys = [];
+    }
+
+    ngOnInit() { }
+
+    onKeyClick(index: number): void {
+        this.editKeyActionRequest.emit(index);
+    }
+
+}

src/components/svg/module/svg-module.model.ts

@@ -0,0 +1,17 @@
+import {SvgKeyboardKey} from '../keys/svg-keyboard-key.model';
+
+export class SvgModule {
+    private coverages: any[];
+    private keyboardKeys: SvgKeyboardKey[];
+    private attributes: any;
+
+    constructor(obj: { rect: any[], path: any[], $: Object }) {
+        this.keyboardKeys = obj.rect.map(rect => rect.$).map(rect => {
+            rect.height = +rect.height;
+            rect.width = +rect.width;
+            return rect;
+        });
+        this.coverages = obj.path;
+        this.attributes = obj.$;
+    }
+}