From 3ebaee28fc4cd6d6f0a1e32c1fc31c02b877b63a Mon Sep 17 00:00:00 2001 From: Tamara Steinwender <tamara.steinwender@tugraz.at> Date: Mon, 5 Oct 2020 16:38:45 +0200 Subject: [PATCH] Add test output for phones qr code scanner --- .../qr-code-scanner/src/i18n/de/translation.json | 4 +++- .../qr-code-scanner/src/i18n/en/translation.json | 4 +++- packages/qr-code-scanner/src/qr-code-scanner.js | 14 +++++++++----- 3 files changed, 15 insertions(+), 7 deletions(-) diff --git a/packages/qr-code-scanner/src/i18n/de/translation.json b/packages/qr-code-scanner/src/i18n/de/translation.json index 8bc69df6..1f1257e7 100644 --- a/packages/qr-code-scanner/src/i18n/de/translation.json +++ b/packages/qr-code-scanner/src/i18n/de/translation.json @@ -7,5 +7,7 @@ "data": "Inhalt", "camera": "Kamera ", "front-camera": "Vordere Kamera", - "back-camera": "Rückseitige Kamera" + "back-camera": "Rückseitige Kamera", + "start-scan": "Scannen starten", + "stop-scan": "Scannen stoppen" } diff --git a/packages/qr-code-scanner/src/i18n/en/translation.json b/packages/qr-code-scanner/src/i18n/en/translation.json index a5e8a380..cb0d6e73 100644 --- a/packages/qr-code-scanner/src/i18n/en/translation.json +++ b/packages/qr-code-scanner/src/i18n/en/translation.json @@ -7,5 +7,7 @@ "data": "Data", "camera": "Camera", "front-camera": "Frontcamera", - "back-camera": "Backcamera" + "back-camera": "Backcamera", + "start-scan": "Start scan", + "stop-scan": "Stop scan" } diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js index e062c778..f8507e94 100644 --- a/packages/qr-code-scanner/src/qr-code-scanner.js +++ b/packages/qr-code-scanner/src/qr-code-scanner.js @@ -61,7 +61,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { let devices_map = new Map(); const that = this; - + let counter = 0; if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices @@ -75,8 +75,12 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { if (device.kind === 'videoinput') { let id = device.deviceId; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { - devices_map.set('environment', i18n.t('back-camera')); - devices_map.set('user', i18n.t('front-camera')); + if (counter === 0) { + devices_map.set('environment', i18n.t('back-camera')); + counter = 1; + } else { + devices_map.set('user', i18n.t('front-camera')); + } } else { devices_map.set(id ? id : true, device.label || i18n.t('camera') + (devices_map.size + 1)); } @@ -318,8 +322,8 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) { <div class="${classMap({hidden: this.notSupported})}"> <div class="button-wrapper"> - <button class="start button is-primary ${classMap({hidden: this.videoRunning})}" @click="${() => this.qrCodeScannerInit()}">start scanning</button> - <button class="stop button is-primary ${classMap({hidden: !this.videoRunning})}" @click="${() => this.stopScanning()}">stop scanning</button> + <button class="start button is-primary ${classMap({hidden: this.videoRunning})}" @click="${() => this.qrCodeScannerInit()}" title="${i18n.t('start-scan')}">${i18n.t('start-scan')}</button> + <button class="stop button is-primary ${classMap({hidden: !this.videoRunning})}" @click="${() => this.stopScanning()}" title="${i18n.t('stop-scan')}">${i18n.t('stop-scan')}</button> <select id="videoSource"></select> -- GitLab