add expansion panel to show description

cevi · Dec 7, 2024 · e7cc52b · e7cc52b
1 parent 101ce18
commit e7cc52b
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 5 deletions.
diff --git a/frontend/CHANGELOG.md b/frontend/CHANGELOG.md
@@ -1,5 +1,15 @@
 # Changelog
 
+## Version 1.0.15, 07.12.2024
+
+- feature: add expansion panel to show the description for each event/course
+- increase bundle size budget
+- migrate scss style (adress warning)
+- chore: bump @angular-eslint to 19.0.0
+- chore: bump prettier to 3.4.1
+- chore: bump eslint to 9.16.0
+- chore: bump @typescript/eslint to 8.16.0
+
 ## Version 1.0.14, 01.12.2024
 
 - chore: bump to Angular 19

diff --git a/frontend/angular.json b/frontend/angular.json
@@ -34,8 +34,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "1mb",
+                  "maximumError": "2mb"
                 },
                 {
                   "type": "anyComponentStyle",

diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eventoverview",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "scripts": {
     "start": "ng serve",
     "start:int": "ng serve --configuration int",

diff --git a/frontend/src/app/event/components/eventlist.component.html b/frontend/src/app/event/components/eventlist.component.html
@@ -79,7 +79,14 @@
   <table mat-table [dataSource]="data" matSort class="mat-elevation-z8">
     <ng-container matColumnDef="name">
       <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
-      <td mat-cell *matCellDef="let element">{{ element.name }}</td>
+      <td mat-cell *matCellDef="let element">
+        <mat-expansion-panel>
+          <mat-expansion-panel-header>
+            <mat-panel-title>{{ element.name }}</mat-panel-title>
+          </mat-expansion-panel-header>
+          {{element.description}}
+        </mat-expansion-panel>
+      </td>
     </ng-container>
 
     <ng-container matColumnDef="startsAt">

diff --git a/frontend/src/app/event/components/eventlist.component.ts b/frontend/src/app/event/components/eventlist.component.ts
@@ -27,6 +27,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { parseIsoDate } from '../../util/date.util';
 import { ActivatedRoute } from '@angular/router';
 import { SelectCheckAllComponent } from '../../core/components/select-check-all.component';
+import { MatExpansionModule } from '@angular/material/expansion';
 
 @Component({
     selector: 'app-event-list',
@@ -41,6 +42,7 @@ import { SelectCheckAllComponent } from '../../core/components/select-check-all.
         MatSelectModule,
         MatInputModule,
         FormsModule,
+        MatExpansionModule,
         ReactiveFormsModule,
     ],
     templateUrl: './eventlist.component.html',

diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
@@ -1,4 +1,4 @@
-@import 'app/core/fonts/Montserrat';
+@use 'app/core/fonts/Montserrat';
 $main-font: 'Montserrat Light';
 $text-size-normal: 14px;