From aa0eb5bb5b016a9bb1a8d82dafae664f95d6485f Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Wed, 19 Dec 2018 22:40:37 +0100
Subject: [PATCH] adding shortcuts for zooming

---
 .../lightbox/lightbox.gallery.component.html  |  9 +++---
 .../lightbox/lightbox.gallery.component.ts    |  6 ++++
 frontend/translate/messages.en.xlf            | 30 +++++++++++++----
 frontend/translate/messages.hu.xlf            | 32 ++++++++++++++-----
 4 files changed, 58 insertions(+), 19 deletions(-)

diff --git a/frontend/app/gallery/lightbox/lightbox.gallery.component.html b/frontend/app/gallery/lightbox/lightbox.gallery.component.html
index 7798a9b1..03d08c25 100644
--- a/frontend/app/gallery/lightbox/lightbox.gallery.component.html
+++ b/frontend/app/gallery/lightbox/lightbox.gallery.component.html
@@ -81,14 +81,15 @@
 
     <div class="controls controls-zoom row" *ngIf="zoom > 1">
       <div class="col-1 col-md-4">
-        <span (click)="zoomOut()" class="oi oi-zoom-out float-right"></span>
+        <span (click)="zoomOut()" i18n-title title="Zoom out, key: '-'"
+              class="oi oi-zoom-out float-right"></span>
       </div>
-
       <input type="range"
-             [(ngModel)]="Zoom"  min="1" [max]="MAX_ZOOM" step="0.1"
+             [(ngModel)]="Zoom" min="1" [max]="MAX_ZOOM" step="0.1"
              value="1" class="col-10 col-md-4 zoom-progress">
       <div class="col-1 col-md-4">
-        <span (click)="zoomIn()" class="oi oi-zoom-in float-left"></span>
+        <span (click)="zoomIn()" i18n-title title="Zoom in, key: '+'"
+              class="oi oi-zoom-in float-left"></span>
       </div>
     </div>
 
diff --git a/frontend/app/gallery/lightbox/lightbox.gallery.component.ts b/frontend/app/gallery/lightbox/lightbox.gallery.component.ts
index 8d8b9ff9..4a86d78b 100644
--- a/frontend/app/gallery/lightbox/lightbox.gallery.component.ts
+++ b/frontend/app/gallery/lightbox/lightbox.gallery.component.ts
@@ -428,6 +428,12 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
           this.fullScreenService.showFullScreen(this.root.nativeElement);
         }
         break;
+      case '-':
+        this.zoomOut();
+        break;
+      case '+':
+        this.zoomIn();
+        break;
       case 'c':
       case 'C':
         this.controllersAlwaysOn = !this.controllersAlwaysOn;
diff --git a/frontend/translate/messages.en.xlf b/frontend/translate/messages.en.xlf
index 2279e8b7..7c48e33e 100644
--- a/frontend/translate/messages.en.xlf
+++ b/frontend/translate/messages.en.xlf
@@ -104,7 +104,7 @@
         <source>download</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">27</context>
+          <context context-type="linenumber">29</context>
         </context-group>
         <target>download</target>
       </trans-unit>
@@ -112,7 +112,7 @@
         <source>info key: i</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">31</context>
+          <context context-type="linenumber">33</context>
         </context-group>
         <target>info key: i</target>
       </trans-unit>
@@ -120,11 +120,11 @@
         <source>toggle fullscreen, key: f</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">38</context>
+          <context context-type="linenumber">40</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">47</context>
+          <context context-type="linenumber">49</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
@@ -140,7 +140,7 @@
         <source>close, key: Escape</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">54</context>
+          <context context-type="linenumber">56</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
@@ -152,7 +152,7 @@
         <source>key: left arrow</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">74</context>
         </context-group>
         <target>key: left arrow</target>
       </trans-unit>
@@ -160,10 +160,26 @@
         <source>key: right arrow</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">72</context>
+          <context context-type="linenumber">78</context>
         </context-group>
         <target>key: right arrow</target>
       </trans-unit>
+      <trans-unit id="49ff0cc3911a77da18c69b07229b401f12102904" datatype="html">
+        <source>Zoom out, key: '-'</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
+          <context context-type="linenumber">84</context>
+        </context-group>
+        <target>Zoom out, key: '-'</target>
+      </trans-unit>
+      <trans-unit id="b0bf8edbb5f9dc62365ecf63a317ae0e21faac73" datatype="html">
+        <source>Zoom in, key: '+'</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
+          <context context-type="linenumber">91</context>
+        </context-group>
+        <target>Zoom in, key: '+'</target>
+      </trans-unit>
       <trans-unit id="7e892ba15f2c6c17e83510e273b3e10fc32ea016" datatype="html">
         <source>Search</source>
         <context-group purpose="location">
diff --git a/frontend/translate/messages.hu.xlf b/frontend/translate/messages.hu.xlf
index 2bf1c6b2..1bd4e7b6 100644
--- a/frontend/translate/messages.hu.xlf
+++ b/frontend/translate/messages.hu.xlf
@@ -104,7 +104,7 @@
         <source>download</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">27</context>
+          <context context-type="linenumber">29</context>
         </context-group>
         <target>letöltés</target>
       </trans-unit>
@@ -112,7 +112,7 @@
         <source>info key: i</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">31</context>
+          <context context-type="linenumber">33</context>
         </context-group>
         <target>info gyorsgomb: i</target>
       </trans-unit>
@@ -120,11 +120,11 @@
         <source>toggle fullscreen, key: f</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">38</context>
+          <context context-type="linenumber">40</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">47</context>
+          <context context-type="linenumber">49</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
@@ -140,7 +140,7 @@
         <source>close, key: Escape</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">54</context>
+          <context context-type="linenumber">56</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
@@ -152,7 +152,7 @@
         <source>key: left arrow</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">68</context>
+          <context context-type="linenumber">74</context>
         </context-group>
         <target>gyorsgomb: balra nyíl</target>
       </trans-unit>
@@ -160,10 +160,26 @@
         <source>key: right arrow</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
-          <context context-type="linenumber">72</context>
+          <context context-type="linenumber">78</context>
         </context-group>
         <target>gyorsgomb: jobbra nyíl</target>
       </trans-unit>
+      <trans-unit id="49ff0cc3911a77da18c69b07229b401f12102904" datatype="html">
+        <source>Zoom out, key: '-'</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
+          <context context-type="linenumber">84</context>
+        </context-group>
+        <target>Kicsinyítés, gyorsgomb: '-'</target>
+      </trans-unit>
+      <trans-unit id="b0bf8edbb5f9dc62365ecf63a317ae0e21faac73" datatype="html">
+        <source>Zoom in, key: '+'</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
+          <context context-type="linenumber">91</context>
+        </context-group>
+        <target>Nagyítás, gyorsgomb: '+'</target>
+      </trans-unit>
       <trans-unit id="7e892ba15f2c6c17e83510e273b3e10fc32ea016" datatype="html">
         <source>Search</source>
         <context-group purpose="location">
@@ -1852,4 +1868,4 @@
       </trans-unit>
     </body>
   </file>
-</xliff>
\ No newline at end of file
+</xliff>