Resolve "Frontend for Models"

Closes #1 (closed)

aleksis/apps/lesrooster/frontend/components/lesson_raster/LessonRaster.vue

 <template>
   <div id="slot-container">
-    <!--    <v-hover v-slot="{ hover }">-->
-    <!--      <v-card elevation="0">-->
-    <!--        <v-card-title>-->
-    <!--          <validity-range-field-->
-    <!--              solo-->
-    <!--              hide-details-->
-    <!--              v-model="internalValidityRange"-->
-    <!--              :loading="$apollo.queries.currentValidityRange.loading"-->
-    <!--          />-->
-    <!--          <v-btn-->
-    <!--              v-if="canAddDay('A_0')"-->
-    <!--              v-show="hover"-->
-    <!--              color="secondary"-->
-    <!--              fab-->
-    <!--              dark-->
-    <!--              small-->
-    <!--              absolute-->
-    <!--              right-->
-    <!--              style="right: calc(-20px - 0.5rem)"-->
-    <!--          >-->
-    <!--            <v-icon>mdi-plus</v-icon>-->
-    <!--          </v-btn>-->
-    <!--        </v-card-title>-->
-    <!--      </v-card>-->
-    <!--    </v-hover>-->
+    <v-card style="grid-column: side; grid-row: 1">
+      <v-card-text>
+        <validity-range-field
+            solo
+            hide-details
+            v-model="internalValidityRange"
+            :loading="$apollo.queries.currentValidityRange.loading"
+        />
+      </v-card-text>
+    </v-card>
 
     <v-hover
         v-for="weekday in weekdays"
@@ -148,7 +133,7 @@ export default {
       variables() {
         return {
           filters: JSON.stringify({
-            "validity_range__id": this.internalValidityRange.id
+            "validity_range": this.internalValidityRange.id
           })
         }
       },
@@ -178,7 +163,7 @@ export default {
       return this.items;
     },
     columns() {
-      return this.weekdays.map(
+      return "[side] 10vw " + this.weekdays.map(
           day => `[${day}] 1fr`
       ).join(" ");
     }