🏗️ Merge substitution filter and timetable filter

src/views/SettingsView.vue

@@ -1,9 +1,8 @@
 <script setup>
 import {
   classList,
+  classFilter,
   possibleTimetableGroups,
-  substitutionFilter,
-  timetableClass,
   timetableGroups,
 } from "../store";
 
@@ -13,38 +12,24 @@ const gitHash = GITVERSION;
 
 <template>
   <div class="settings">
-    <h2>Substitution Plan</h2>
+    <h2>Filtering</h2>
     <p>
-      If a class is selected, only entries that are relevant for this class are
-      shown in the substitution plan.
+      Select a class here so the correct timetable is used and only relevant
+      substitutions are shown.
     </p>
-    <select v-model="substitutionFilter">
-      <option value="all">All (No filter)</option>
+    <select v-model="classFilter">
+      <option value="none">Select a class</option>
       <option v-for="option in classList" :value="option" :key="option">
         {{ option }}
       </option>
       <option value="other">Other</option>
     </select>
     <div class="spacer"></div>
-    <h2>Timetable</h2>
-    <p>
-      The timetable of the selected class is displayed on the timetable tab and
-      available substitutions are merged into it. If no class is selected or no
-      timetable data is available for the selected class, this functionality
-      will be disabled.
-    </p>
-    <select v-model="timetableClass">
-      <option value="none">None</option>
-      <option v-for="option in classList" :value="option" :key="option">
-        {{ option }}
-      </option>
-    </select>
-    <div class="spacer"></div>
     <h2>Timetable Groups</h2>
     <p>
-      The a timetable group defines, which lesson should be displayed, and for
-      which substitution should be shown if there are multiple possibilities for
-      a single lesson within one class.
+      A timetable group defines, which lesson should be displayed, and which
+      substitution should be shown if there are multiple possibilities for a
+      single lesson within one class.
     </p>
     <select v-model="timetableGroups" multiple>
       <option value="none">None</option>