From ef393d70dc22fcacd9558e3f9dfd1abf28291bb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Farkas?= <fjozsef001@gmail.com>
Date: Sun, 1 May 2016 11:29:08 +0200
Subject: [PATCH] Add secondary key labels to the view

---
 src/components/svg-keyboard-key.component.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/svg-keyboard-key.component.ts b/src/components/svg-keyboard-key.component.ts
index c9c20c7d..059f6704 100644
--- a/src/components/svg-keyboard-key.component.ts
+++ b/src/components/svg-keyboard-key.component.ts
@@ -17,10 +17,20 @@ import { Component, OnInit, Input } from 'angular2/core';
             [attr.fill]="'#ffffff'"
             [attr.style]="'dominant-baseline: central'"
             *ngIf="labels && labels.length > 0">
-                <tspan
+                 <tspan
+                    *ngIf="labels.length === 1"
                     [attr.x]="width / 2"
                     dy="0"
-                    id="SvgjsTspan1180">{{ labels[0] }}</tspan>
+                    id="SvgjsTspan1180"
+                    >{{ labels[0] }}</tspan>
+                <tspan
+                    *ngIf="labels.length === 2"
+                    *ngFor="let label of labels; let index = index"
+                    [attr.x]="width / 2"
+                    [attr.y]="(0.75 - index * 0.5) * height"
+                    dy="0"
+                    id="SvgjsTspan1180"
+                    >{{ label }}</tspan>
          </svg:text>
      `
 })