mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
adding shortcuts for zooming
This commit is contained in:
parent
e8c9b184fe
commit
aa0eb5bb5b
@ -81,14 +81,15 @@
|
|||||||
|
|
||||||
<div class="controls controls-zoom row" *ngIf="zoom > 1">
|
<div class="controls controls-zoom row" *ngIf="zoom > 1">
|
||||||
<div class="col-1 col-md-4">
|
<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>
|
</div>
|
||||||
|
|
||||||
<input type="range"
|
<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">
|
value="1" class="col-10 col-md-4 zoom-progress">
|
||||||
<div class="col-1 col-md-4">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -428,6 +428,12 @@ export class GalleryLightboxComponent implements OnDestroy, OnInit {
|
|||||||
this.fullScreenService.showFullScreen(this.root.nativeElement);
|
this.fullScreenService.showFullScreen(this.root.nativeElement);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
case '-':
|
||||||
|
this.zoomOut();
|
||||||
|
break;
|
||||||
|
case '+':
|
||||||
|
this.zoomIn();
|
||||||
|
break;
|
||||||
case 'c':
|
case 'c':
|
||||||
case 'C':
|
case 'C':
|
||||||
this.controllersAlwaysOn = !this.controllersAlwaysOn;
|
this.controllersAlwaysOn = !this.controllersAlwaysOn;
|
||||||
|
@ -104,7 +104,7 @@
|
|||||||
<source>download</source>
|
<source>download</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>download</target>
|
<target>download</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -112,7 +112,7 @@
|
|||||||
<source>info key: i</source>
|
<source>info key: i</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>info key: i</target>
|
<target>info key: i</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -120,11 +120,11 @@
|
|||||||
<source>toggle fullscreen, key: f</source>
|
<source>toggle fullscreen, key: f</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
||||||
@ -140,7 +140,7 @@
|
|||||||
<source>close, key: Escape</source>
|
<source>close, key: Escape</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
||||||
@ -152,7 +152,7 @@
|
|||||||
<source>key: left arrow</source>
|
<source>key: left arrow</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>key: left arrow</target>
|
<target>key: left arrow</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -160,10 +160,26 @@
|
|||||||
<source>key: right arrow</source>
|
<source>key: right arrow</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>key: right arrow</target>
|
<target>key: right arrow</target>
|
||||||
</trans-unit>
|
</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">
|
<trans-unit id="7e892ba15f2c6c17e83510e273b3e10fc32ea016" datatype="html">
|
||||||
<source>Search</source>
|
<source>Search</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
|
@ -104,7 +104,7 @@
|
|||||||
<source>download</source>
|
<source>download</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>letöltés</target>
|
<target>letöltés</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -112,7 +112,7 @@
|
|||||||
<source>info key: i</source>
|
<source>info key: i</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>info gyorsgomb: i</target>
|
<target>info gyorsgomb: i</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -120,11 +120,11 @@
|
|||||||
<source>toggle fullscreen, key: f</source>
|
<source>toggle fullscreen, key: f</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
||||||
@ -140,7 +140,7 @@
|
|||||||
<source>close, key: Escape</source>
|
<source>close, key: Escape</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
<context context-type="sourcefile">app/gallery/map/lightbox/lightbox.map.gallery.component.html</context>
|
||||||
@ -152,7 +152,7 @@
|
|||||||
<source>key: left arrow</source>
|
<source>key: left arrow</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>gyorsgomb: balra nyíl</target>
|
<target>gyorsgomb: balra nyíl</target>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
@ -160,10 +160,26 @@
|
|||||||
<source>key: right arrow</source>
|
<source>key: right arrow</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
<context context-type="sourcefile">app/gallery/lightbox/lightbox.gallery.component.html</context>
|
<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>
|
</context-group>
|
||||||
<target>gyorsgomb: jobbra nyíl</target>
|
<target>gyorsgomb: jobbra nyíl</target>
|
||||||
</trans-unit>
|
</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">
|
<trans-unit id="7e892ba15f2c6c17e83510e273b3e10fc32ea016" datatype="html">
|
||||||
<source>Search</source>
|
<source>Search</source>
|
||||||
<context-group purpose="location">
|
<context-group purpose="location">
|
||||||
@ -1852,4 +1868,4 @@
|
|||||||
</trans-unit>
|
</trans-unit>
|
||||||
</body>
|
</body>
|
||||||
</file>
|
</file>
|
||||||
</xliff>
|
</xliff>
|
||||||
|
Loading…
Reference in New Issue
Block a user