payment: add classes to check for

dont depend on german language

Change-Id: I77f07d5e93760ad400bc6043325b76cafd297943

Author: andi34

assets/js/payment_poll.js

@@ -45,7 +45,7 @@
             return;
         }
 
-        if (overlay.innerHTML.includes('QR') || overlay.innerHTML.includes('bezahlen')) {
+        if (overlay.classList.contains('overlay-qr') || overlay.classList.contains('overlay-both')) {
             startPolling();
         }
     });

assets/js/tools.js

@@ -671,6 +671,12 @@ const photoboothTools = (function () {
                     const qrUrl =
                         'https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=' +
                         encodeURIComponent(data.payment_url);
+                    const statusClass = {
+                        both: 'overlay-both',
+                        qr: 'overlay-qr'
+                    }[data.status];
+                    const overlay = document.querySelector('.overlay');
+
                     api.overlay.show(`
                         <div style="text-align:center;">
                             <div style="font-size:1.4em; margin-bottom:12px;">${paymentMessage}</div>
@@ -680,6 +686,8 @@ const photoboothTools = (function () {
                         </div>
                     `);
                     api.isPrinting = false;
+                    overlay.classList.remove('overlay-both', 'overlay-qr');
+                    overlay.classList.add(statusClass);
                 } else {
                     api.overlay.showError(data.error || api.getTranslation('payments_failed'));
                     api.resetPrintErrorMessage(cb, notificationTimeout);