From 087f6b83f633d808b9803a4c389b72c8f076087c Mon Sep 17 00:00:00 2001
From: Marieke <marieke.sinnaeve@ugent.be>
Date: Tue, 21 May 2024 19:57:41 +0200
Subject: [PATCH] format

---
 frontend/src/views/ProjectView.vue            |  9 +++--
 frontend/src/views/SubmissionsTeacherView.vue | 36 ++++++++++++-------
 2 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index ff07a905..5d8a9d84 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -14,7 +14,12 @@
                         :subject="subject!"
                         :user="user!"
                     />
-                    <v-btn v-if="isTeacher" :to="`/project/${project.id}/submissions`" class="allsubmissions" variant="flat">
+                    <v-btn
+                        v-if="isTeacher"
+                        :to="`/project/${project.id}/submissions`"
+                        class="allsubmissions"
+                        variant="flat"
+                    >
                         {{ $t("project.submissions_list_teacher") }}
                     </v-btn>
                 </v-col>
@@ -108,6 +113,6 @@ const isTeacher = computed(
 .allsubmissions {
     margin: 15px;
     background-color: rgb(var(--v-theme-primary));
-    color: rgb(var(--v-theme-navtext))
+    color: rgb(var(--v-theme-navtext));
 }
 </style>
diff --git a/frontend/src/views/SubmissionsTeacherView.vue b/frontend/src/views/SubmissionsTeacherView.vue
index 24f66302..b527bf57 100644
--- a/frontend/src/views/SubmissionsTeacherView.vue
+++ b/frontend/src/views/SubmissionsTeacherView.vue
@@ -3,12 +3,26 @@
         <v-alert v-if="isError" title="Error" color="error" :text="error.message"></v-alert>
         <v-row v-else>
             <v-col class="col-sm-12 col-md-6 col-lg-8">
-                <v-skeleton-loader :loading="projectLoading || submissionsLoading" type="card" class="card">
-                    <v-card-title class="title">{{ $t("submission.submissions_title", { project: project.name }) }}</v-card-title>
-                    <v-card-subtitle v-if="submissions.length == 0" class="subtitle">{{ $t("submission.no_submissions") }}</v-card-subtitle>
+                <v-skeleton-loader
+                    :loading="projectLoading || submissionsLoading"
+                    type="card"
+                    class="card"
+                >
+                    <v-card-title class="title">{{
+                        $t("submission.submissions_title", { project: project.name })
+                    }}</v-card-title>
+                    <v-card-subtitle v-if="submissions.length == 0" class="subtitle">{{
+                        $t("submission.no_submissions")
+                    }}</v-card-subtitle>
                     <div v-else>
-                        <v-card-subtitle class="subtitle">{{ $t("submission.teacher_submissions_info") }}</v-card-subtitle>
-                        <v-btn class="primary-button" @click="downloadAll" prepend-icon="mdi-download">
+                        <v-card-subtitle class="subtitle">{{
+                            $t("submission.teacher_submissions_info")
+                        }}</v-card-subtitle>
+                        <v-btn
+                            class="primary-button"
+                            @click="downloadAll"
+                            prepend-icon="mdi-download"
+                        >
                             {{ $t("project.submissions_zip") }}
                         </v-btn>
                     </div>
@@ -22,10 +36,7 @@
                 </v-skeleton-loader>
             </v-col>
             <v-col cols="2" class="backbutton">
-                <BackButton
-                    title="project.to_project"
-                    :destination="`/project/${projectId}`"
-                />
+                <BackButton title="project.to_project" :destination="`/project/${projectId}`" />
             </v-col>
         </v-row>
     </v-container>
@@ -36,7 +47,7 @@ import { useProjectQuery } from "@/queries/Project";
 import { useProjectSubmissionsQuery } from "@/queries/Submission";
 import { toRefs } from "vue";
 import SubmissionTeacherCard from "@/components/submission/SubmissionTeacherCard.vue";
-import BackButton from "@/components/buttons/BackButton.vue"
+import BackButton from "@/components/buttons/BackButton.vue";
 import { download_file } from "@/utils";
 
 const props = defineProps<{
@@ -72,11 +83,12 @@ const downloadAll = () => {
     padding: 15px;
 }
 
-.title, .subtitle{
+.title,
+.subtitle {
     width: 100%;
 }
 
-.backbutton{
+.backbutton {
     margin-top: 30px;
 }