Add zoom, zoom in, & zoom out shortcuts

index.html

@@ -135,6 +135,7 @@
 	<script src="tags/settings-window.tag.html" type="riot/tag"></script>
 	<script src="tags/label-panel.tag.html" type="riot/tag"></script>
 	<script src="tags/attributes-list.tag.html" type="riot/tag"></script>
+	<script src="js/common-actions.js" type="riot/tag"></script>
 
 	<script src="tags/actions/lightbulb-action.tag.html" type="riot/tag"></script>
 	<script src="tags/actions/landmark-action.tag.html" type="riot/tag"></script>
@@ -167,6 +168,7 @@
 	<script src="js/app.js"></script>
 	<script src="js/nimnObjStructure.js"></script>
 
+
 	<script src="dataformaters/coco.js"></script>
 	<script src="dataformaters/pascal_voc.js"></script>
 </body>

js/common-actions.js

@@ -0,0 +1,17 @@
+  document.addEventListener('keydown', e=>{
+
+    if (e.key == '≠') {//Zoom in
+        $("#tool-zoom").click();
+        $("[data-zoom-type='in']").click();
+        e.preventDefault();
+        e.stopPropagation();
+     }
+
+     if (e.key == '–') {//Zoom out
+        $("#tool-zoom").click();
+        $("[data-zoom-type='out']").click();
+        e.preventDefault();
+        e.stopPropagation();
+     }
+});
+

tags/actions/zoom-action.tag.html

@@ -33,6 +33,7 @@
       <div class="tool-icon icon-cw" data-zoom-type="reset" onclick={ zoom }/>
     </div>
   </div>
+
   <script>
     var tag = this;
     tag.zoom = function (e){
@@ -67,6 +68,9 @@
       rescaleImage();
     }
 
+
+
+
     this.on('mount', function () {
       //reset the input box's value according to image scale
       if(imgSelected) $("#zoom-scale").val(Math.round(imgSelected.size.imageScale*100)+'%');

tags/shortcuts.tag.html

@@ -32,7 +32,8 @@
                     <tr><td><kbd>Alt</kbd> + <kbd>p</kbd></td><td> Polygon<td></tr>
                     <tr><td><kbd>Alt</kbd> + <kbd>w</kbd></td><td> Magic wand<td></tr>
                     <tr><td><kbd>Alt</kbd> + <kbd>m</kbd></td><td> Move<td></tr>
-                    <tr><td><kbd>Alt</kbd> + <kbd>+</kbd></td><td> Zoom<td></tr>
+                    <tr><td><kbd>Alt</kbd> + <kbd>+</kbd></td><td> Zoom in<td></tr>
+                    <tr><td><kbd>Alt</kbd> + <kbd>-</kbd></td><td> Zoom out<td></tr>
                     <tr><td><kbd>Alt</kbd> + <kbd>l</kbd></td><td> Light<td></tr>
                 </table>
                 `,

tags/toolbox.tag.html

@@ -66,18 +66,24 @@
                     e.stopPropagation()
                 } */
 
-                if (e.key == 'm'  && e.altKey){//Magic wand
+                if (e.key == 'm'  && e.altKey){//Move
                     $("#tool-move").click();
                     e.preventDefault();
                     e.stopPropagation()
                 }
 
-                if (e.key == 'l'  && e.altKey){//Magic wand
+                if (e.key == 'l'  && e.altKey){//Light
                     $("#tool-light").click();
                     e.preventDefault();
                     e.stopPropagation()
                 }
 
+                if (e.key == 'Ω'){//Zoom
+                    $("#tool-zoom").click();
+                    e.preventDefault();
+                    e.stopPropagation()
+                }
+
             });
         });