summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2014-03-15 15:46:30 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2016-08-15 19:46:42 +0200
commitb8f0594c05ae20af46b29144b8e7180d3100bdfe (patch)
tree7282570052d1a99d604502547c92c5a18b55a81c /index.html
parent3e27da4ad2cd999119d6321662dc2a718f3a4234 (diff)
downloadwvs-vplan-b8f0594c05ae20af46b29144b8e7180d3100bdfe.tar.gz
wvs-vplan-b8f0594c05ae20af46b29144b8e7180d3100bdfe.zip
benutze jQuery-Mobile-Seiten
Diffstat (limited to 'index.html')
-rw-r--r--index.html34
1 files changed, 20 insertions, 14 deletions
diff --git a/index.html b/index.html
index 76e1904..e7682b1 100644
--- a/index.html
+++ b/index.html
@@ -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>