updated form for edited all user

package-lock.json

@@ -28,6 +28,7 @@
         "@angular/cli": "^20.3.9",
         "@angular/compiler-cli": "^20.3.0",
         "less": "^4.2.0",
+        "rimraf": "^6.1.2",
         "typescript": "~5.9.2"
       }
     },
@@ -499,6 +500,7 @@
       "resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.10.tgz",
       "integrity": "sha512-12fEzvKbEqjqy1fSk9DMYlJz6dF1MJVXuC5BB+oWWJpd+2lfh4xJ62pkvvLGAICI89hfM5n9Cy5kWnXwnqPZsA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -515,6 +517,7 @@
       "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.10.tgz",
       "integrity": "sha512-cW939Lr8GZjPSYfbQKIDNrUaHWmn2M+zBbERThfq5skLuY+xM60bJFv4NqBekfX6YqKLCY62ilUZlnImYIXaqA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -528,6 +531,7 @@
       "integrity": "sha512-9BemvpFxA26yIVdu8ROffadMkEdlk/AQQ2Jb486w7RPkrvUQ0pbEJukhv9aryJvhbMopT66S5H/j4ipOUMzmzQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/core": "7.28.3",
         "@jridgewell/sourcemap-codec": "^1.4.14",
@@ -560,6 +564,7 @@
       "resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.10.tgz",
       "integrity": "sha512-g99Qe+NOVo72OLxowVF9NjCckswWYHmvO7MgeiZTDJbTjF9tXH96dMx7AWq76/GUinV10sNzDysVW16NoAbCRQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -585,6 +590,7 @@
       "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.10.tgz",
       "integrity": "sha512-9yWr51EUauTEINB745AaHwZNTHLpXIm4uxuykxzOg+g2QskEgVfH26uS8G2ogdNuwYpB8wnsXWr34qhM3qgOWw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -603,6 +609,7 @@
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.10.tgz",
       "integrity": "sha512-UV8CGoB5P3FmJciI3/I/n3L7C3NVgGh7bIlZ1BaB/qJDtv0Wq0rRAGwmT/Z3gwmrRtfHZWme7/CeQ2CYJmMyUQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -625,6 +632,7 @@
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.10.tgz",
       "integrity": "sha512-Z03cfH1jgQ7XMDJj4R8qAGqivcvhdG3wYBwaiN1K1ODBgPhbFKNeD4stKqYp7xBNtswmM2O2jMxrL/Djwju4Gg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -706,6 +714,7 @@
       "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
@@ -1673,6 +1682,7 @@
       "integrity": "sha512-nqhDw2ZcAUrKNPwhjinJny903bRhI0rQhiDz1LksjeRxqa36i3l75+4iXbOy0rlDpLJGxqtgoPavQjmmyS5UJw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@inquirer/checkbox": "^4.2.1",
         "@inquirer/confirm": "^5.1.14",
@@ -2528,6 +2538,7 @@
       "resolved": "https://registry.npmjs.org/@nestjs/common/-/common-11.1.6.tgz",
       "integrity": "sha512-krKwLLcFmeuKDqngG2N/RuZHCs2ycsKcxWIDgcm7i1lf3sQ0iG03ci+DsP/r3FcT/eJDFsIHnKtNta2LIi7PzQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "file-type": "21.0.0",
         "iterare": "1.2.1",
@@ -4344,6 +4355,7 @@
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz",
       "integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.4",
@@ -4512,6 +4524,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.8.19",
         "caniuse-lite": "^1.0.30001751",
@@ -5709,6 +5722,7 @@
       "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "accepts": "^2.0.0",
         "body-parser": "^2.2.0",
@@ -6968,6 +6982,7 @@
       "integrity": "sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -7255,6 +7270,7 @@
       "integrity": "sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cli-truncate": "^4.0.0",
         "colorette": "^2.0.20",
@@ -8912,7 +8928,8 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/require-directory": {
       "version": "2.1.1",
@@ -8988,6 +9005,87 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/rimraf": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-6.1.2.tgz",
+      "integrity": "sha512-cFCkPslJv7BAXJsYlK1dZsbP8/ZNLkCAQ0bi1hf5EKX2QHegmDFEFA6QhuYJlk7UDdc+02JjO80YSOrWPpw06g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "glob": "^13.0.0",
+        "package-json-from-dist": "^1.0.1"
+      },
+      "bin": {
+        "rimraf": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.0.tgz",
+      "integrity": "sha512-tvZgpqk6fz4BaNZ66ZsRaZnbHvP/jG3uKJvAZOwEVUL4RTA5nJeeLYfyN9/VA8NX/V3IBG+hkeuGpKjvELkVhA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "minimatch": "^10.1.1",
+        "minipass": "^7.1.2",
+        "path-scurry": "^2.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/lru-cache": {
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
+      "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/rimraf/node_modules/minimatch": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/path-scurry": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.1.tgz",
+      "integrity": "sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.52.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.3.tgz",
@@ -9061,6 +9159,7 @@
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -9097,6 +9196,7 @@
       "integrity": "sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -9835,7 +9935,8 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "license": "0BSD",
+      "peer": true
     },
     "node_modules/tuf-js": {
       "version": "3.1.0",
@@ -9885,6 +9986,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -10046,6 +10148,7 @@
       "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.5.0",
@@ -10426,6 +10529,7 @@
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -10444,7 +10548,8 @@
       "version": "0.15.1",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
       "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     }
   }
 }

package.json

@@ -6,7 +6,8 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "openapi": "rm -rf src/app/services/api && openapi-generator-cli generate -i http://localhost:5228/swagger/v1/swagger.json -g typescript-angular -o src/app/services/api -c openapi-generator.yaml"
+    "openapi": "rm -rf src/app/services/api && openapi-generator-cli generate -i http://localhost:5228/swagger/v1/swagger.json -g typescript-angular -o src/app/services/api -c openapi-generator.yaml",
+    "openapiWin": "set JAVA_TOOL_OPTIONS=-Dcom.sun.net.ssl.checkRevocation=false -Djavax.net.ssl.trustStoreType=WINDOWS-ROOT && openapi-generator-cli generate -i https://localhost:44390/swagger/v1/swagger.json -g typescript-angular -o src/app/services/api -c openapi-generator.yaml\n"
   },
   "prettier": {
     "printWidth": 100,
@@ -42,6 +43,7 @@
     "@angular/cli": "^20.3.9",
     "@angular/compiler-cli": "^20.3.0",
     "less": "^4.2.0",
+    "rimraf": "^6.1.2",
     "typescript": "~5.9.2"
   }
 }

src/app/components/author-table/author-table.html

@@ -40,16 +40,10 @@
                 <td>
                     <div style="justify-content: center; display: flex">
                         <td>
-                            <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+                            <div style="display: flex; align-items: center;">
-                                <app-update-author></app-update-author>
+                                <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"></nz-icon>
-                            </app-modal-icon>
+                                <nz-divider nzType="vertical"></nz-divider>
-
+                                <nz-icon nzType="delete" nzTheme="outline" class="text-red-600 cursor-pointer"></nz-icon>
-                            <nz-divider nzType="vertical"></nz-divider>
-
-                            <div>
-                                <div>
-                                    <nz-icon nzType="delete" nzTheme="outline" (click)="delete()" class="text-red-600"></nz-icon>
-                                </div>
                             </div>
                         </td>
                     </div>
@@ -58,3 +52,9 @@
         }
     </tbody>
 </nz-table>
+
+<div class="hidden">
+    <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+        <app-update-author></app-update-author>
+    </app-modal-icon>
+</div>

src/app/components/book-table/book-table.html

@@ -19,16 +19,10 @@
                 <td>{{ book.releaseYear}}</td>
                 <div style="justify-content: center; display: flex">
                     <td>
-                        <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+                        <div style="display: flex; align-items: center;">
-                            <app-update-book></app-update-book>
+                            <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"></nz-icon>
-                        </app-modal-icon>
+                            <nz-divider nzType="vertical"></nz-divider>
-
+                            <nz-icon nzType="delete" nzTheme="outline" class="text-red-600 cursor-pointer"></nz-icon>
-                        <nz-divider nzType="vertical"></nz-divider>
-
-                        <div>
-                            <div>
-                                <nz-icon nzType="delete" nzTheme="outline" (click)="delete()" class="text-red-600"></nz-icon>
-                            </div>
                         </div>
                     </td>
                 </div>
@@ -36,3 +30,9 @@
         }
     </tbody>
 </nz-table>
+
+<div class="hidden">
+    <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+        <app-update-book></app-update-book>
+    </app-modal-icon>
+</div>

src/app/components/loan-table/loan-table.html

@@ -20,20 +20,20 @@
                 <td>{{ loan.effectiveReturningDate | date: 'dd/MM/yyyy'}}</td>
                 <div style="justify-content: center; display: flex">
                     <td>
-                        <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+                        <div style="display: flex; align-items: center;">
-                            <app-update-loan></app-update-loan>
+                            <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"></nz-icon>
-                        </app-modal-icon>
+                            <nz-divider nzType="vertical"></nz-divider>
-
+                            <nz-icon nzType="delete" nzTheme="outline" class="text-red-600 cursor-pointer"></nz-icon>
-                        <nz-divider nzType="vertical"></nz-divider>
-
-                        <div>
-                            <div>
-                                <nz-icon nzType="delete" nzTheme="outline" (click)="delete()" class="text-red-600"></nz-icon>
-                            </div>
                         </div>
                     </td>
                 </div>
             </tr>
         }
     </tbody>
-</nz-table>
+</nz-table>
+
+<div class="hidden">
+    <app-modal-icon nameIcon="edit" [name]="'Modifier'">
+        <app-update-loan></app-update-loan>
+    </app-modal-icon>
+</div>

src/app/components/update-user/update-user.ts

@@ -4,8 +4,6 @@ import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
 import {NzFormControlComponent, NzFormDirective, NzFormItemComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
 import {NzInputDirective} from "ng-zorro-antd/input";
 import {NzDatePickerComponent} from "ng-zorro-antd/date-picker";
-import {format} from "date-fns";
-import {firstValueFrom} from "rxjs";
 import {GetUserDto} from "../../services/api";
 
 @Component({

src/app/components/user-table/user-table.html

@@ -1,7 +1,6 @@
 <nz-table [nzData]="users()"
           [nzLoading]="usersLoading()"
-          [nzFrontPagination]="false"
+          [nzFrontPagination]="false">
->
     <thead>
     <tr style="text-align: center">
         <th>Nom</th>
@@ -9,20 +8,19 @@
         <th>Email</th>
         <th>Anniversaire</th>
         <th>Emprunt</th>
-        <th  style="display: flex; align-items: center;">Action</th>
+        <th style="display: flex; align-items: center;">Action</th>
     </tr>
     </thead>
     <tbody style="text-align: center">
         @for (user of users(); track user.id) {
             <tr>
-                <td>{{ user.name}}</td>
+                <td>{{ user.name }}</td>
                 <td>{{ user.firstName }}</td>
                 <td>{{ user.email }}</td>
                 <td>{{ user.birthDate | date: 'dd/MM/yyyy'}}</td>
                 <td>
                     <app-modal type="link" [name]="'Voir les emprunts'">
-                        <nz-table [nzData]="users()"
+                        <nz-table [nzData]="user.loans" [nzFrontPagination]="false">
-                                  [nzFrontPagination]="false">
                             <thead>
                             <tr style="text-align: center">
                                 <th>Livre</th>
@@ -44,24 +42,22 @@
                 </td>
                 <td>
                     <div style="display: flex; align-items: center;">
-                        <div class="cursor-pointer">
+                        <nz-icon nzType="edit" nzTheme="outline" class="cursor-pointer"
-                            <app-modal-icon #modalIcon
+                                 (click)="openEditModal(user)">
-                                            nameIcon="edit"
+                        </nz-icon>
-                                            [name]="'Modifier'"
-                                            (ok)="onModalOk(selectedUser?.id, updateUser, modalIcon)"
-                                            (cancel)="onModalCancel(modalIcon)"
-                                            (click)="openEditModal(user)">
-                                <app-update-user #updateUser [user]="selectedUser"></app-update-user>
-                            </app-modal-icon>
-                        </div>
-
                         <nz-divider nzType="vertical"></nz-divider>
-
+                        <nz-icon nzType="delete" nzTheme="outline" (click)="delete(user.id)"
-                        <nz-icon nzType="delete" nzTheme="outline" (click)="delete(user.id)" class="text-red-600 cursor-pointer">
+                                 class="text-red-600 cursor-pointer">
                         </nz-icon>
                     </div>
                 </td>
             </tr>
         }
     </tbody>
-</nz-table>
+</nz-table>
+
+<div class="hidden">
+    <app-modal-icon #modalIcon nameIcon="edit" [name]="'Modifier'" (ok)="onModalOk(selectedUser?.id, updateUser, modalIcon)" (cancel)="onModalCancel(modalIcon)">
+        <app-update-user #updateUser [user]="selectedUser"></app-update-user>
+    </app-modal-icon>
+</div>

src/app/components/user-table/user-table.ts

@@ -69,9 +69,9 @@ export class UserTable implements OnInit {
         await this.fetchUsers();
     }
 
-    selectedUser: GetUserDto;
+    selectedUser: GetUserDto | null = null;
     openEditModal(user: GetUserDto) {
-        this.selectedUser = user;
+        this.selectedUser = { ...user };
         this.modal().showModal();
     }
 

src/app/services/api/.openapi-generator/FILES

@@ -1,5 +1,4 @@
 .gitignore
-.openapi-generator-ignore
 README.md
 api.base.service.ts
 api.module.ts

src/app/services/api/api.base.service.ts

@@ -12,7 +12,7 @@ import { CustomHttpParameterCodec } from './encoder';
 import { Configuration } from './configuration';
 
 export class BaseService {
-    protected basePath = 'http://localhost:5228';
+    protected basePath = 'https://localhost:44390';
     public defaultHeaders = new HttpHeaders();
     public configuration: Configuration;
     public encoder: HttpParameterCodec;