Label rendering from svg sprite.

2016-05-02 22:31:39 +02:00
parent 83074e9d88
commit 1e14de3a4e
4 changed files with 175 additions and 94 deletions
--- a/src/services/mapper.service.ts
+++ b/src/services/mapper.service.ts
@@ -0,0 +1,121 @@
+import { Injectable } from 'angular2/core';
+
+@Injectable()
+export class MapperService {
+
+    private scanCodeTextMap = [
+        [], // 0
+        [], // 1
+        [], // 2
+        [], // 3
+        ['A'], // 4
+        ['B'], // 5
+        ['C'], // 6
+        ['D'], // 7
+        ['E'], // 8
+        ['F'], // 9
+        ['G'], // 10
+        ['H'], // 11
+        ['I'], // 12
+        ['J'], // 13
+        ['K'], // 14
+        ['L'], // 15
+        ['M'], // 16
+        ['N'], // 17
+        ['O'], // 18
+        ['P'], // 19
+        ['Q'], // 20
+        ['R'], // 21
+        ['S'], // 22
+        ['T'], // 23
+        ['U'], // 24
+        ['V'], // 25
+        ['W'], // 26
+        ['X'], // 27
+        ['Y'], // 28
+        ['Z'], // 29
+        ['1', '!'], // 30
+        ['2', '@'], // 31
+        ['3', '#'], // 32
+        ['4', '$'], // 33
+        ['5', '%'], // 34
+        ['6', '^'], // 35
+        ['7', '&'], // 36
+        ['8', '*'], // 37
+        ['9', '('], // 38
+        ['0', ')'], // 39
+        ['Enter'], // 40 - Enter
+        ['Esc'], // 41 - Escape
+        ['←'], // 42 - Backspace
+        ['Tab'], // 43 - Tab
+        ['Space'], // 44 - Space
+        ['-', '_'], // 45
+        ['=', '+'], // 46
+        ['[', '{'], // 47
+        [']', '}'], // 48
+        ['\\', '|'], // 49
+        [], // 50 NON_US_HASHMARK_AND_TILDE
+        [';', ':'], // 51
+        ['\'', '"'], // 52
+        ['`', '~'], // 53
+        [',', '<'], // 54
+        ['.', '>'], // 55
+        ['/', '?'], // 56
+        ['Caps Lock'], // 57
+        ['F1'], // 58
+        ['F2'], // 59
+        ['F3'], // 60
+        ['F4'], // 61
+        ['F5'], // 62
+        ['F6'], // 63
+        ['F7'], // 64
+        ['F8'], // 65
+        ['F9'], // 66
+        ['F10'], // 67
+        ['F11'], // 68
+        ['F12'], // 69
+        ['PrtScn'], // 70 - Print Screen
+        ['Scroll Lock'], // 71
+        ['Pause'], // 72
+        ['Insert'], // 73
+        ['Home'], // 74
+        ['PgUp'], // 75
+        ['Del'], // 76
+        ['End'], // 77
+        ['PgDn'], // 78
+        undefined, // 79 Right arrow
+        undefined, // 80 Left arrow
+        undefined, // 81 Down arrow
+        undefined // 82 Up arrow
+    ];
+
+    private scanCodeFileName: Map<number, string>;
+
+    constructor() {
+        this.initScanCodeFileName();
+    }
+
+    public scanCodeToText(scanCode: number): string[] {
+        if (this.scanCodeTextMap.length < scanCode) {
+            return [];
+        }
+        return this.scanCodeTextMap[scanCode];
+    }
+
+    public scanCodeToSvgImagePath(scanCode: number): string {
+        let fileName: string = this.scanCodeFileName[scanCode];
+        if (fileName) {
+            return 'build/compiled_sprite.svg#' + fileName;
+        }
+        return undefined;
+    }
+
+    private initScanCodeFileName(): void {
+        this.scanCodeFileName = new Map<number, string>();
+        this.scanCodeFileName[79] = 'icon-kbd__mod--arrow-right';
+        this.scanCodeFileName[80] = 'icon-kbd__mod--arrow-left';
+        this.scanCodeFileName[81] = 'icon-kbd__mod--arrow-down';
+        this.scanCodeFileName[82] = 'icon-kbd__mod--arrow-up';
+    }
+
+}