feat: allow clearing all entries from a questionnaire

Author: stampaaaron

apps/backend/src/research/entries/entries.controller.ts

@@ -1,5 +1,5 @@
-import { Body, Controller, Delete, Get, Param, Patch, Post } from "@nestjs/common";
-import { ApiTags, ApiOperation, ApiUnprocessableEntityResponse } from "@nestjs/swagger";
+import { Body, Controller, Delete, Get, Param, Patch, Post, Query } from "@nestjs/common";
+import { ApiTags, ApiOperation, ApiUnprocessableEntityResponse, ApiQuery } from "@nestjs/swagger";
 import { ErrorResponseDto } from "../../common/dto/error.dto";
 import { EntriesService } from "./entries.service";
 import { EntryCreationDto, EntryResponseDto, EntryMutationDto } from "./entry.dto";
@@ -44,4 +44,11 @@ export class EntriesController {
   delete(@Param("id") id: string) {
     return this.entriesService.remove(+id);
   }
+
+  @Delete()
+  @ApiQuery({ name: "questionnaireId", required: true, type: Number })
+  @ApiOperation({ summary: "Delete all entries of a questionnaire" })
+  deleteAll(@Query("questionnaireId") questionnaireId: number) {
+    return this.entriesService.removeAllFromQuestionnaire(questionnaireId);
+  }
 }

apps/backend/src/research/entries/entries.service.ts

@@ -79,4 +79,8 @@ export class EntriesService {
   remove(id: number) {
     return this.em.remove(this.entryRepository.getReference(id)).flush();
   }
+
+  removeAllFromQuestionnaire(questionnaireId: number) {
+    return this.entryRepository.nativeDelete({ questionnaire: questionnaireId });
+  }
 }

apps/frontend/src/api.gen.ts

@@ -268,7 +268,8 @@ export interface paths {
         put?: never;
         /** Create a entry */
         post: operations["EntriesController_create"];
-        delete?: never;
+        /** Delete all entries of a questionnaire */
+        delete: operations["EntriesController_deleteAll"];
         options?: never;
         head?: never;
         patch?: never;
@@ -1842,6 +1843,27 @@ export interface operations {
             };
         };
     };
+    EntriesController_deleteAll: {
+        parameters: {
+            query: {
+                questionnaireId: number;
+            };
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": number;
+                };
+            };
+        };
+    };
     EntriesController_get: {
         parameters: {
             query?: never;

apps/frontend/src/routes/_auth/questionnaire/_questionnaire/$id/entries.tsx

@@ -1,4 +1,4 @@
-import { Button, Group, Modal, Stack, Title, useDisclosure, useForm } from "@quassel/ui";
+import { Button, Group, IconClearAll, Modal, Stack, Title, useDisclosure, useForm } from "@quassel/ui";
 import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 import { i18n } from "../../../../../stores/i18n";
 import { useStore } from "@nanostores/react";
@@ -25,7 +25,9 @@ export function Entries() {
 
   const t = useStore(messages);
 
-  const { data: questionnaire } = $api.useSuspenseQuery("get", "/questionnaires/{id}", { params: { path: p } });
+  const { data: questionnaire, refetch } = $api.useSuspenseQuery("get", "/questionnaires/{id}", { params: { path: p } });
+
+  const removeAllEntriesMutation = $api.useMutation("delete", "/entries", { onSuccess: () => refetch() });
 
   const [gaps, setGaps] = useState<GapsPerDay>();
   const [highlightGaps, setHighlightGaps] = useState(false);
@@ -50,6 +52,10 @@ export function Entries() {
     n({ to: "/questionnaire/$id/remarks", params: p });
   };
 
+  const handleClearEntries = () => {
+    removeAllEntriesMutation.mutate({ params: { query: { questionnaireId: questionnaire.id } } });
+  };
+
   useEffect(() => {
     f.setValues({ entries: questionnaire.entries });
 
@@ -75,7 +81,12 @@ export function Entries() {
       </Modal>
       <form onSubmit={f.onSubmit(handleSubmit, open)}>
         <Stack>
-          <Title order={3}>{questionnaire.title}</Title>
+          <Group justify="space-between">
+            <Title order={3}>{questionnaire.title}</Title>
+            <Button variant="default" onClick={handleClearEntries} rightSection={<IconClearAll />}>
+              Clear all
+            </Button>
+          </Group>
           <QuestionnaireEntries gaps={highlightGaps ? gaps : undefined} questionnaire={questionnaire} />
 
           <Group>

libs/ui/src/index.ts

@@ -123,6 +123,7 @@ export {
   IconReportAnalytics,
   IconX,
   IconInfoCircle,
+  IconClearAll,
 } from "@tabler/icons-react";
 
 export { uzhColors } from "./theme/uzh";