add studentCount column to table, add link to add class btn, tests am…

…endments

src/pages/administration/ClassOverview.page.unit.ts

@@ -520,4 +520,28 @@ describe("ClassOverview", () => {
 			});
 		});
 	});
+
+	describe("addClass", () => {
+		describe("when clicking on add class buttton", () => {
+			const setup = () => {
+				const { wrapper } = getWrapper();
+
+				return {
+					wrapper,
+				};
+			};
+
+			it("should redirect to legacy create class page", () => {
+				const { wrapper } = setup();
+
+				const addClassBtn = wrapper.find(
+					'[data-testid="admin-class-add-button"]'
+				);
+
+				expect(addClassBtn.attributes().href).toStrictEqual(
+					"/administration/classes/create"
+				);
+			});
+		});
+	});
 });

src/pages/administration/ClassOverview.page.vue

@@ -129,6 +129,7 @@
 			color="primary"
 			depressed
 			data-testid="admin-class-add-button"
+			:href="`/administration/classes/create`"
 		>
 			{{ t("pages.administration.classes.index.add") }}
 		</v-btn>
@@ -248,6 +249,11 @@ export default defineComponent({
 				text: t("common.labels.teacher"),
 				sortable: true,
 			},
+			{
+				value: "studentCount",
+				text: "Schüler:innen",
+				sortable: true,
+			},
 			{
 				value: "actions",
 				text: "",

src/serverApi/v3/api.ts

@@ -407,6 +407,12 @@ export interface ClassInfoResponse {
      * @memberof ClassInfoResponse
      */
     isUpgradable?: boolean;
+    /**
+     * 
+     * @type {number}
+     * @memberof ClassInfoResponse
+     */
+    studentCount: number;
 }
 
 /**

src/store/group/group.mapper.ts

@@ -19,6 +19,7 @@ export class GroupMapper {
 				type: ClassRootTypeMapping[classInfoResponse.type],
 				id: classInfoResponse.id,
 				isUpgradable: classInfoResponse.isUpgradable,
+				studentCount: classInfoResponse.studentCount,
 			})
 		);
 

src/store/types/class-info.ts

@@ -5,6 +5,7 @@ export type ClassInfo = {
 	type: ClassRootType;
 	id: string;
 	isUpgradable?: boolean;
+	studentCount: number;
 };
 
 export enum ClassRootType {

tests/test-utils/factory/classInfoFactory.ts

@@ -7,4 +7,5 @@ export const classInfoFactory = Factory.define<ClassInfo>(({ sequence }) => ({
 	teachers: ["TestTeacher"],
 	type: ClassRootType.Group,
 	id: `id-${sequence}`,
+	studentCount: 2,
 }));

tests/test-utils/factory/classInfoResponseFactory.ts

@@ -8,5 +8,6 @@ export const classInfoResponseFactory = Factory.define<ClassInfoResponse>(
 		teachers: ["TestTeacher"],
 		type: ClassInfoResponseTypeEnum.Class,
 		id: `id-${sequence}`,
+		studentCount: 2,
 	})
 );