64 lines
2.2 KiB
TypeScript
64 lines
2.2 KiB
TypeScript
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="let module of modules; let i = index"
|
|
[coverages]="module.coverages"
|
|
[keyboardKeys]="module.keyboardKeys"
|
|
[attr.transform]="module.attributes.transform"
|
|
[keyActions]="moduleConfig[i].keyActions.elements"
|
|
/>
|
|
</svg:g>
|
|
</svg>
|
|
`,
|
|
styles:
|
|
[`
|
|
:host {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
`],
|
|
directives: [SvgModuleComponent]
|
|
})
|
|
export class SvgKeyboardComponent implements OnInit {
|
|
private viewBox: string;
|
|
private modules: SvgModule[];
|
|
private svg: any;
|
|
private transform: string;
|
|
private fill: string;
|
|
private moduleConfig: Module[];
|
|
|
|
constructor(private dps: DataProviderService) {
|
|
this.modules = [];
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.svg = this.dps.getBaseLayer();
|
|
this.viewBox = this.svg.$.viewBox;
|
|
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
|
|
}
|
|
|
|
}
|