musicgrid: show grid

1 files changed, 71 insertions, 3 deletions

diff --git a/www/index.html b/www/index.html
index c082c43..c3ccc68 100644
--- a/www/index.html
+++ b/www/index.html
@@ -167,6 +167,7 @@
             <select id="musicpool-selector" class="main-selector">
             </select>
           </form>
+        </div>
         <div class="span12">
           <h1>Musikpools</h1>
           <p>
@@ -179,9 +180,76 @@
         <div class="alertbox"></div>
         <div class="span12">
           <h1>Musikgrid</h1>
-          <p>
-            coming soon!
-          </p>
+          <table class="table table-striped">
+            <thead>
+            <tr>
+              <th></th>
+              <th>00:00</th><th>01:00</th><th>02:00</th><th>03:00</th>
+              <th>04:00</th><th>05:00</th><th>06:00</th><th>07:00</th>
+              <th>08:00</th><th>09:00</th><th>10:00</th><th>11:00</th>
+              <th>16:00</th><th>17:00</th><th>18:00</th><th>19:00</th>
+              <th>20:00</th><th>21:00</th><th>22:00</th><th>23:00</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr data-dow="0">
+              <th>Montag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="1">
+              <th>Dienstag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="2">
+              <th>Mittwoch</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="3">
+              <th>Donnerstag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="4">
+              <th>Freitag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="5">
+              <th>Samstag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            <tr data-dow="6">
+              <th>Sonntag</th>
+              <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td>
+              <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td>
+              <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td>
+              <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td>
+              <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td>
+            </tr>
+            </tbody>
+          </table>
         </div>
       </div>