Fix design + lock of groups

Author: AyakorK

back-end/src/base/groups/groups.service.ts

@@ -33,7 +33,10 @@ export class GroupsService {
 
 		//TODO: Waiting for the trello part
 		const retro = createRetroGroup(course, user);
-		course.groups.forEach(async (groups, index) => {
+		await this.deleteCourseRetro(courseId);
+		await this.emptyCourseProjects(courseId);
+		for (const groups of course.groups) {
+			const index = course.groups.indexOf(groups);
 			const projectDocument: CanvasRoom = {
 				owner: userId,
 				meta: {
@@ -57,12 +60,24 @@ export class GroupsService {
 				{ _id: new ObjectId(courseId) },
 				{ $push: { projects: canvas.insertedId } },
 			);
-		});
+		}
 
 		const newRetro = await this.retrospectiveRepository.createRetrospective(retro);
 		await this.coursesRepository.updateOneCourse(
 			{ _id: new ObjectId(courseId) },
 			{ $set: { retro: newRetro.insertedId, isLocked: true } },
 		);
 	}
+	async emptyCourseProjects(courseId: string) {
+		await this.coursesRepository.updateOneCourse(
+			{ _id: new ObjectId(courseId) },
+			{ $set: { projects: [] } },
+		);
+	}
+	async deleteCourseRetro(courseId: string) {
+		await this.coursesRepository.updateOneCourse(
+			{ _id: new ObjectId(courseId) },
+			{ $set: { retro: null } },
+		);
+	}
 }

front-end/src/components/RollCallComponents/GroupsComponent.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="grid grid-cols-3 gap-8 mx-auto w-3/4 max-w-2x h-100">
+	<div class="grid grid-cols-3 gap-8 mx-auto w-3/4 max-w-2x mb-4 h-100">
 		<div
 			v-for="(group, index) in groups"
 			:key="group.id"

front-end/src/components/RollCallComponents/StudentListComponent.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
 		v-if="studentList && courseId"
-		class="w-7/12 flex mx-auto md:w-6/12 mt-2.5 align-left justify-start"
+		class="w-7/12 flex mx-auto md:w-6/12 mt-2.5 mb-4 align-left justify-start"
 	>
 		<table class="text-center w-full">
 			<caption hidden>