Add initial keyboard-key rendering

src/components/svg-keyboard.component.ts

@@ -1,19 +1,23 @@
 import { Component, OnInit} from 'angular2/core';
 
 import {DataProviderService} from '../services/data-provider.service';
+import {Module} from '../../config-serializer/config-items/Module';
 import {SvgModule} from './svg-module.model';
 import {SvgModuleComponent} from './svg-module.component';
 
+import {UhkConfiguration} from '../../config-serializer/config-items/UhkConfiguration';
+
 @Component({
     selector: 'svg-keyboard',
     template:
     `
         <svg xmlns="http://www.w3.org/2000/svg" [attr.viewBox]="viewBox" height="100%" width="100%">
             <svg:g [attr.transform]="transform" [attr.fill]="fill">
-                <svg:g svg-module *ngFor="#module of modules"
+                <svg:g svg-module *ngFor="#module of modules; #i = index"
                         [coverages]="module.coverages"
                         [keyboardKeys]="module.keyboardKeys"
                         [attr.transform]="module.attributes.transform"
+                        [keyActions]="moduleConfig[i].keyActions.elements"
                 />
             </svg:g>
         </svg>
@@ -34,6 +38,7 @@ export class SvgKeyboardComponent implements OnInit {
     private svg: any;
     private transform: string;
     private fill: string;
+    private moduleConfig: Module[];
 
     constructor(private dps: DataProviderService) {
         this.modules = [];
@@ -45,6 +50,14 @@ export class SvgKeyboardComponent implements OnInit {
         this.transform = this.svg.g[0].$.transform;
         this.fill = this.svg.g[0].$.fill;
         this.modules = this.svg.g[0].g.map(obj => new SvgModule(obj));
+
+        let uhkConfig: UhkConfiguration = new UhkConfiguration();
+        uhkConfig.fromJsObject(this.dps.getUHKConfig());
+        this.moduleConfig = uhkConfig.keyMaps.elements[0].layers.elements[0].modules.elements;
+        this.modules = this.svg.g[0].g.map(obj => {
+            return new SvgModule(obj);
+        });
+        this.modules = [this.modules[1], this.modules[0]]; // TODO: remove if the svg will be correct
     }
 
 }