From 9817fd18f7076d47d59261aa5252e244c618c2df Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Wed, 30 Sep 2020 11:51:24 +0200
Subject: [PATCH] Add show output as an attribute in Qr code scanner
---
packages/qr-code-scanner/src/qr-code-scanner.js | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 7c1cc4f4..c1ad065e 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -21,7 +21,7 @@ export class QrCodeScanner extends DBPLitElement {
this.notSupported = false;
this.scanIsOk = true;
-
+ this.showOutput = true;
}
static get scopedElements() {
@@ -40,7 +40,8 @@ export class QrCodeScanner extends DBPLitElement {
askPermission: { type: Boolean, attribute: false },
videoRunning: { type: Boolean, attribute: false },
notSupported: { type: Boolean, attribute: false },
- scanIsOk: { type: Boolean, attribute: true }
+ scanIsOk: { type: Boolean, attribute: true },
+ showOutput: { type: Boolean, attribute: true }
};
}
@@ -265,9 +266,9 @@ export class QrCodeScanner extends DBPLitElement {
<canvas id="canvas" hidden></canvas>
- <div id="output" hidden>
- <div id="outputMessage">No QR code detected.</div>
- <div hidden><b>Data:</b> <span id="outputData"></span></div>
+ <div id="output" hidden class="${classMap({hidden: !this.showOutput})}">
+ <div id="outputMessage">No QR code detected.</div>
+ <div hidden><b>Data:</b> <span id="outputData"></span></div>
</div>
</div>
<div class="${classMap({hidden: !this.notSupported})}">
--
GitLab