added main window with navbar

1 files changed, 38 insertions, 4 deletions

diff --git a/index.html b/index.html
index e89b88e..604542a 100644
--- a/index.html
+++ b/index.html
@@ -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>&nbsp;&nbsp;
+              <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 {