bryan
/
DoorControl-Frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

rework

qr
Bryan 2021-01-03 09:24:04 -06:00
parent 38ba3bea39
commit 51ff814bf5
3 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
script.js
View File

@ -8,6 +8,7 @@
const settingScreen = document.querySelector(".setting-screen");
const mainScreen = document.querySelector(".main-screen");
const qrScreen = document.querySelector(".qr-screen");
const reader = document.querySelector("#reader");
const messageContainer = document.querySelector("#message-container");
@ -98,8 +99,10 @@
}
const scanQr = () => {
window.location.replace("qr.html");
const scanQr = () => {
settingScreen.style.left = "-100%";
mainScreen.style.left = "-200%";
qrSreen.style.left = "0";
function onScanSuccess(qrMessage) {
apiKeyInput.value = qrMessage;

11
style.css
View File

@ -71,10 +71,15 @@
/* border: 1px solid blue; */
}
/* .settings-form h1 { */
/* text-align: center; */
.qr-screen {
left: 200%;
transition: all, .3s;
}
/* .settings-form h1 { */
/* text-align: center; */
/* } */
.settings-form ul {
position: relative;

14
trigger.html
View File

@ -13,9 +13,6 @@
</head>
<body>
<div id="reader"></div>
<nav class="app-bar">
<button id="open-setting-screen-button"><img src="img/settings2.png"></button>
<button id="close-setting-screen-button"><img src="img/home.png"></button>
@ -49,7 +46,7 @@
<!-- Settings Screen -->
<section class="screen-container setting-screen"">
<section class="screen-container setting-screen">
<h1 class="app-bar">Settings</h1>
<form class="settings-form">
<ul>
@ -71,9 +68,14 @@
</li>
</ul>
</form>
</section>
<!-- Qr scan screen -->
<section class="screen-container qr-screen">
<div id="reader"></div>
</section>
</body>
</html>