uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add coverages of modules

Browse Source
This commit is contained in:
József Farkas
2016-04-16 14:50:13 +02:00
parent d5dc8d8d0e
commit c47188b2b2
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/keyboard.component.ts
View File

@@ -10,7 +10,7 @@ import {Module, ModuleComponent} from './module';
<svg xmlns="http://www.w3.org/2000/svg" [attr.viewBox]="viewBox" height="100%" width="100%"> <svg xmlns="http://www.w3.org/2000/svg" [attr.viewBox]="viewBox" height="100%" width="100%">
<svg:g [attr.transform]="transform"> <svg:g [attr.transform]="transform">
<svg:g uhk-module *ngFor="#module of modules" <svg:g uhk-module *ngFor="#module of modules"
[case]="module.case" [coverages]="module.coverages"
[keyboardKeys]="module.keyboardKeys" [keyboardKeys]="module.keyboardKeys"
[fill]="module.fill" [fill]="module.fill"
[attr.transform]="module.attributes.transform" [attr.transform]="module.attributes.transform"

3
src/components/module.component.ts
View File

@@ -7,6 +7,7 @@ import {KeyboardKeyComponent} from './keyboard-key.component';
selector: 'g[uhk-module]', selector: 'g[uhk-module]',
template: template:
` `
<svg:path *ngFor="#path of coverages" [attr.d]="path.$.d"/>
<svg:g uhk-keyboard-key *ngFor="#key of keyboardKeys" <svg:g uhk-keyboard-key *ngFor="#key of keyboardKeys"
[id]="key.id" [fill]="key.fill" [id]="key.id" [fill]="key.fill"
[rx]="key.rx" [ry]="key.ry" [rx]="key.rx" [ry]="key.ry"
@@ -17,7 +18,7 @@ import {KeyboardKeyComponent} from './keyboard-key.component';
directives: [KeyboardKeyComponent] directives: [KeyboardKeyComponent]
}) })
export class ModuleComponent implements OnInit { export class ModuleComponent implements OnInit {
@Input() case: any; @Input() coverages: any[];
@Input() keyboardKeys: KeyboardKey[]; @Input() keyboardKeys: KeyboardKey[];
@Input() fill: string; @Input() fill: string;

4
src/components/module.model.ts
View File

@@ -1,14 +1,14 @@
import {KeyboardKey} from './keyboard-key.model'; import {KeyboardKey} from './keyboard-key.model';
export class Module { export class Module {
private case: any; private coverages: any[];
private keyboardKeys: KeyboardKey[]; private keyboardKeys: KeyboardKey[];
private attributes: any; private attributes: any;
constructor(obj: { rect: any[], path: any[], $: Object }, fill?: string) { constructor(obj: { rect: any[], path: any[], $: Object }, fill?: string) {
this.keyboardKeys = obj.rect.map(rect => rect.$); this.keyboardKeys = obj.rect.map(rect => rect.$);
this.keyboardKeys.forEach(keyboardKey => keyboardKey.fill = fill ? fill : 'black'); this.keyboardKeys.forEach(keyboardKey => keyboardKey.fill = fill ? fill : 'black');
this.case = obj.path[0].$; this.coverages = obj.path;
this.attributes = obj.$; this.attributes = obj.$;
} }
} }