feature (print): allow to print via defined key

Change-Id: Iceedd49b20f87c9f48a0930155923f3ec5bf09ff

Author: andi34

config/config.inc.php

@@ -72,6 +72,7 @@
 // use for example https://keycode.info to get the key code
 $config['photo_key'] = null;
 $config['collage_key'] = null;
+$config['print_key'] = null;
 
 // LANGUAGE
 // possible values: de, el, en, es, fr

lib/configsetup.inc.php

@@ -626,6 +626,12 @@
 			'range_step' => 250,
 			'unit' => 'milliseconds'
 		],
+		'print_key' => [
+			'type' => 'input',
+			'name' => 'print_key',
+			'placeholder' => '',
+			'value' => $config['print_key']
+		],
 		'print_qrcode' => [
 			'type' => 'checkbox',
 			'name' => 'print_qrcode',

resources/lang/en.json

@@ -207,6 +207,7 @@
   "manual_print_linespace": "Enter used linespace while printing text on your picture.",
   "manual_print_locationx": "X-Coordinates of the text while printing text on your picture.",
   "manual_print_locationy": "Y-Coordinates of the text while printing text on your picture.",
+  "manual_print_print_key": "Specify the key id to use that key to print a picture (e.g. 13 is the enter key). For example use <a href=\"https://keycode.info\"  target=\"_blank\">https://keycode.info</a> to find out the key id.",
   "manual_print_printing_time": "Enter in milliseconds, how long \"Started printing! Please wait....\" is displayed after a print job has started.",
   "manual_print_qrcode": "If enabled, a QR-Code is printed onto the right side of the picture while printing.",
   "manual_print_rotation": "Enter a value which is used as degrees a picture gets rotated at print.",
@@ -287,6 +288,7 @@
   "print_linespace": "Line spacing",
   "print_locationx": "X Coordinate",
   "print_locationy": "Y Coordinate",
+  "print_print_key": "Key code which triggers printing",
   "print_printing_time": "Printing time",
   "print_qrcode": "QR-Code on the picture while printing",
   "print_rotation": "Text rotation",

src/js/chromakeying.js

@@ -246,6 +246,16 @@ function closeHandler(ev) {
     }
 }
 
+$(document).on('keyup', function (ev) {
+    if (config.use_print && config.print_key && parseInt(config.print_key, 10) === ev.keyCode) {
+        if (isPrinting) {
+            console.log('Printing already in progress!');
+        } else {
+            $('#print-btn').trigger('click');
+        }
+    }
+});
+
 $(document).ready(function () {
     $('#save-btn').on('click', saveImageHandler);
     $('#print-btn').on('click', printImageHandler);

src/js/core.js

@@ -899,6 +899,15 @@ const photoBooth = (function () {
                 console.log('Taking photo already in progress!');
             }
         }
+
+        if (config.use_print && config.print_key && parseInt(config.print_key, 10) === ev.keyCode) {
+            if (isPrinting) {
+                console.log('Printing already in progress!');
+            } else {
+                $('.printbtn').trigger('click');
+                $('.printbtn').blur();
+            }
+        }
     });
 
     // clear Timeout to not reset the gallery, if you clicked anywhere

src/js/photoinit.js

@@ -303,4 +303,14 @@ function initPhotoSwipeFromDOM(gallerySelector) {
     }
 
     $(gallerySelector).on('click', onThumbnailClick);
+
+    $(document).on('keyup', function (ev) {
+        if (config.use_print && config.print_key && parseInt(config.print_key, 10) === ev.keyCode) {
+            if (isPrinting) {
+                console.log('Printing already in progress!');
+            } else {
+                $('.pswp__button--print').trigger('click');
+            }
+        }
+    });
 }