Resolve "Update Vuetify"

Closes #250 (closed)

frontend/src/components/tutor_list/TutorList.vue

@@ -16,63 +16,51 @@
       item-key="pk"
       hide-default-footer
     >
-      <template
-        slot="items"
-        slot-scope="props"
-      >
-        <td>{{ props.item.username }}</td>
-        <td class="text-right">
-          {{ props.item.feedbackCreated }}
-        </td>
-        <td class="text-right">
-          {{ props.item.feedbackValidated }}
-        </td>
-        <td class="text-right">
-          {{ props.item.reservedSubmissions }}
-          <v-tooltip
-            v-if="props.item.reservedSubmissions"
-            top
-          >
+      <template #item.reservedSubmissions="{ item }">
+        {{ item.reservedSubmissions }}
+        <v-tooltip
+          v-if="item.reservedSubmissions"
+          top
+        >
+          <template #activator="{ on }">
+            <v-icon
+              small
+              v-on="on"
+              @click="deleteAssignmentsOfTutor(item)"
+            >
+              clear
+            </v-icon>
+          </template>
+          <span>Free locked submissions</span>
+        </v-tooltip>
+      </template>
+      <template #item.isActive="{ item }">
+        <v-btn
+          v-if="canRevokeAccess(item.username)"
+          icon
+          @click="changeActiveStatus(item)"
+        >
+          <v-tooltip top>
             <template #activator="{ on }">
               <v-icon
+                v-if="item.isActive"
+                small
+                v-on="on"
+              >
+                lock_open
+              </v-icon>
+              <v-icon
+                v-else
                 small
                 v-on="on"
-                @click="deleteAssignmentsOfTutor(props.item)"
               >
-                clear
+                lock
               </v-icon>
             </template>
-            <span>Free locked submissions</span>
+            <span v-if="item.isActive">Revoke access</span>
+            <span v-else>Grant access</span>
           </v-tooltip>
-        </td>
-        <td class="text-right">
-          <v-btn
-            v-if="canRevokeAccess(props.item.username)"
-            icon
-            @click="changeActiveStatus(props.item)"
-          >
-            <v-tooltip top>
-              <template #activator="{ on }">
-                <v-icon
-                  v-if="!props.item.isActive"
-                  small
-                  v-on="on"
-                >
-                  lock
-                </v-icon>
-                <v-icon
-                  v-else
-                  small
-                  v-on="on"
-                >
-                  lock_open
-                </v-icon>
-              </template>
-              <span v-if="!props.item.isActive">Grant access</span>
-              <span v-else>Revoke access</span>
-            </v-tooltip>
-          </v-btn>
-        </td>
+        </v-btn>
       </template>
     </v-data-table>
   </v-card>