added mockup for shows

1 files changed, 73 insertions, 15 deletions

diff --git a/index.html b/index.html
index 4d47dc3..4103903 100644
--- a/index.html
+++ b/index.html
@@ -168,27 +168,85 @@
       </div>
 
       <div id="app-shows" class="container-fluid">
-        <div class="span12">
-          <div class="hero-unit">
-            <h1>Sendungen</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 class="row-fluid">
+          <div class="span10">
+            <form class="well form-inline">
+              <label class="control-label" for="select-dropbox"><h3>Sendung auswählen<h3></label>
+              <select id="select-dropbox">
+                <option>Democracy Now!</option>
+              </select>
+            </form>
+          </div>
+          <div class="span2">
+            <center>
+              <h4>Aktuelle Woche</h4>
+              <span id="current-week" class="label label-success">Woche 1</span>
+            </center>
+          </div>
+        </div>
+        <div class="row-fluid">
+          <div class="span12">
+            <h2 id="show-title">Democacy Now!</h2>
+            <dl class="dl-horizontal">
+              <dt>Tag</dt><dd>Dienstag</dd>
+              <dt>Rythmus</dt><dd>wöchentlich</dd>
+              <dt>Startzeit</dt><dd>00:00</dd>
+              <dt>Dauer</dt><dd>30 Minuten</dd>
+            </dl>
+          </div>
+        </div>
+        <div class="row-fluid">
+          <div class="span12">
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>Cart #</th>
+                  <th>Titel</th>
+                  <th>Länge</th>
+                  <th>importiert</th>
+                  <th># gespielt</th>
+                  <th>zuletzt gespielt</th>
+                  <th>Aktionen</th>
+                </tr>  
+              </thead>
+              <tbody>
+                <tr>
+                  <td>1234</td>
+                  <td>Das ist ein Cart Titel</td>
+                  <td>57:14.120</td>
+                  <td>Fre, 17 Sep 2014 15:12:29</td>
+                  <td>1</td>
+                  <td>Fre, 19 Sep 2014 17:58:12</td>
+                  <td>
+                    <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-up icon-white"></i></button>
+                    <button class="btn btn-info btn-mini"><i class="icon-arrow-down icon-white"></i></button>
+                    <button class="btn btn-danger btn-mini"><i class="icon-trash icon-white"></i> Löschen</button>
+                  </td>
+                </tr>
+                <tr>
+                  <td>1235</td>
+                  <td>-</td>
+                  <td>-</td>
+                  <td>-</td>
+                  <td>-</td>
+                  <td>-</td>
+                  <td>
+                    <button class="btn btn-info btn-mini"><i class="icon-arrow-up icon-white"></i></button>
+                    <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-down icon-white"></i></button>
+                    <button class="btn btn-success btn-mini"><i class="icon-upload icon-white"></i> Importieren</button>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>
 
       <div id="app-musicpools" class="container-fluid">
         <div class="span12">
-          <div class="hero-unit">
-            <h1>Musikpools</h1>
-            <p>
-              coming soon!
-            </p>
-          </div>
+          <h1>Musikpools</h1>
+          <p>
+            coming soon!
+          </p>
         </div>
       </div>