Reformat

aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue

@@ -21,20 +21,20 @@
       <coursebook-day
         v-for="{ date, docs, first, last } in groupDocsByDay(items)"
         v-intersect="{
-            handler: intersectHandler(date, first, last),
-            options: {
-              rootMargin: '-' + topMargin + 'px 0px 0px 0px',
-              threshold: [0, 1],
-            },
-          }"
+          handler: intersectHandler(date, first, last),
+          options: {
+            rootMargin: '-' + topMargin + 'px 0px 0px 0px',
+            threshold: [0, 1],
+          },
+        }"
         :date="date"
         :docs="docs"
         :lastQuery="lastQuery"
-        :focus-on-mount="initDate && (initDate.toMillis() === date.toMillis())"
+        :focus-on-mount="initDate && initDate.toMillis() === date.toMillis()"
         @init="transition"
         :key="'day-' + date"
         ref="days"
-        />
+      />
       <coursebook-loader />
 
       <date-select-footer
@@ -42,13 +42,10 @@
         @input="gotoDate"
         @prev="gotoPrev"
         @next="gotoNext"
-        />
+      />
     </template>
     <template #loading>
-      <coursebook-loader
-        :number-of-days="10"
-        :number-of-docs="5"
-      />
+      <coursebook-loader :number-of-days="10" :number-of-docs="5" />
     </template>
 
     <template #no-data>
@@ -190,12 +187,12 @@ export default {
   methods: {
     resetDate(toDate) {
       // Assure current date
-      console.log('Resetting date range', this.$route.hash);
+      console.log("Resetting date range", this.$route.hash);
       this.currentDate = toDate || this.$route.hash?.substring(1);
       if (!this.currentDate) {
-        console.log('Set default date');
+        console.log("Set default date");
         this.setDate(DateTime.now().toISODate());
-      } 
+      }
 
       const date = DateTime.fromISO(this.currentDate);
       this.initDate = date;
@@ -203,15 +200,15 @@ export default {
       this.dateEnd = date.plus({ days: this.dayIncrement }).toISODate();
     },
     transition() {
-      this.initDate = false
-      this.ready = true
+      this.initDate = false;
+      this.ready = true;
     },
     groupDocsByDay(docs) {
       // => {dt: {date: dt, docs: doc ...} ...}
       const docsByDay = docs.reduce((byDay, doc) => {
         // This works with dummy. Does actual doc have dateStart instead?
         const day = DateTime.fromISO(doc.datetimeStart).startOf("day");
-        byDay[day] ??= {date: day, docs: []};
+        byDay[day] ??= { date: day, docs: [] };
         byDay[day].docs.push(doc);
         return byDay;
       }, {});
@@ -219,7 +216,7 @@ export default {
       // sorting is necessary since backend can send docs unordered
       return Object.keys(docsByDay)
         .sort()
-        .map((key, idx, {length}) => {
+        .map((key, idx, { length }) => {
           const day = docsByDay[key];
           day.first = idx === 0;
           const lastIdx = length - 1;
@@ -229,7 +226,7 @@ export default {
     },
     // docsByDay: {dt: [dt doc ...] ...}
     fetchMore(from, to, then) {
-      console.log('fetching', from, to);
+      console.log("fetching", from, to);
       this.lastQuery.fetchMore({
         variables: {
           dateStart: from,
@@ -237,10 +234,10 @@ export default {
         },
         // Transform the previous result with new data
         updateQuery: (previousResult, { fetchMoreResult }) => {
-          console.log('Received more');
+          console.log("Received more");
           then();
           return { items: previousResult.items.concat(fetchMoreResult.items) };
-        }
+        },
       });
     },
     setDate(date) {
@@ -248,7 +245,7 @@ export default {
       if (!this.hashUpdater) {
         this.hashUpdater = window.requestIdleCallback(() => {
           if (!(this.$route.hash.substring(1) === this.currentDate)) {
-            this.$router.replace({ hash: this.currentDate })
+            this.$router.replace({ hash: this.currentDate });
           }
           this.hashUpdater = false;
         });
@@ -257,7 +254,8 @@ export default {
     fixScrollPos(height, top) {
       this.$nextTick(() => {
         if (height < document.documentElement.scrollHeight) {
-          document.documentElement.scrollTop = document.documentElement.scrollHeight - height + top;
+          document.documentElement.scrollTop =
+            document.documentElement.scrollHeight - height + top;
           this.ready = true;
         } else {
           // Update top, could have changed in the meantime.
@@ -270,28 +268,35 @@ export default {
       return (entries) => {
         const entry = entries[0];
         if (entry.isIntersecting) {
-
-          if ((entry.boundingClientRect.top <= this.topMargin) || first) {
-            console.log('@ ', date.toISODate());
+          if (entry.boundingClientRect.top <= this.topMargin || first) {
+            console.log("@ ", date.toISODate());
             this.setDate(date.toISODate());
           }
 
           if (once && this.ready && first) {
-            console.log('load up', date.toISODate());
+            console.log("load up", date.toISODate());
             this.ready = false;
-            this.fetchMore(date.minus({ days: this.dayIncrement }).toISODate(),
-                           date.minus({ days: 1 }).toISODate(),
-                          () => {
-                            this.fixScrollPos(document.documentElement.scrollHeight,
-                                              document.documentElement.scrollTop);
-                          });
+            this.fetchMore(
+              date.minus({ days: this.dayIncrement }).toISODate(),
+              date.minus({ days: 1 }).toISODate(),
+              () => {
+                this.fixScrollPos(
+                  document.documentElement.scrollHeight,
+                  document.documentElement.scrollTop,
+                );
+              },
+            );
             once = false;
           } else if (once && this.ready && last) {
-            console.log('load down', date.toISODate());
+            console.log("load down", date.toISODate());
             this.ready = false;
-            this.fetchMore(date.plus({ days: 1 }).toISODate(),
-                           date.plus({ days: this.dayIncrement }).toISODate(),
-                           () => { this.ready = true });
+            this.fetchMore(
+              date.plus({ days: 1 }).toISODate(),
+              date.plus({ days: this.dayIncrement }).toISODate(),
+              () => {
+                this.ready = true;
+              },
+            );
             once = false;
           }
         }
@@ -319,15 +324,19 @@ export default {
         .find((date2) => date2 > date);
     },
     gotoDate(date) {
-      const present = this.$refs.days
-            .find((day) => day.date.toISODate() === date);
+      const present = this.$refs.days.find(
+        (day) => day.date.toISODate() === date,
+      );
 
       if (present) {
         // React immediatly -> smoother navigation
         // Also intersect handler does not always react to scrollIntoView
         this.setDate(date);
         present.focus("smooth");
-      } else if (!this.findPrev(DateTime.fromISO(date)) || !this.findNext(DateTime.fromISO(date))) {
+      } else if (
+        !this.findPrev(DateTime.fromISO(date)) ||
+        !this.findNext(DateTime.fromISO(date))
+      ) {
         this.resetDate(date);
       }
     },

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDay.vue

 <template>
-  <v-list-item
-    :style="{ scrollMarginTop: '145px' }"
-    two-line
-  >
+  <v-list-item :style="{ scrollMarginTop: '145px' }" two-line>
     <v-list-item-content>
       <v-subheader class="text-h6">{{
         $d(date, "dateWithWeekday")
@@ -48,21 +45,21 @@ export default {
       default: false,
     },
   },
-  emits: ['init'],
+  emits: ["init"],
   methods: {
     focus(how) {
       this.$el.scrollIntoView({
         behavior: how,
         block: "start",
-        inline: "nearest"
+        inline: "nearest",
       });
-      console.log('focused @', this.date.toISODate());
+      console.log("focused @", this.date.toISODate());
     },
   },
   mounted() {
     if (this.focusOnMount) {
       this.$nextTick(this.focus("instant"));
-      this.$emit('init');
+      this.$emit("init");
     }
   },
 };

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookLoader.vue

@@ -24,12 +24,12 @@ export default {
     numberOfDays: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
     numberOfDocs: {
       type: Number,
       required: false,
-      default: 1
+      default: 1,
     },
   },
 };

aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue

 <script>
-import BackButton from "aleksis.core/components/generic/BackButton.vue";
 import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue";
 import MobileFullscreenDialog from "aleksis.core/components/generic/dialogs/MobileFullscreenDialog.vue";
 import documentationPartMixin from "../documentation/documentationPartMixin";
@@ -10,25 +9,24 @@ export default {
   name: "ManageStudentsDialog",
   extends: MobileFullscreenDialog,
   components: {
-    BackButton,
     CancelButton,
     LessonInformation,
     MobileFullscreenDialog,
     SlideIterator,
   },
-  mixins: [ documentationPartMixin ],
+  mixins: [documentationPartMixin],
   data() {
     return {
       dialog: false,
       search: "",
       selected: [],
       isExpanded: false,
-    }
+    };
   },
   computed: {
     items() {
       return this.documentation.participations;
-    }
+    },
   },
 };
 </script>
@@ -69,9 +67,11 @@ export default {
         v-model="selected"
         :items="items"
         :search="search"
-        :item-key-getter="item => 'documentation-' + documentation.id + '-student-' + item.id"
+        :item-key-getter="
+          (item) => 'documentation-' + documentation.id + '-student-' + item.id
+        "
         :is-expanded.sync="isExpanded"
-        >
+      >
         <template #listItemContent="{ item }">
           <v-list-item-title>
             {{ item.person.fullName }}
@@ -86,13 +86,8 @@ export default {
         <template #expandedItem="{ item, close }">
           <v-card-title>
             <v-tooltip bottom>
-              <template v-slot:activator="{ on, attrs }">
-                <v-btn
-                  v-bind="attrs"
-                  v-on="on"
-                  icon
-                  @click="close"
-                >
+              <template #activator="{ on, attrs }">
+                <v-btn v-bind="attrs" v-on="on" icon @click="close">
                   <v-icon>$prev</v-icon>
                 </v-btn>
               </template>
@@ -110,11 +105,13 @@ export default {
     </template>
 
     <template #actions>
-      <cancel-button @click="dialog = false" i18n-key="actions.close" v-show="$vuetify.breakpoint.mobile" />
+      <cancel-button
+        @click="dialog = false"
+        i18n-key="actions.close"
+        v-show="$vuetify.breakpoint.mobile"
+      />
     </template>
   </mobile-fullscreen-dialog>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>

aleksis/apps/alsijil/schema/documentation.py

@@ -19,9 +19,9 @@ from aleksis.core.schema.base import (
     PermissionsTypeMixin,
 )
 from aleksis.core.util.core_helpers import get_site_preferences
-from .participation_status import ParticipationStatusType
 
 from ..models import Documentation
+from .participation_status import ParticipationStatusType
 
 
 class DocumentationType(PermissionsTypeMixin, DjangoFilterMixin, DjangoObjectType):

aleksis/apps/alsijil/schema/participation_status.py

 from graphene_django import DjangoObjectType
 
 from aleksis.apps.alsijil.models import ParticipationStatus
-from aleksis.core.schema.base import PermissionsTypeMixin, DjangoFilterMixin
+from aleksis.core.schema.base import DjangoFilterMixin, PermissionsTypeMixin
 
 
 class ParticipationStatusType(PermissionsTypeMixin, DjangoFilterMixin, DjangoObjectType):