FE-#90: Code-QA

frontend/src/app/app.module.ts

@@ -54,9 +54,9 @@ import {WidgetsBarComponent} from './eventpage/widgets-section/widgets-bar/widge
 import {MatTabsModule} from "@angular/material/tabs";
 import { ParticipantsSidenavComponent } from './eventpage/participants-sidenav/participants-sidenav.component';
 import { ParticipantCardComponent } from './eventpage/participants-sidenav/participant-card/participant-card.component';
-import { EinkaufslisteWidgetComponent } from './widgets/einkaufsliste-widget/einkaufsliste-widget.component';
-import { DefaultShoppingPageComponent } from './widgets/einkaufsliste-widget/default-shopping-page/default-shopping-page.component';
-import { AddEintragDialogComponent } from './widgets/einkaufsliste-widget/add-eintrag-dialog/add-eintrag-dialog.component';
+import { ShoppingListWidgetComponent } from './widgets/shopping-list-widget/shopping-list-widget.component';
+import { DefaultShoppingPageComponent } from './widgets/shopping-list-widget/default-shopping-page/default-shopping-page.component';
+import { AddEntryDialogComponent } from './widgets/shopping-list-widget/add-entry-dialog/add-entry-dialog.component';
 import {
   MatDatepicker, MatDatepickerActions, MatDatepickerApply, MatDatepickerCancel,
   MatDatepickerToggle,
@@ -69,9 +69,9 @@ import { CreateEditExpenseEntryDialogComponent } from './widgets/expense-split-w
 import {MatSelectModule} from "@angular/material/select";
 import { ExpenseEntryCardComponent } from './widgets/expense-split-widget/expense-entry-card/expense-entry-card.component';
 import { DeleteEntryConfirmationDialogComponent } from './widgets/expense-split-widget/delete-entry-confirmation-dialog/delete-entry-confirmation-dialog.component';
-import { EditEintragDialogComponent } from './widgets/einkaufsliste-widget/edit-eintrag-dialog/edit-eintrag-dialog.component';
-import { EinkauflisteEintragListItemComponent } from './widgets/einkaufsliste-widget/einkaufliste-eintrag-list-item/einkaufliste-eintrag-list-item.component';
-import {MatCheckbox} from "@angular/material/checkbox";
+import { EditEntryDialogComponent } from './widgets/shopping-list-widget/edit-entry-dialog/edit-entry-dialog.component';
+import { ShoppingListEntryListItemComponent } from './widgets/shopping-list-widget/shopping-list-entry-list-item/shopping-list-entry-list-item.component';
+import {MatCheckboxModule} from "@angular/material/checkbox";
 
 registerLocaleData(localeDe);
 
@@ -124,11 +124,11 @@ function loadMapApi(httpClient: HttpClient) {
     CreateEditExpenseEntryDialogComponent,
     ExpenseEntryCardComponent,
     DeleteEntryConfirmationDialogComponent,
-    EinkaufslisteWidgetComponent,
+    ShoppingListWidgetComponent,
     DefaultShoppingPageComponent,
-    AddEintragDialogComponent,
-    EditEintragDialogComponent,
-    EinkauflisteEintragListItemComponent,
+    AddEntryDialogComponent,
+    EditEntryDialogComponent,
+    ShoppingListEntryListItemComponent,
   ],
   imports: [
     BrowserModule,
@@ -172,7 +172,7 @@ function loadMapApi(httpClient: HttpClient) {
     ReactiveFormsModule,
     MatNativeDateModule,
     MatSelectModule,
-    MatCheckbox
+    MatCheckboxModule
   ],
   providers: [
     {

frontend/src/app/eventpage/widgets-section/widget-container/widget-container.component.html

@@ -9,7 +9,7 @@
   @case (WidgetType.SHOPPING_LIST) {
     <app-einkaufsliste-widget
       [widget]="widget"
-      [eventId]="eventData.id"
+      [eventData]="eventData"
       (onWidgetUpdated)="onWidgetUpdated.emit($event)"
     ></app-einkaufsliste-widget>
   }

frontend/src/app/widgets/einkaufsliste-widget/add-eintrag-dialog/add-eintrag-dialog.component.html → frontend/src/app/widgets/shopping-list-widget/add-entry-dialog/add-entry-dialog.component.html

@@ -6,20 +6,21 @@ <h2 mat-dialog-title>Einkaufseintrag hinzufügen</h2>
       <input matInput formControlName="description" placeholder="Was soll besorgt werden?"/>
     </mat-form-field>
     <p>Menge</p>
-    <mat-form-field >
+    <mat-form-field>
       <input matInput formControlName="amount" placeholder="Welche Menge?"/>
     </mat-form-field>
   </form>
 </mat-dialog-content>
 <mat-divider></mat-divider>
 <mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Abbrechen</button>
-   <button
-     mat-flat-button
-     color="primary"
-     (click)="closeDialog()"
-   >
-     Speichern
-   </button>
+  <button
+    mat-flat-button
+    color="primary"
+    [disabled]="!form.valid"
+    (click)="closeDialog()"
+  >
+    Hinzufügen
+  </button>
 </mat-dialog-actions>
 

frontend/src/app/widgets/einkaufsliste-widget/edit-eintrag-dialog/edit-eintrag-dialog.component.scss → frontend/src/app/widgets/shopping-list-widget/add-entry-dialog/add-entry-dialog.component.scss

@@ -8,6 +8,7 @@
   .create-eintrag-container {
     display: flex;
     flex-direction: column;
+    gap: 0;
   }
 }