Resolve "Enable creation and editing of AbsenceReason's count-as-absent-prop"

Closes #27 (closed)

aleksis/apps/kolego/frontend/components/AbsenceReasons.vue

@@ -49,6 +49,27 @@ import AbsenceReasonTagsField from "./AbsenceReasonTagsField.vue";
         <color-field v-bind="attrs" v-on="on" />
       </template>
 
+      <template #countAsAbsent="{ item }">
+        <v-switch
+          :input-value="item.countAsAbsent"
+          disabled
+          inset
+          :false-value="false"
+          :true-value="true"
+        />
+      </template>
+      <!-- eslint-disable-next-line vue/valid-v-slot -->
+      <template #countAsAbsent.field="{ attrs, on }">
+        <v-switch
+          v-bind="attrs"
+          v-on="on"
+          inset
+          :false-value="false"
+          :true-value="true"
+          persistent-hint
+        />
+      </template>
+
       <template #default="{ item }">
         <v-switch
           :input-value="item.default"
@@ -110,6 +131,10 @@ export default {
           text: this.$t("kolego.absence_reason.colour"),
           value: "colour",
         },
+        {
+          text: this.$t("kolego.absence_reason.count_as_absent"),
+          value: "countAsAbsent",
+        },
         {
           text: this.$t("kolego.absence_reason.default"),
           value: "default",
@@ -128,6 +153,7 @@ export default {
         shortName: "",
         name: "",
         colour: "",
+        countAsAbsent: true,
         default: false,
       },
       required: [(value) => !!value || this.$t("forms.errors.required")],