From 05d5e60cf23039e12b249c5f4e205f5047556538 Mon Sep 17 00:00:00 2001 From: Marlene Simondant <msimondant@grandlyon.com> Date: Tue, 18 Mar 2025 16:03:28 +0100 Subject: [PATCH] Set appointment date --- .../orientation-details.component.html | 9 ++++++++- .../orientation-details.component.scss | 6 ++++-- .../orientation-details.component.ts | 11 ++++++++--- 3 files changed, 20 insertions(+), 6 deletions(-) diff --git a/src/app/profile/dashboard/orientation-details/orientation-details.component.html b/src/app/profile/dashboard/orientation-details/orientation-details.component.html index 43306c2db..ddc8dfbb9 100644 --- a/src/app/profile/dashboard/orientation-details/orientation-details.component.html +++ b/src/app/profile/dashboard/orientation-details/orientation-details.component.html @@ -98,7 +98,14 @@ <div class="datePickerContainer"> <span class="category-name" id="dateLabel">Date de RDV :</span> <span class="datePicker"> - <input type="date" id="date" name="date" aria-labelledby="dateLabel" /> + <input + type="date" + id="date" + name="date" + aria-labelledby="dateLabel" + [value]="orientation.appointmentDate | date: 'yyyy-MM-dd'" + (change)="setAppointmentDate($event)" + /> </span> </div> </div> diff --git a/src/app/profile/dashboard/orientation-details/orientation-details.component.scss b/src/app/profile/dashboard/orientation-details/orientation-details.component.scss index 9c6b0133b..4574bc79d 100644 --- a/src/app/profile/dashboard/orientation-details/orientation-details.component.scss +++ b/src/app/profile/dashboard/orientation-details/orientation-details.component.scss @@ -115,9 +115,11 @@ display: inline-grid; input { margin-top: 8px; - width: 250px; - height: 32px; + width: 200px; + height: 16px; padding: 8px; + border-radius: 4px; + border: 1px solid $grey-1; } } @media #{$phone} { diff --git a/src/app/profile/dashboard/orientation-details/orientation-details.component.ts b/src/app/profile/dashboard/orientation-details/orientation-details.component.ts index cb0f98cd9..01b2bc456 100644 --- a/src/app/profile/dashboard/orientation-details/orientation-details.component.ts +++ b/src/app/profile/dashboard/orientation-details/orientation-details.component.ts @@ -66,19 +66,16 @@ export class OrientationDetailsComponent implements OnInit { const comment = this.commentTextarea?.value || ''; const sanitizedHtml = this.sanitizer.sanitize(SecurityContext.HTML, comment); const sanitizedComment = this.extractPlainText(sanitizedHtml || ''); - const patchData: any = { status: this.selectedStatus, action: null, processingComment: sanitizedComment, modifiedBy: this.userProfile._id, }; - // Only add closingDate if orientation is not already closed if (!isClosed) { patchData.closingDate = new Date(); } - this.patchOrientation(patchData); } this.isModalOpenned = false; @@ -96,6 +93,14 @@ export class OrientationDetailsComponent implements OnInit { } } + public setAppointmentDate(event: Event): void { + const target = event.target as HTMLInputElement; + const date = new Date(target.value); + if (!isNaN(date.getTime())) { + this.patchOrientation({ appointmentDate: date, modifiedBy: this.userProfile._id }); + } + } + get isValidateDisabled(): boolean { return !this.selectedStatus || !this.commentTextarea?.value?.trim(); } -- GitLab