fix musicgrid dow bug, add missing hours, style fullWidth

1 files changed, 80 insertions, 73 deletions

diff --git a/www/index.html b/www/index.html
index 15b7619..0bd7725 100644
--- a/www/index.html
+++ b/www/index.html
@@ -14,6 +14,7 @@
   <link href="/styles/shows.css" rel="stylesheet">
   <link href="/styles/jingles.css" rel="stylesheet">
   <link href="/styles/musicpools.css" rel="stylesheet">
+  <link href="/styles/musicgrid.css" rel="stylesheet">
   <link href="/javascript/twitter-bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
   <script src="/javascript/jquery/jquery.min.js"></script>
   <script src="/javascript/twitter-bootstrap/js/bootstrap.min.js"></script>
@@ -201,79 +202,85 @@
 
       <div id="app-musicgrid" class="container-fluid">
         <div class="alertbox"></div>
-        <div class="span12">
-          <h1>Musikgrid</h1>
-          <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>
+        <h1>Musikgrid</h1>
+        <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>12:00</th><th>13:00</th><th>14:00</th><th>15: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="1">
+            <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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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="0">
+            <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="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></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>