Add feedback in student view

client/src/components/content-blocks/assignment/Assignment.vue

@@ -45,6 +45,9 @@
           :shared-msg="'Das Ergebnis wurde mit der Lehrperson geteilt'"
           @reopen="reopen"></final-submission>
       </div>
+      <div v-if="this.assignment.submission.submissionfeedback" class="submissionform-container__feedback">
+        <p>{{feedbackText}}</p>
+      </div>
     </template>
     <template v-if="!isStudent">
       <router-link class="button button--primary" :to="{name: 'submissions', params: { id: assignment.id }}">Zu den Ergebnissen
@@ -99,6 +102,10 @@
       },
       id() {
         return this.assignment.id ? this.assignment.id.replace(/=/g, '') : ''
+      },
+      feedbackText() {
+        let feedback = this.assignment.submission.submissionfeedback;
+        return `Feedback von ${feedback.teacher.firstName} ${feedback.teacher.lastName}: ${feedback.text}`;
       }
     },
 
@@ -270,4 +277,5 @@
       }
     }
   }
+
 </style>

client/src/graphql/gql/fragments/assignmentParts.gql

@@ -8,5 +8,12 @@ fragment AssignmentParts on AssignmentNode {
     text
     final
     document
+    submissionfeedback {
+      text
+      teacher {
+        firstName
+        lastName
+      }
+    }
   }
 }

client/src/styles/_submissionform-container.scss

@@ -20,4 +20,8 @@
     display: flex;
     align-items: center;
   }
+
+  &__feedback {
+    margin-top: $medium-spacing;
+  }
 }

server/assignments/schema/types.py

@@ -42,7 +42,7 @@ class StudentSubmissionNode(DjangoObjectType):
             return self.submissionfeedback
 
         return None
-
+    
 
 class AssignmentNode(DjangoObjectType):
     submission = graphene.Field(StudentSubmissionNode)