feat(frontend): edit pagina voor assignments verwijderd
This commit is contained in:
		
							parent
							
								
									607eed81d6
								
							
						
					
					
						commit
						3423bd2724
					
				
					 5 changed files with 4 additions and 41 deletions
				
			
		|  | @ -14,7 +14,6 @@ import UserAssignments from "@/views/assignments/UserAssignments.vue"; | ||||||
| import authState from "@/services/auth/auth-service.ts"; | import authState from "@/services/auth/auth-service.ts"; | ||||||
| import UserHomePage from "@/views/homepage/UserHomePage.vue"; | import UserHomePage from "@/views/homepage/UserHomePage.vue"; | ||||||
| import SingleTheme from "@/views/SingleTheme.vue"; | import SingleTheme from "@/views/SingleTheme.vue"; | ||||||
| import EditAssignment from "@/views/assignments/EditAssignment.vue"; |  | ||||||
| 
 | 
 | ||||||
| const router = createRouter({ | const router = createRouter({ | ||||||
|     history: createWebHistory(import.meta.env.BASE_URL), |     history: createWebHistory(import.meta.env.BASE_URL), | ||||||
|  | @ -86,11 +85,6 @@ const router = createRouter({ | ||||||
|                     name: "SingleAssigment", |                     name: "SingleAssigment", | ||||||
|                     component: SingleAssignment, |                     component: SingleAssignment, | ||||||
|                 }, |                 }, | ||||||
|                 { |  | ||||||
|                     path: ":id/edit", |  | ||||||
|                     name: "EditAssignment", |  | ||||||
|                     component: EditAssignment, |  | ||||||
|                 }, |  | ||||||
|             ] |             ] | ||||||
|         }, |         }, | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -14,6 +14,7 @@ | ||||||
|     const {t, locale} = useI18n(); |     const {t, locale} = useI18n(); | ||||||
|     const emit = defineEmits(["submit"]); |     const emit = defineEmits(["submit"]); | ||||||
| 
 | 
 | ||||||
|  | 
 | ||||||
|     const props = defineProps({ |     const props = defineProps({ | ||||||
|         sort: {type: String}, |         sort: {type: String}, | ||||||
|         initialTitle: {type: String, default: ""}, |         initialTitle: {type: String, default: ""}, | ||||||
|  |  | ||||||
|  | @ -1,21 +0,0 @@ | ||||||
| <script setup lang="ts"> |  | ||||||
|     import AssignmentForm from "@/views/assignments/AssignmentForm.vue"; |  | ||||||
|     import {ref} from "vue"; |  | ||||||
|     import {useRoute} from "vue-router"; |  | ||||||
| 
 |  | ||||||
|     const sort = "edit"; |  | ||||||
|     //TODO: use the id param to extract info about the assignment and pass them as props |  | ||||||
|     const route = useRoute(); |  | ||||||
|     const assignmentId = ref(route.params.id as string); |  | ||||||
| 
 |  | ||||||
|     const handleUpdate = async (formData) => { |  | ||||||
|     }; |  | ||||||
| 
 |  | ||||||
| </script> |  | ||||||
| 
 |  | ||||||
| <template> |  | ||||||
|     <AssignmentForm :sort="sort" @submit="handleUpdate"></AssignmentForm> |  | ||||||
| </template> |  | ||||||
| 
 |  | ||||||
| <style scoped> |  | ||||||
| </style> |  | ||||||
|  | @ -34,21 +34,11 @@ | ||||||
|                     icon |                     icon | ||||||
|                     variant="text" |                     variant="text" | ||||||
|                     class="back-btn" |                     class="back-btn" | ||||||
|                     to="user/assignment" |                     to="/user/assignment" | ||||||
|                 > |                 > | ||||||
|                     <v-icon>mdi-arrow-left</v-icon> |                     <v-icon>mdi-arrow-left</v-icon> | ||||||
|                 </v-btn> |                 </v-btn> | ||||||
| 
 | 
 | ||||||
|                 <v-btn |  | ||||||
|                     v-if="isTeacher" |  | ||||||
|                     icon |  | ||||||
|                     variant="text" |  | ||||||
|                     class="edit-btn" |  | ||||||
|                     :to="`/assignment/${assignmentId}/edit`" |  | ||||||
|                 > |  | ||||||
|                     <v-icon>mdi-pencil</v-icon> |  | ||||||
|                 </v-btn> |  | ||||||
| 
 |  | ||||||
|                 <v-btn |                 <v-btn | ||||||
|                     v-if="isTeacher" |                     v-if="isTeacher" | ||||||
|                     icon |                     icon | ||||||
|  |  | ||||||
|  | @ -18,6 +18,8 @@ | ||||||
|         // fetch all student's or teacher's assignments |         // fetch all student's or teacher's assignments | ||||||
|     }; |     }; | ||||||
| 
 | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|     onMounted(loadAssignments); |     onMounted(loadAssignments); | ||||||
| 
 | 
 | ||||||
|     const goToCreateAssignment = () => { |     const goToCreateAssignment = () => { | ||||||
|  | @ -56,9 +58,6 @@ | ||||||
|                             <v-btn color="primary" @click="goToAssignmentDetails(assignment.id)"> |                             <v-btn color="primary" @click="goToAssignmentDetails(assignment.id)"> | ||||||
|                                 {{ t('view-assignment') }} |                                 {{ t('view-assignment') }} | ||||||
|                             </v-btn> |                             </v-btn> | ||||||
|                             <v-btn v-if="isTeacher" color="secondary" @click="goToEditAssignment(assignment.id)"> |  | ||||||
|                                 {{ t('edit') }} |  | ||||||
|                             </v-btn> |  | ||||||
|                             <v-btn v-if="isTeacher" color="secondary" @click="goToDeleteAssignment(assignment.id)"> |                             <v-btn v-if="isTeacher" color="secondary" @click="goToDeleteAssignment(assignment.id)"> | ||||||
|                                 {{ t('delete') }} |                                 {{ t('delete') }} | ||||||
|                             </v-btn> |                             </v-btn> | ||||||
|  |  | ||||||
		Reference in a new issue
	
	 Joyelle Ndagijimana
						Joyelle Ndagijimana