Resolve "Update Vuetify"

Closes #250 (closed)

frontend/src/components/feedback_list/FeedbackTable.vue

@@ -6,29 +6,27 @@
     <v-data-table
       :headers="headers"
       :items="filteredFeedback"
+      sort-by="student"
     >
-      <template slot="top">
+      <template #top>
         <feedback-search-options
           v-model="searchOptions"
         />
       </template>
-      <template
-        slot="items"
-        slot-scope="props"
-      >
+      <template #item="{ item }">
         <tr
           class="feedback-row"
-          @click="showSubmission(props.item.ofSubmission)"
+          @click="showSubmission(item)"
         >
-          <td>{{ props.item.ofSubmissionType }}</td>
+          <td>{{ item.ofSubmissionType }}</td>
           <td v-if="exerciseMode">
-            {{ props.item.ofStudent }}
+            {{ item.ofStudent }}
           </td>
-          <td>{{ props.item.score }}</td>
-          <td>{{ new Date(props.item.created).toLocaleString() }}</td>
-          <td>{{ new Date(props.item.modified).toLocaleString() }}</td>
+          <td>{{ item.score }}</td>
+          <td>{{ new Date(item.created).toLocaleString() }}</td>
+          <td>{{ new Date(item.modified).toLocaleString() }}</td>
           <td>
-            <v-icon v-if="props.item.isFinal">
+            <v-icon v-if="item.isFinal">
               check
             </v-icon>
             <v-icon v-else>
@@ -38,8 +36,8 @@
           <td>
             <v-btn
               icon
-              :color="props.item.mark"
-              @click="changeMark(props.item.ofSubmission, props.item.mark)"
+              :color="item.mark"
+              @click="changeMark(item.ofSubmission, item.mark)"
             />
           </td>
         </tr>
@@ -177,13 +175,8 @@ export default class FeedbackTable extends Vue {
     })
   }
 
-  pagination = {
-    sortBy: 'student',
-    rowsPerPage: 25
-  }
-
-  showSubmission (submissionPk: string) {
-    this.$router.push(`/feedback/${submissionPk}`)
+  showSubmission (feedback: Feedback) {
+    this.$router.push(`/feedback/${feedback.ofSubmission}`)
   }
 
   changeMark(submissionPk: string, currColor: string) {