ChaoticByte/drinks-manager
1
1
Fork 0
Code Issues Pull requests Projects Releases 20 Packages Wiki Activity Actions

hide the userlist in the background when showing the password overlay

Browse source
This commit is contained in:
Julian Müller 2022-07-05 17:42:50 +02:00
parent 20d0ebfcf4
commit f2725845cf
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
application/app/templates/registration/login.html
View file

@ -64,7 +64,7 @@
<h1>{% translate "Choose your account" %}</h1> <h1>{% translate "Choose your account" %}</h1>
<div class="userlistContainer"> <div class="userlistContainer" id="userlistContainer">
<ul class="userlist"> <ul class="userlist">
{% for user_ in user_list %} {% for user_ in user_list %}
<li class="userlistButton button" data-username="{{ user_.username }}"> <li class="userlistButton button" data-username="{{ user_.username }}">

8
static/js/login.js
View file

@ -5,11 +5,11 @@
let username_input; let username_input;
let password_input; let password_input;
let submit_button; let submit_button;
let username_display;
let password_overlay; let password_overlay;
let pw_overlay_cancel; let pw_overlay_cancel;
let userlist_buttons; let userlist_buttons;
let pinpad_buttons; let pinpad_buttons;
let userlist_container;
// Add event listeners after DOM Content loaded // Add event listeners after DOM Content loaded
@ -23,6 +23,7 @@
submit_button = document.getElementById("submit_login"); submit_button = document.getElementById("submit_login");
password_overlay = document.getElementById("passwordOverlayContainer"); password_overlay = document.getElementById("passwordOverlayContainer");
pw_overlay_cancel = document.getElementById("pwoCancel"); pw_overlay_cancel = document.getElementById("pwoCancel");
userlist_container = document.getElementById("userlistContainer");
userlist_buttons = document.getElementsByClassName("userlistButton"); userlist_buttons = document.getElementsByClassName("userlistButton");
pinpad_buttons = document.getElementsByClassName("pinpadBtn"); pinpad_buttons = document.getElementsByClassName("pinpadBtn");
@ -59,15 +60,14 @@
window.scrollTo(0, 0); window.scrollTo(0, 0);
password_overlay.classList.remove("nodisplay"); password_overlay.classList.remove("nodisplay");
document.body.classList.add("overflowHidden"); userlist_container.classList.add("nodisplay");
//password_input.focus();
} }
function hide_password_overlay() { function hide_password_overlay() {
password_overlay.classList.add("nodisplay"); password_overlay.classList.add("nodisplay");
document.body.classList.remove("overflowHidden"); userlist_container.classList.remove("nodisplay");
password_input.value = ""; password_input.value = "";
} }