diff options
| -rw-r--r-- | index.html | 34 | ||||
| -rw-r--r-- | js/index.js | 3 |
2 files changed, 20 insertions, 17 deletions
@@ -27,25 +27,31 @@ <title>WvS VPlan</title> </head> <body> - <div class="app" data-role="content"> - <div id="title"> - <h1>WvS Vertretungsplan | Login</h1> - </div> - <div id="loginform"> - <form action="javascript:login()"> - <div data-role="fieldcontain"> + <div class="app"> + <div data-role="page" id="loginpage"> + <div data-role="header"> + <h1>WvS VPlan | Login</h1> + </div> + <div role="main" class="ui-content"> + <form action="javascript:login()"> <label for="username">Benutzername</label> <input type="text" id="username" hint="Benutzername" autofocus required> <label for="password">Passwort</label> <input type="password" id="password" hint="Passwort" required> - <input type="submit" value="Einloggen" > - </div> - </form> + <button type="submit" onclick="location.href='#loading'">Einloggen</button> + </form> + </div> </div> - <div class="loadingbar" id="loadingbar" style="display:none"> - Laden... <span class="progress-view" id="load-progress-view">0%</span> - <div class="loader"> - <div class="progress" id="load-progress"></div> + + <div data-role="page" id="loading" data-prefetch> + <div data-role="header"> + <h1>WvS VPlan | Login - Lade...</h1> + </div> + <div role="main" class="ui-content"> + Laden... <span class="progress-view" id="load-progress-view">0%</span> + <div class="loader"> + <div class="progress" id="load-progress"></div> + </div> </div> </div> </div> diff --git a/js/index.js b/js/index.js index 3f6aecd..3c4c4d8 100644 --- a/js/index.js +++ b/js/index.js @@ -39,9 +39,6 @@ function get_overview(){ } function login(){ - document.getElementById('loginform').style.display = 'none'; - document.getElementById('loadingbar').style.display = 'block'; - var req = new XMLHttpRequest(); var username = encodeURIComponent(document.getElementById('username').value); |