diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 42 |
1 files changed, 38 insertions, 4 deletions
@@ -46,8 +46,9 @@ token = data.token; sessionStorage.setItem("token", token); + $('#username-field').html(username); $('#loginbox').hide('slide'); - $("#mainwindow").show(); + $('#mainwindow').show(); } else { alertbox.error("Fehler beim Login", data.errorstring); sessionStorage.removeItem("username"); @@ -89,6 +90,7 @@ $("#username").val(''); $("#password").val(''); $("#mainwindow").hide(); + $('#username-field').html(''); $('#loginbox').show('slide'); } </script> @@ -104,18 +106,50 @@ <div id="alertbox"></div> <input id="username" type="text" class="form-control" placeholder="Benutzername" required autofocus> <input id="password" type="password" class="form-control" placeholder="Passwort" required> - <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Einloggen</button> + <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Anmelden</button> </form> </div> <div id="mainwindow"> - <h1>Test</h1> - <button type="button" class="btn btn-primary btn-large" onclick="logout()"><i class="icon-off icon-white"></i>Ausloggen</button> + + + <div class="navbar navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container-fluid"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <span class="brand">Radio Helsinki - Import</span> + <div class="nav-collapse"> + <ul class="nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + <form id="logoutform" class="navbar-form pull-right"> + <span class="navbar-text">angmeldet als <strong id="username-field">UNKNOWN</strong></span> + <button style="margin-top: 0;" type="button" class="btn btn-danger btn-small" onclick="logout()"><i class="icon-off icon-white"></i> Abmelden</button> + </form> + </div> + </div> + </div> + </div> + + <div class="container-fluid"> + <div class="span12"> + <div class="hero-unit"> + <h1>Hello, world!</h1> + <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> + </div> + </div> <div> </div> <script type="text/javascript"> $("#loginform").submit(function(event) { login(); event.preventDefault(); }); + $('#username-field').html(username); if(token && username) { $("#loginbox").hide(); } else { |