latest changes are

assets/js/list.index.js

 import {_serverUrl} from "./setting.js";
 export var connection;
 
+export function dateTimeFormat(dateTime) {
+  var date = moment.utc(dateTime).local();
+  var difmonths = moment().diff(date, "months");
+  if (difmonths == 0) {
+    return moment(dateTime).fromNow();
+  }
+  return date.format("DD MMM, YYYY HH:mm");
+}
 function createLoad(data) {
   let html = "";
   if (data.length != 0) {
       // Notifcations
       let bdyUI = '<div class="accordion" id="notifi-list">';
       for (var i = 0; i < response.length; i++) {
-        bdyUI += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
-                            <div class="accordion-header" id="accHeader-${response[i].ReminderId}">
-                                <div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse"  data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne">
+        bdyUI += `<li class="item-li" id="${
+          response[i].ReminderId
+        }" data-ref="${
+          response[i].RedirectOptions.RefId
+        }" data-installedAppId="${
+          response[i].RedirectOptions.InstalledAppId
+        }" data-formId="${response[i].RedirectOptions.CreateFormId}">
+                            <div class="accordion-header" id="accHeader-${
+                              response[i].ReminderId
+                            }">
+                                <div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse"  data-bs-target="#collapse-${
+                                  response[i].ReminderId
+                                }" aria-expanded="false" aria-controls="collapseOne">
                                     <div class="row m-0 w-100 p-0 ">
                                         <div class="col-3 px-0  d-flex flex-row text-truncate">
                                             <input class="form-check-input mr-2" type="checkbox" value="" id="flexCheckDefault">
                                             <div class="mx-3 w-75 text-truncate">
-                                              <span class="mx-1">${response[i].Subject}</span>
+                                              <span class="mx-1">${
+                                                response[i].Subject
+                                              }</span>
                                             </div>
                                         </div>
                                         <div class="col-9 text-truncate d-flex justify-content-between">
-                                            <span class="mx-1 w-mes">${response[i].Message}</span>
-                                            <span class="mx-1 t-sec-min">22 mins</span>
+                                            <span class="mx-1 w-mes">${
+                                              response[i].Message
+                                            }</span>
+                                            <span class="mx-1 t-sec-min">${dateTimeFormat(
+                                              response[i].ReminderDate
+                                            )}</span>
                                         </div>
                                     </div>    
                                 </div>
-                                <div id="collapse-${response[i].ReminderId}"  class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list">
-                                    <div class="accordion-body" id="accBody${response[i].ReminderId}">
+                                <div id="collapse-${
+                                  response[i].ReminderId
+                                }"  class="accordion-collapse collapse" aria-labelledby="accHeader-${
+          response[i].ReminderId
+        }" data-bs-parent="#notifi-list">
+                                    <div class="accordion-body" id="accBody${
+                                      response[i].ReminderId
+                                    }">
                                         
                                     </div>
                                 </div>
       $(".bdy-ul").append(bdyUI);
       $('.sub-nav-item[data-buttonType="inbox"] .length').remove();
       $('.sub-nav-item[data-buttonType="inbox"]').append(
-        `<span class="length badge rounded-pill bg-light text-dark ml-auto">${
-          $(".item-li").length
-        }</span>`
+        `<span class="length badge rounded-pill bg-light text-dark ml-auto"></span>`
       );
       $(".notifiListItms").on("click", function () {
         let _this = $(this).parents(".item-li");
     if (response.length != 0) {
       let _tskhtml = '<div class="accordion" id="task-list">';
       for (var i = 0; i < response.length; i++) {
-        _tskhtml += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
-                                <div class="accordion-header" id="accHeader-${response[i].ReminderId}">
-                                    <div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse"  data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne">
+        _tskhtml += `<li class="item-li" id="${
+          response[i].ReminderId
+        }" data-ref="${
+          response[i].RedirectOptions.RefId
+        }" data-installedAppId="${
+          response[i].RedirectOptions.InstalledAppId
+        }" data-formId="${response[i].RedirectOptions.CreateFormId}">
+                                <div class="accordion-header" id="accHeader-${
+                                  response[i].ReminderId
+                                }">
+                                    <div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse"  data-bs-target="#collapse-${
+                                      response[i].ReminderId
+                                    }" aria-expanded="false" aria-controls="collapseOne">
                                         <div class="row m-0 w-100 p-0 ">
                                             <div class="col-3 px-0  d-flex flex-row text-truncate">
                                                 <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                                 <div class="mx-3 w-75 text-truncat">
-                                                  <span class="mx-1">${response[i].Subject}</span>
+                                                  <span class="mx-1">${
+                                                    response[i].Subject
+                                                  }</span>
                                                 </div>
                                             </div>
                                             <div class="col-9 text-truncate d-flex justify-content-between">
-                                                <span class="mx-1 w-mes">${response[i].Message}</span>
-                                                <span class="mx-1 t-sec-min">22 mins</span>
+                                                <span class="mx-1 w-mes">${
+                                                  response[i].Message
+                                                }</span>
+                                                <span class="mx-1 t-sec-min">${dateTimeFormat(
+                                                  response[i].ReminderDate
+                                                )}</span>
                                             </div>
                                         </div>    
                                     </div>
-                                    <div id="collapse-${response[i].ReminderId}"  class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list">
-                                        <div class="accordion-body" id="accBody${response[i].ReminderId}">
+                                    <div id="collapse-${
+                                      response[i].ReminderId
+                                    }"  class="accordion-collapse collapse" aria-labelledby="accHeader-${
+          response[i].ReminderId
+        }" data-bs-parent="#notifi-list">
+                                        <div class="accordion-body" id="accBody${
+                                          response[i].ReminderId
+                                        }">
                                             <ul class="p-0 m-0 d-flex flex-row justify-content-between">
                                                 <li class="mx-2 btn-outline-success btn btn-sm">Confirm</li>
                                                 <li class="mx-2 btn-outline-danger btn btn-sm">Reject</li>
                                                 <li class="mx-2 btn-outline-primary btn btn-sm">Close</li>
-                                                <li class="mx-2 btn-outline-info detailBtn btn btn-sm" data-appId="${response[i].RedirectOptions.InstalledAppId}" data-recordId="${response[i].RedirectOptions.RefId}">Details-Page</li>
+                                                <li class="mx-2 btn-outline-info detailBtn btn btn-sm" data-appId="${
+                                                  response[i].RedirectOptions
+                                                    .InstalledAppId
+                                                }" data-recordId="${
+          response[i].RedirectOptions.RefId
+        }">Details-Page</li>
                                             </ul>
                                         </div>
                                     </div>

assets/js/setting.js

   // sachin 2.0 commitw
   // sudheer 1.0 new branch
   // merge request another time
-  //return "http://localhost:3088/";
+  return "http://localhost:3088/";
   //return "http://localhost:3086/";
-  return "https://c02.bizgaze.app/";
+  //return "https://c02.bizgaze.app/";
   //return "https://dev.bizgaze.app/";
 }

authentication/index.html

     <script src="../assets/js/bootstrap/bootstrap.bundle.min.js" defer></script>
     <script src="../assets/js/cryptojs/cryptojs.js" defer></script>
     <script src="../assets/js/signalr/signalr.js" defer></script>
+    <script src="../assets/js/moment/moment.js" defer></script>
     <script type="module" src="../assets/js/home.js" defer></script>
     <!-- <script src="../assets/js/cookiehelper.js"></script> -->
     <!-- <script src="../assets/js/base.js" defer></script> -->