voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Replace login and register with real form elements.

Browse source
This commit is contained in:
voussoir 2019-08-26 14:34:50 -07:00
parent 7ecfeca96c
commit a75540ce25
1 changed files with 10 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
frontends/etiquette_flask/templates/login.html
View file

@ -68,20 +68,20 @@ button
{{header.make_header(session=session)}} {{header.make_header(session=session)}}
<div id="content_body"> <div id="content_body">
<div id="login_register_box"> <div id="login_register_box">
<div id="login_form" class="panel" action="/login" method="post"> <form id="login_form" class="panel" action="/login" method="post">
<h2>Log in</h2> <h2>Log in</h2>
<input type="text" id="login_input_username" name="username" placeholder="username" autofocus> <input type="text" id="login_input_username" name="username" placeholder="username" autofocus>
<input type="password" id="login_input_password" name="password" placeholder="password"> <input type="password" id="login_input_password" name="password" placeholder="password">
<button type="submit" id="login_submit_button" class="green_button" onclick="login_form()">Log in</button> <button type="submit" id="login_submit_button" class="green_button" onclick="login_form(event)">Log in</button>
</div> </form>
<div id="register_form" class="panel" action="/register" method="post"> <form id="register_form" class="panel" action="/register" method="post">
<h2>Register</h2> <h2>Register</h2>
<input type="text" id="register_input_username" name="username" placeholder="username (at least {{min_username_length}})"> <input type="text" id="register_input_username" name="username" placeholder="username (at least {{min_username_length}})">
<input type="text" id="register_input_display_name" name="display_name" placeholder="display name (optional)"> <input type="text" id="register_input_display_name" name="display_name" placeholder="display name (optional)">
<input type="password" id="register_input_password_1" name="password_1" placeholder="password (at least {{min_password_length}})"> <input type="password" id="register_input_password_1" name="password_1" placeholder="password (at least {{min_password_length}})">
<input type="password" id="register_input_password_2" name="password_2" placeholder="password again"> <input type="password" id="register_input_password_2" name="password_2" placeholder="password again">
<button type="submit" id="register_input_button" class="green_button" onclick="register_form()">Register</button> <button type="submit" id="register_input_button" class="green_button" onclick="register_form(event)">Register</button>
</div> </form>
</div> </div>
<div id="message_area"> <div id="message_area">
</div> </div>
@ -90,24 +90,11 @@ button
<script type="text/javascript"> <script type="text/javascript">
var login_input_username = document.getElementById("login_input_username");
var login_input_password = document.getElementById("login_input_password");
var login_submit_button = document.getElementById("login_submit_button");
common.bind_box_to_button(login_input_username, login_submit_button);
common.bind_box_to_button(login_input_password, login_submit_button);
var register_input_username = document.getElementById("register_input_username");
var register_input_password_1 = document.getElementById("register_input_password_1");
var register_input_password_2 = document.getElementById("register_input_password_2");
var register_input_button = document.getElementById("register_input_button");
common.bind_box_to_button(register_input_username, register_input_button);
common.bind_box_to_button(register_input_password_1, register_input_button);
common.bind_box_to_button(register_input_password_2, register_input_button);
var message_area = document.getElementById("message_area"); var message_area = document.getElementById("message_area");
function login_form() function login_form(event)
{ {
event.preventDefault();
var username = document.getElementById("login_input_username").value; var username = document.getElementById("login_input_username").value;
var password = document.getElementById("login_input_password").value; var password = document.getElementById("login_input_password").value;
if (username == "" || password == "") if (username == "" || password == "")
@ -118,8 +105,9 @@ function login_form()
api.users.login(username, password, receive_callback) api.users.login(username, password, receive_callback)
} }
function register_form() function register_form(event)
{ {
event.preventDefault();
var username = document.getElementById("register_input_username").value; var username = document.getElementById("register_input_username").value;
var display_name = document.getElementById("register_input_display_name").value; var display_name = document.getElementById("register_input_display_name").value;
var password_1 = document.getElementById("register_input_password_1").value; var password_1 = document.getElementById("register_input_password_1").value;