group-summary.component.html i małe zmiany na backendzie

.run/KomornikBackend.run.xml

@@ -1,16 +1,16 @@
 <component name="ProjectRunConfigurationManager">
-    <configuration default="false" name="KomornikBackend" type="SpringBootApplicationConfigurationType"
-                   factoryName="Spring Boot">
-        <module name="komornik"/>
-        <option name="SPRING_BOOT_MAIN_CLASS" value="pl.janis.komornik.Komornik"/>
-        <extension name="coverage">
-            <pattern>
-                <option name="PATTERN" value="com.example.demo.*"/>
-                <option name="ENABLED" value="true"/>
-            </pattern>
-        </extension>
-        <method v="2">
-            <option name="Make" enabled="true"/>
-        </method>
-    </configuration>
+  <configuration default="false" name="KomornikBackend" type="SpringBootApplicationConfigurationType"
+                 factoryName="Spring Boot">
+    <module name="komornik"/>
+    <option name="SPRING_BOOT_MAIN_CLASS" value="pl.janis.komornik.Komornik"/>
+    <extension name="coverage">
+      <pattern>
+        <option name="PATTERN" value="com.example.demo.*"/>
+        <option name="ENABLED" value="true"/>
+      </pattern>
+    </extension>
+    <method v="2">
+      <option name="Make" enabled="true"/>
+    </method>
+  </configuration>
 </component>

src/main/frontend/src/app/app-routing.module.ts

@@ -14,6 +14,7 @@ import {ForgotPasswordComponent} from "./component/common/forgot-password/forgot
 import {DashboardComponent} from "./component/dashboard/dashboard/dashboard.component";
 import {authGuard} from "./auth/auth.guard";
 import {IconPickerComponent} from "./component/common/icon-picker/icon-picker.component";
+import {GroupSummaryComponent} from "./component/group/group-summary/group-summary.component";
 
 const routes: Routes = [
   {path: 'login', component: LoginComponent},
@@ -27,6 +28,7 @@ const routes: Routes = [
   {path: 'user/add', component: AddUserComponent, canActivate: [authGuard]},
   {path: 'forgot-password', component: ForgotPasswordComponent, canActivate: [authGuard]},
   {path: 'group/details/:groupId', component: AddGroupComponent, canActivate: [authGuard]},
+  {path: 'group/summary/:groupId', component: GroupSummaryComponent, canActivate: [authGuard]},
   {path: 'group/list', component: AllGroupsComponent, canActivate: [authGuard]},
   {path: 'group/add', component: AddGroupComponent, canActivate: [authGuard]},
   {path: 'expense/details/:expenseId', component: AddExpenseComponent, canActivate: [authGuard]},

src/main/frontend/src/app/app.module.ts

@@ -33,7 +33,6 @@ import {GroupModule} from "./component/group/group.module";
 import {UserModule} from "./component/user/user.module";
 import {ForgotPasswordComponent} from './component/common/forgot-password/forgot-password.component';
 import {DashboardComponent} from './component/dashboard/dashboard/dashboard.component';
-import {MyGroupsComponent} from "./component/dashboard/my-groups/my-groups.component";
 import {IconPickerComponent} from './component/common/icon-picker/icon-picker.component';
 
 registerLocaleData(myLocalePl);
@@ -46,7 +45,6 @@ registerLocaleData(myLocalePl);
     ConfirmationComponent,
     ForgotPasswordComponent,
     DashboardComponent,
-    MyGroupsComponent,
     IconPickerComponent
   ],
   imports: [
@@ -87,4 +85,5 @@ registerLocaleData(myLocalePl);
   ],
   bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule {
+}

src/main/frontend/src/app/component/category/add-category/add-category.component.html

@@ -8,7 +8,7 @@
               <mat-label>Nazwa kategorii</mat-label>
               <mat-icon (click)="pickIcon()" matPrefix>{{ categoryIconName }}</mat-icon>
               <input class="form-control"
-                     formControlName="name"
+                     formControlName="categoryName"
                      id="name"
                      matInput
                      type="text">

src/main/frontend/src/app/component/group/group-summary/group-summary.component.html

@@ -0,0 +1,11 @@
+<div *ngFor="let expense of expenses | keyvalue: reverseKeyOrder">
+  <div>
+    <p>date: {{ expense.key | date:'shortDate':'':'pl' }}</p>
+    <div *ngFor="let ex of expense.value">
+      <p>dokładnie to: {{ ex.date | date:'shortDate':'':'pl' }} i {{ ex.description }}</p>
+      <div *ngFor="let debt of ex.debt">
+        <p>{{ debt.from.name }} -> {{ debt.to.name }} = {{ debt.amount }}</p>
+      </div>
+    </div>
+  </div>
+</div>

src/main/frontend/src/app/component/group/group-summary/group-summary.component.ts

@@ -0,0 +1,50 @@
+import {Component, OnInit} from '@angular/core';
+import {ActivatedRoute} from "@angular/router";
+import {ExpenseService} from "../../../service/expense.service";
+import {Expense} from "../../../model/expense";
+import {KeyValue} from "@angular/common";
+
+@Component({
+  selector: 'group-summary',
+  templateUrl: './group-summary.component.html',
+  styleUrl: './group-summary.component.scss'
+})
+export class GroupSummaryComponent implements OnInit {
+  groupId: number;
+  expenses: Map<string, Expense[]> = new Map<string, Expense[]>();
+
+  constructor(private expenseService: ExpenseService,
+              private route: ActivatedRoute
+  ) {
+  }
+
+  ngOnInit(): void {
+    this.groupId = this.route.snapshot.params['groupId'];
+    this.expenseService.findAllByGroupId(this.groupId).subscribe(expenses => {
+      this.expenses = this.groupByDate(expenses);
+      console.log(this.expenses);
+    });
+
+  }
+
+  groupByDate(objects: Expense[]): Map<string, Expense[]> {
+    return objects.reduce((groupedMap, currentObject) => {
+      // Extract the date in a format that represents the day (YYYY-MM-DD)
+      const dateKey = currentObject.date.toString().split('T')[0];
+
+      // Check if there's already a group for the current day
+      if (!groupedMap.has(dateKey)) {
+        groupedMap.set(dateKey, []);
+      }
+
+      // Add the current object to the group
+      groupedMap.get(dateKey)!.unshift(currentObject);
+
+      return groupedMap;
+    }, new Map<string, Expense[]>());
+  }
+
+  reverseKeyOrder = (a: KeyValue<string, Expense[]>, b: KeyValue<string, Expense[]>): number => {
+    return a.key > b.key ? -1 : (b.key > a.key ? 1 : 0);
+  }
+}

src/main/frontend/src/app/component/group/group.module.ts

@@ -23,15 +23,20 @@ import {MatChipsModule} from "@angular/material/chips";
 import {AllGroupsComponent} from "./all-groups/all-groups.component";
 import {AddGroupComponent} from "./add-group/add-group.component";
 import {MatCardModule} from "@angular/material/card";
+import {GroupSummaryComponent} from './group-summary/group-summary.component';
+import {MyGroupsComponent} from "./my-groups/my-groups.component";
 
 
 @NgModule({
   declarations: [
     AllGroupsComponent,
-    AddGroupComponent
+    AddGroupComponent,
+    GroupSummaryComponent,
+    MyGroupsComponent
   ],
   exports: [
-    AllGroupsComponent
+    AllGroupsComponent,
+    MyGroupsComponent
   ],
   imports: [
     CommonModule,