Working overview of klassen

templates/klasse.hbs

@@ -0,0 +1,27 @@
+{{#* inline "page"}}
+<h1>Klasse {{klasse.stufe}}{{klasse.gruppe}}</h1>
+<table class="vertretungsplan">
+  {{#each vertretungen}}
+  <tr>
+    <th class="stunden">
+      Stunde: {{this.0.title}}
+    </th>
+    {{#each this.1}}
+    <td class="vertretung">
+      <div>
+        <div class="erkl">Vertretung für:</div>
+        <div class="vert">{{this.fehlend}}</div>
+      </div>
+      <div>
+        <div class="erkl">Vertretung durch:</div>
+        <div class="vert">{{this.vertretung}}</div>
+      </div>
+    </td>
+    {{/each}}
+  </tr>
+  {{/each}}
+</table>
+{{/inline}}
+
+{{! remove whitespaces with ~ }}
+{{~> (parent)~}}

templates/uebersicht.hbs

@@ -1,10 +1,12 @@
 {{#* inline "page"}}
-  <h1>Vertretungen</h1>
-  <ul>
-    {{#each klassen}}
-      <li>{{this.id}}. {{this.stufe}}{{this.gruppe}}</li>
-    {{/each}}
-  </ul>
-  {{/inline}}
-  {{! remove whitespaces with ~ }}
-  {{~> (parent)~}}
+<h1>Vertretungen</h1>
+<div class="grid-container">
+  {{#each klassen}}
+  <div class="grid-item">
+    <h2>{{this.0.klassen_id}}. {{this.0.stufe}}{{this.0.gruppe}} <br />{{this.1}}</h2>
+  </div>
+  {{/each}}
+</div>
+{{/inline}}
+{{! remove whitespaces with ~ }}
+{{~> (parent)~}}