From b145148e2efbffdbc6b85e5a168203f77b305935 Mon Sep 17 00:00:00 2001
From: aelassas <akram.elassas@gmail.com>
Date: Fri, 24 Jan 2025 17:32:10 +0100
Subject: [PATCH] Adjust date handling in VehicleScheduler and add new booking
 button in Scheduler

---
 api/src/controllers/bookingController.ts    | 14 ++++++++++++--
 backend/src/assets/css/scheduler.css        | 10 ++++++++++
 backend/src/components/VehicleScheduler.tsx |  6 ++----
 backend/src/pages/Scheduler.tsx             |  5 +++++
 4 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/api/src/controllers/bookingController.ts b/api/src/controllers/bookingController.ts
index 4fc4c9a47..f685efdab 100644
--- a/api/src/controllers/bookingController.ts
+++ b/api/src/controllers/bookingController.ts
@@ -812,9 +812,19 @@ export const getBookings = async (req: Request, res: Response) => {
     }
 
     if (dateBetween) {
-      $match.$and!.push({ $and: [{ from: { $lte: dateBetween } }, { to: { $gte: dateBetween } }] })
+      const dateBetweenStart = new Date(dateBetween)
+      dateBetweenStart.setHours(0, 0, 0, 0)
+      const dateBetweenEnd = new Date(dateBetween)
+      dateBetweenEnd.setHours(23, 59, 59, 999)
+
+      $match.$and!.push({
+        $and: [
+          { from: { $lte: dateBetweenEnd } },
+          { to: { $gte: dateBetweenStart } },
+        ],
+      })
     } else if (from) {
-      $match.$and!.push({ from: { $gte: from } }) // $from > from
+      $match.$and!.push({ from: { $gte: from } }) // $from >= from
     }
 
     if (to) {
diff --git a/backend/src/assets/css/scheduler.css b/backend/src/assets/css/scheduler.css
index 2e40554c3..b1351ebb0 100644
--- a/backend/src/assets/css/scheduler.css
+++ b/backend/src/assets/css/scheduler.css
@@ -41,6 +41,12 @@ div.scheduler {
     padding-right: 15px;
     padding-left: 15px;
   }
+
+  div.scheduler div.col-1 .cl-new-booking {
+    width: calc(100% - 20px);
+    max-width: 480px;
+    margin: 15px 10px 5px;
+  }
 }
 
 @media only screen and (width >=960px) {
@@ -91,4 +97,8 @@ div.scheduler {
     margin-bottom: 10px;
   }
 
+  div.scheduler div.col-1 .cl-new-booking {
+    width: 265px;
+    margin-left: 5px;
+  }
 }
diff --git a/backend/src/components/VehicleScheduler.tsx b/backend/src/components/VehicleScheduler.tsx
index 9d119e9e5..d8a417d22 100644
--- a/backend/src/components/VehicleScheduler.tsx
+++ b/backend/src/components/VehicleScheduler.tsx
@@ -47,7 +47,7 @@ const VehicleScheduler = (
     ]
 
     const dateBetween = new Date(query.end.getTime() - Math.ceil(query.end.getTime() - query.start.getTime()) / 2)
-    dateBetween.setHours(23, 59, 0, 0)
+    dateBetween.setHours(10, 0, 0, 0)
 
     const payload: bookcarsTypes.GetBookingsPayload = {
       suppliers,
@@ -62,8 +62,6 @@ const VehicleScheduler = (
       },
       user: (user && user._id) || undefined,
     }
-    console.log(payload.filter?.dateBetween)
-    console.log(payload.filter?.to)
 
     const data = await BookingService.getBookings(payload, 1, 10000)
     const _data = data && data.length > 0 ? data[0] : { pageInfo: { totalRecord: 0 }, resultData: [] }
@@ -212,8 +210,8 @@ const VehicleScheduler = (
   return (
     <ReactScheduler
       ref={schedulerRef}
-      locale={language === 'fr' ? fr : language === 'es' ? es : enUS}
       view="month"
+      locale={language === 'fr' ? fr : language === 'es' ? es : enUS}
       disableViewer
       editable={false}
       draggable={false}
diff --git a/backend/src/pages/Scheduler.tsx b/backend/src/pages/Scheduler.tsx
index 522796bc5..9343d6b6f 100644
--- a/backend/src/pages/Scheduler.tsx
+++ b/backend/src/pages/Scheduler.tsx
@@ -1,6 +1,8 @@
 import React, { useState } from 'react'
+import { Button } from '@mui/material'
 import * as bookcarsTypes from ':bookcars-types'
 import * as bookcarsHelper from ':bookcars-helper'
+import { strings } from '@/lang/bookings'
 import env from '@/config/env.config'
 import * as helper from '@/common/helper'
 import * as SupplierService from '@/services/SupplierService'
@@ -56,6 +58,9 @@ const Scheduler = () => {
           <div className="col-1">
             {leftPanel && (
               <>
+                <Button variant="contained" className="btn-primary cl-new-booking" size="small" href="/create-booking">
+                  {strings.NEW_BOOKING}
+                </Button>
                 {admin
                   && (
                     <SupplierFilter