error

assets/css/list.page.css

@@ -1,5 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
 :root {
+  --topNavHeightMob:65px;
   --topNavHeight: 75px;
   --rtrWidth: 60px;
   --lftWidth: 275px;
@@ -38,12 +39,10 @@ li {
   padding: 0px !important;
   display: flex;
   flex-direction: column;
+  margin: 0px !important;
 }
 
 .tp-bar {
-  width: 100%;
-  top: 0px;
-  left: 0px;
   height: var(--topNavHeight);
   display: flex;
   flex-direction: row;
@@ -51,12 +50,15 @@ li {
   align-items: center;
   padding-left: 0px !important;
   padding-right: 0px !important;
-  z-index: 1000;
+  z-index: 1;
   margin-bottom: 0px;
 }
 
 ul.tp-bar li {
-  margin: 0px 16px;
+  margin: 0px 5px;
+}
+ul.tp-bar li:last-child {
+  margin-right: 20px;
 }
 
 li.logo-li {
@@ -74,20 +76,17 @@ li.logo-li {
 }
 
 .btm-bar {
-  top: var(--topNavHeight);
-  left: 0;
   height: calc(100vh - var(--topNavHeight));
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: row;
 }
 
 .lft-nav-bar {
+  z-index: 1;
   position: fixed;
   left: 0;
   width: var(--lftWidth);
-  height: inherit;
+  height: calc(100vh - var(--topNavHeight));
   display: flex;
   flex-direction: row;
 }
@@ -127,10 +126,11 @@ li.logo-li {
 }
 
 .rtr-nav-bar {
+  display: none !important;
   position: fixed;
   right: 0;
-  width: var(--rtrWidth);
-  height: inherit;
+  width: 0px;
+  height: calc(100vh - var(--topNavHeight));
   background-color: var(--prmBgColor);
   list-style: none;
   display: flex;
@@ -144,10 +144,12 @@ li.logo-li {
 
 .ctr-lst-pge {
   position: fixed;
-  z-index: -1;
+  overflow-y: hidden;
+  z-index: 0;
+  width: calc();
   left: var(--lftWidth);
-  right: var(--rtrWidth);
-  height: inherit;
+  right: 0px;
+  height: calc(100vh - var(--topNavHeight));
   margin: 0px 20px;
   background-color: var(--secdSubColor);
   border-top-left-radius: var(--lstPgArc);
@@ -156,6 +158,7 @@ li.logo-li {
 
 .srch-bar {
   width: 35%;
+  margin-left: 15px !important;
 }
 
 .form-control#searchBar {
@@ -439,10 +442,9 @@ ul.hdr-ul li {
   width: var(--frmIfrmeWidth);
   z-index: 1;
   background-color: #f3f3f3;
-  height: var(--frmIfrmeHeight);
   position: absolute;
   bottom: 0px;
-  right: calc(var(--rtrWidth) + 20px);
+  margin-right: 1px;
   border: 1px solid #dadada;
   border-radius: 3px;
 }
@@ -468,10 +470,352 @@ ul.hdr-ul li {
   margin: 0px 8px;
 }
 .ld-frm-src {
-  width: var(--frmIfrmeWidth);
+  width: -webkit-fill-available;
   height: calc(var(--frmIfrmeHeight) - 42px);
+  margin: 1px;
+}
+.wrap-iframe .ld-frm-src {
+  margin: 0px !important;
 }
 #crte-btn-lst {
-  height: 400px;
+  max-height: 400px;
   overflow-y: scroll;
 }
+.wrap-iframe {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0px;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+}
+[data-ispop_up="false"] .app-title-ifrm {
+  width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.frm-ifre .frm-bdy {
+  line-height: 0 !important;
+  display: flex;
+  flex-direction: row;
+}
+.ChtAppIfrme {
+  margin-left: var(--rtrWidth);
+  height: calc(100vh - var(--topNavHeight));
+  overflow: hidden;
+}
+.bdy-ul .accordion-button::after {
+  margin-bottom: -8px;
+}
+.wrap-iframe + div .frm-ifre {
+  z-index: 0 !important;
+}
+.t-sec-min {
+  font-size: 14px;
+  width: 10%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+}
+.apps-list {
+  width: 360px;
+  max-height: 450px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  flex-wrap: wrap;
+}
+.appsBind {
+  display: flex;
+  flex-direction: column;
+  margin: 8px !important;
+  width: 72px;
+  justify-content: center;
+  align-items: center;
+}
+.appsBind .appTitle {
+  font-size: 14px;
+  text-align: center;
+}
+
+/* dont delete start here */
+.ctr-lst-pge .bdy-ul .pdng {
+  font-size: 14px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 6px 15px 6px 20px !important;
+  cursor: pointer;
+  border-bottom: 1px solid #bebcbc;
+  position: relative;
+}
+
+.ctr-lst-pge .bdy-ul .pdng.lst-Notifi:hover {
+  -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
+  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
+}
+.ctr-lst-pge .bdy-ul .pdng:hover .hover {
+  display: block;
+}
+
+.wi-chck {
+  width: 60px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.wi-chck .wi-item {
+  margin: 0px 8px;
+}
+.wi-sbjt-msge {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  min-width: 0;
+  width: 100%;
+}
+.wi-msge {
+  flex-basis: 0;
+  box-flex: 1;
+  flex-grow: 1;
+  flex-shrink: 1;
+  text-align: left;
+}
+
+.wi-time {
+  text-align: right;
+  font-size: 12px;
+  font-weight: 500;
+}
+.hdr-ul .dropdown-toggle-split {
+  padding: 4px !important;
+}
+.ctr-lst-pge .bdy-ul .pdng .hover {
+  display: none;
+  position: absolute;
+  right: 10px;
+  padding-right: 20px;
+  background-color: var(--secdSubColor);
+}
+.ctr-lst-pge .bdy-ul .pdng .hover ul li.hover-item {
+  float: left;
+}
+.lst-Notifi[data-isreaded="2"],
+.ctr-lst-pge .bdy-ul .pdng.lst-Notifi[data-isreaded="2"] .hover {
+  background-color: #cbceca;
+  opacity: 0.8;
+}
+.ctr-lst-pge .bdy-ul .pdng.lst-Notifi:hover .wi-time.time {
+  display: none !important;
+}
+.svg-icons {
+  width: 30px;
+}
+.apps-loading {
+  width: 330px;
+  height: 100vh;
+  background-color: var(--secdSubColor);
+  position: fixed;
+  right: 0;
+}
+#list-page {
+  height: 100vh;
+}
+.appsBind:hover {
+  cursor: pointer;
+}
+.wi-from.wi-item span {
+  text-transform: capitalize;
+}
+.lst-Notifi[data-isreaded="8"] span {
+  font-weight: 500;
+}
+.lst-Notifi[data-isreaded="2"] span {
+  font-weight: 400;
+  color: #6c757d !important;
+}
+.lst-Notifi[data-isreaded="8"] .wi-msge span,
+.lst-Notifi[data-isreaded="2"] .wi-msge span {
+  color: #6c757d !important;
+  font-weight: 400;
+}
+.pdng.lst-Notifi .ri-star-line {
+  color: #6c757d;
+  opacity: 0.5;
+}
+.pdng.lst-Notifi:hover .ri-star-line,
+.pdng.lst-Notifi:hover .wi-item .form-check-input {
+  opacity: 1;
+}
+.pdng.lst-Notifi .wi-item .form-check-input {
+  border: 1px solid#6c757d !important;
+  border-radius: 4px;
+  opacity: 0.5;
+}
+
+.pdng.lst-Notifi .wi-item .form-check-input:checked {
+  opacity: 1;
+  background-color: #b2b2b2;
+}
+.ml-0 {
+  margin-left: 0px !important;
+}
+.chck-box-ul.dropdown-menu.show {
+  border: 0px;
+}
+.dropdown-item.active,
+.dropdown-item:active,
+.dropdown-item:hover {
+  background-color: var(--prmBgColor) !important;
+}
+.ctr-lst-pge.apps-loaded {
+  width: calc(100% - var(--rtrWidth) - 330px - 48px) !important;
+}
+.ctr-lst-pge.apps-loaded-tr {
+  width: calc(100% - var(--lftWidth) - 330px - 48px) !important;
+}
+.frm_hdr[data-frm_hdr="true"]{
+  display: none !important;
+}
+/* Mobile, tab View  start here */
+
+@media only screen and (max-width: 1024px) {
+  .btm-bar .lft-nav-bar{
+    display: none;
+  }
+  .btm-bar .ctr-lst-pge{
+    left:0px !important;
+  }
+  .sdr-nme{
+    width: 45px;
+    height: 45px;
+    border-radius: 50%;
+    background-color: #00d67f;
+  }
+  .hdr-ul{
+    display: none !important;
+  }
+  .ctr-lst-pge{
+    border-top-left-radius:0px;
+    border-top-right-radius:0px;
+  }
+  .ctr-lst-pge .bdy-ul .pdng{
+    padding: 8px !important;
+  }
+  .wi-chck{
+    width: unset;
+  }
+  .wi-item:first-of-type{
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .srch-bar{
+    display: none;
+  }
+  .ctr-lst-pge{
+    margin: 0px !important;
+  }
+  ul.tp-bar li:last-child{
+    margin-right: 10px;
+  }
+  .mnNvIcn{
+    margin:0px !important;
+    padding: 0px !important;
+  }
+  .mnNvIcn-div{
+    justify-content: unset;
+    margin-left: 10px;
+    flex-basis: content;
+  }
+  .tp-bar{
+    height: 65px;
+  }
+  .tp-bar .logo-li{
+    flex-basis: content;
+  }
+  .wi-chck{
+    flex-basis: content;
+  }
+  .apps-loading{
+    width: 100%;
+    top: var(--topNavHeightMob);
+  }
+  .frm-ifre{
+    width: 100%;
+  }
+}
+/* Mobile, tab View  End here */
+
+
+/*common Class start Here*/
+.w-5p{
+  width: 5px;
+}.w-10p{
+  width: 10px;
+}.w-15p{
+  width: 15px;
+}.w-20p{
+  width: 20px;
+}.w-25p{
+  width: 25px;
+}.w-30p{
+  width: 30px;
+}.w-35p{
+  width: 35px;
+}.w-40p{
+  width: 40px;
+}.w-45p{
+  width: 45px;
+}.w-50p{
+  width: 50px;
+}.w-55p{
+  width: 55px;
+}.w-60p{
+  width: 60px;
+}.w-65p{
+  width: 65px;
+}.w-70p{
+  width: 70px;
+}.fw-400{
+  font-weight: 400;
+}.fw-500{
+  font-weight: 500;
+}.fw-600{
+  font-weight: 600;
+}.fw-700{
+  font-weight: 700;
+}.font-10{
+  font-size: 10px;
+}.font-11{
+  font-size: 11px;
+}.font-12{
+  font-size: 12px;
+}.font-13{
+  font-size: 13px;
+}.font-14{
+  font-size: 14px;
+}.font-15{
+  font-size: 15px;
+}.font-16{
+  font-size: 16px;
+}.font-17{
+  font-size: 17px;
+}.font-18{
+  font-size: 18px;
+}.font-19{
+  font-size: 19px;
+}.font-20{
+  font-size: 20px;
+}.font-21{
+  font-size: 21px;
+}.font-22{
+  font-size: 22px;
+}
+/*common Class End Here*/

assets/js/base.js

@@ -1,10 +1,13 @@
-import {decrypt} from "./cookiehelper.js";
+import {decrypt, isAuthenticated} from "./cookiehelper.js";
 import {_serverUrl} from "./setting.js";
-
 let serverUrl = _serverUrl();
-let baseUserInfo = decrypt(document.cookie.split("=")[1]);
-let baseSessionId = baseUserInfo.sessionId;
-
+let baseSessionId, baseUserInfo;
+if (isAuthenticated()) {
+  baseUserInfo = decrypt(document.cookie.split("=")[1]);
+  baseSessionId = baseUserInfo.sessionId;
+} else {
+  window.location = "../login";
+}
 export function getData(url) {
   var datastr = null;
   var method = "GET";

assets/js/cookiehelper.js

@@ -1,7 +1,6 @@
 const cryptoProvider = window["CryptoJS"];
 const cryptoAlgorithm = window["CryptoJS"].AES;
 const _secretKey = "unibase";
-
 export function encrypt(content) {
   return cryptoAlgorithm.encrypt(content, _secretKey).toString();
 }

assets/js/home.js

@@ -1,4 +1,7 @@
-import {getCookie} from "./cookiehelper.js";
+import {getCookie, isAuthenticated} from "./cookiehelper.js";
 import {initListIndex} from "./list.index.js";
-
-initListIndex();
+if (isAuthenticated()) {
+  initListIndex();
+} else {
+  window.location = "../login";
+}

assets/js/list.index.js

@@ -1,9 +1,17 @@
 /*Data  loading  start here*/
-import {getCookie} from "./cookiehelper.js";
-
+import {getCookie, isAuthenticated} from "./cookiehelper.js";
 import {getData, getDataObj} from "./base.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) {
@@ -32,10 +40,10 @@ function createLoad(data) {
       const {unibaseId, tenantId, userId} = JSON.parse(cookie);
 
       fomrhtml = `<div>
-                    <div class="frm-ifre frm-ifre-${number}" id="frm-ifre-${number}" style="right:${width}px">
+                    <div class="frm-ifre frm-ifre-${number}" data-formId="${formId}" id="frm-ifre-${number}" style="right:${width}px">
                       <div>
                         <ul class="m-0 p-0">
-                          <li class="frm-hdr">
+                          <li class="frm-hdr d-none" data-frm_hdr="true">
                             <div class="app-title-ifrm">${appName}</div>
                             <div class="ctrl">
                               <a href="javascript:;" class="minimize" data-unid="${number}" data-ispopup="true"><span><i class="la la-minus"></i></span></a>
@@ -45,7 +53,7 @@ function createLoad(data) {
                             </div>
                           </li>
                           <li class="frm-bdy">
-                            <iframe class="ld-frm-src" data-ispopup="false" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${installedAppId}/${formId}/${pk_id}/${appConfigurationId}/loadform"></iframe>
+                            <iframe class="ld-frm-src" data-ispopup="false" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${installedAppId}/${formId}/0/${appConfigurationId}/false/0/loadform"></iframe>
                           </li>
                           <li class="frm-ftr"></li>
                         </ul>
@@ -53,7 +61,7 @@ function createLoad(data) {
                     </div>
                   </div>`;
     }
-    $("#list-page").append(fomrhtml);
+    $("#list-page").parent("body").append(fomrhtml);
     window.window.postMessage("ld-frm-ifrme", "*");
     hdrCrtnClckEvnt(number);
   });
@@ -69,7 +77,9 @@ function hdrCrtnClckEvnt(number) {
     if (isPopUpState == "true") {
       // popup large
       $(this).attr("data-ispopup", "false");
+      $(this).parents('.frm-hdr').removeClass('d-none').attr('data-frm_hdr', 'false');
       $(`.frm-ifre-${id} .maximum`).addClass("d-none");
+      $(`.frm-ifre-${id} .minimize`).attr("data-ispopup", "false");
       $(`.frm-ifre-${id}`).parent().removeClass("wrap-iframe");
       $(`.frm-ifre-${id}`).attr("data-ispop_up", "false");
       $(`.frm-ifre-${id}`).css({
@@ -80,13 +90,18 @@ function hdrCrtnClckEvnt(number) {
     } else {
       // popup small
       $(this).attr("data-ispopup", "true");
+      $(this).parents('.frm-hdr').addClass('d-none').attr('data-frm_hdr', 'true');
       $(`.frm-ifre-${id} .maximum`).removeClass("d-none");
+      $(`.frm-ifre-${id} .minimize`).attr("data-ispopup", "true");
       $(`.frm-ifre-${id}`).attr("data-ispop_up", "true");
       $(`.frm-ifre-${id}`).css({
         width: "",
         height: "",
         bottom: "",
       });
+      if($(this).parents('.frm-hdr').attr("data-saveform") == 'true'){
+        $(this).parents('.frm-hdr').removeClass('d-none')
+      }
     }
     resetwidth();
   });
@@ -119,194 +134,107 @@ function hdrCrtnClckEvnt(number) {
     resetwidth();
   });
 }
-function loadData() {
-  getData(
-    "apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/6/PageSize/20"
-  ).then(function (result) {
-    let response = JSON.parse(result.result);
+function loadData(ApiPath, isSentBy) {
+  $(".bdy-ul").empty().removeClass("d-none");
+  $(".hdr-ul").removeClass("d-none");
+  getData(ApiPath).then(function (result) {
+    let response = JSON.parse(result.result),
+      html = "";
+    const cookie = getCookie("_idty");
     if (response.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">
-                                    <div class="row m-0 w-100 p-0 ">
-                                        <div class="col-1 ">
-                                            <input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault">
-                                        </div>
-                                        <div class="col-4 text-truncate">
-                                            <span class="mx-1">${response[i].Subject}</span>
-                                        </div>
-                                        <div class="col-5 text-truncate">
-                                            <span class="mx-1">${response[i].Message}</span>
-                                        </div>
-                                        <div class="col-2 text-truncate">
-                                            <span class="mx-1">22 minutes ago</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>
-                                </div>
-                            </div>
-                        </li>`;
-      }
-      bdyUI += "</div>";
-      $(".bdy-ul").append(bdyUI);
-
-      $(".notifiListItms").on("click", function () {
-        let _this = $(this).parents(".item-li");
-        let obj = {
-          FromDate: "2022/11/30",
-          InstalledAppId: Number($(_this).attr("data-installedAppId")),
-          RecordId: Number($(_this).attr("data-ref")),
-          ToDate: "2022/11/30",
-        };
-        //let obj = { "FromDate": "2022/11/30", "InstalledAppId": 102530270000109, "RecordId": 102533490346298, "ToDate": "2022/11/30" };
-        getDataObj(
-          "apis/v4/unibase/platform/widgets/getdefaultwidget",
-          obj,
-          true,
-          "POST"
-        ).then(function (response) {
-          let res = JSON.parse(response.result),
-            html = "";
-          if (response.message == "200" && response.errors == null) {
-            html = `<ul class="p-0 m-0 d-flex flex-row">`;
-            if (
-              res.AppConfigurations != null &&
-              res.AppConfigurations.length > 0
-            ) {
-              for (var k = 0; k < res.AppConfigurations.length; k++) {
-                html += `<li class="mx-2 btn-outline-primary btn btn-sm">${res.AppConfigurations[k].SettingName}</li>`;
-              }
-            } else {
-              html += `<li class="p-1 my-0 alert alert-danger" role="alert">
-                                App Configurations Not configure
-                            </li>`;
-            }
-            if (res.Stages != null) {
-              for (var x = 0; x < res.Stages.length; x++) {
-                if (res.Stages[x].IsDefault) {
-                  html += `<li class="ml-auto">
-                                                <a class="btn btn-sm btn-secondary dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                                                ${res.Stages[x].StageName}
-                                                </a>
-                                                <ul class="dropdown-menu">`;
-                }
-              }
-              for (var i = 0; i < res.Stages.length; i++) {
-                if (!res.Stages[i].IsDefault) {
-                  html += `<li><a class="dropdown-item" href="javascript:void(0);">${res.Stages[i].StageName}</a></li>`;
-                }
-              }
-              html += "</ul></li>";
-            } else {
-              html += `<li class="p-1 my-0 alert alert-danger ml-auto" role="alert">
-                                    No Stages
-                                </li>`;
-            }
-            html += `<li class="p-1 mx-2 my-0 btn-outline-info detailBtn btn btn-sm" data-appid="${Number(
-              $(_this).attr("data-installedAppId")
-            )}" data-recordid="${Number(
-              $(_this).attr("data-ref")
-            )}">Details-Page</li></ul>`;
-          } else {
-            html += `<div class="alert alert-danger" role="alert">
-                                    ${response.message} ${response.errors}
-                                </div>`;
-          }
-          $(_this).find(".accordion-body").html(html);
-          detailClick();
-        });
-      });
-    }
-  });
-  getData(
-    "apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/1/PageSize/20"
-  ).then(function (tskResp) {
-    let response = JSON.parse(tskResp.result);
-    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">
-                                        <div class="row m-0 w-100 p-0 ">
-                                            <div class="col-1 ">
-                                                <input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault">
-                                            </div>
-                                            <div class="col-4 text-truncate">
-                                                <span class="mx-1">${response[i].Subject}</span>
-                                            </div>
-                                            <div class="col-5 text-truncate">
-                                                <span class="mx-1">${response[i].Message}</span>
-                                            </div>
-                                            <div class="col-2 text-truncate">
-                                                <span class="mx-1">2 seconds</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}">
-                                            <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>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </li>`;
-      }
-      _tskhtml += "</div>";
-      $(".bdy-ul").append(_tskhtml);
-      detailClick();
-    }
-  });
-
-  // create button apps load
-  let appName = [];
-  getData("apis/v4/unibase/platform/apps/myapps").then(function (res) {
-    let response = JSON.parse(res.result);
-    jQuery.each(response, async function (index, item) {
-      let installedAppId = Number(item.MyAppId);
-      await getData(
-        `apis/v4/unibase/platform/apps/listappconfigurations/installedappid/${installedAppId}`
-      ).then(function (result) {
-        if (
-          result.result != null &&
-          result.result != "" &&
-          result.result != "[]"
-        ) {
-          let _data = JSON.parse(result.result);
-          let data = _data.filter((x) => x.SettingUrlType == 1);
-          if (data.length != 0) {
-            appName.push({
-              SettingUrlType: data[0].SettingUrlType,
-              AppTitle: data[0].AppTitle,
-              FormId: data[0].FormId,
-              InstalledAppId: data[0].InstalledAppId,
-              RoleSettingAppId: data[0].RoleSettingAppId,
-              InstalledAppGuid: data[0].InstalledAppGuid,
-              AppConfigurationId: data[0].AppConfigurationId,
-              AppPermissionId: data[0].AppPermissionId,
-              AppConfigType: data[0].AppConfigType,
-            });
-          }
+      response.forEach(function (Item, index) {
+        let isSent = false;
+        if (Item.FromUserName == JSON.parse(cookie).name) {
+          isSent = true;
         }
+        if (Item.FromUserName == null) {
+          Item.FromUserName = 'Please check it Notification Team';
+        }
+        //if(window.innerWidth >1024){    // Desktop Width
+          html += `<li class="pdng lst-Notifi" data-ReminderTypeId="${Item.ReminderTypeId}" data-reminderurl="${Item.ReminderUrl}" data-reminderId="${Item.ReminderId}" data-isreaded="${Item.ReminderStatusId}" data-issentby=${isSent} data-refId="${Item.RedirectOptions.RefId}" data-instlledAppId="${Item.RedirectOptions.InstalledAppId}" data-formid="${Item.RedirectOptions.CreateFormId}" data-urlType="${Item.UrlType}">`;
+          html += `<div class="flex-shrink-0 wi-chck"><div class="wi-item ml-0"><input class="form-check-input mr-2" type="checkbox" value="" id="flexCheckDefault"></div><div class="wi-item">`;
+          if (Item.ReminderTypeId == 1) {
+            html += `<i class="ri-star-fill" style="opacity:0.6"></i>`;
+          } else {
+            html += `<i class="ri-star-line"></i>`;
+          }
+          html += `</div></div>`; // check-box
+          html += `<div class="wi-sbjt-msge mx-1">`;
+          html += `<div class="wi-from wi-item text-truncate"><span  data-isreaded="${Item.ReminderStatusId}">${Item.FromUserName}</span></div>`;
+          html += `<div class="wi-sbjt wi-item text-truncate flex-shrink-1"><span class="mx-2">${Item.Subject}</span></div><div>-</div>`; // Subject
+          html += `<div class="wi-msge wi-item text-truncate"><span class="mx-2">${Item.Message}</span></div>`; // Message
+          html += `</div>`;
+          html += `<div class="wi-time time flex-shrink-0 ml-auto"><span>${dateTimeFormat(
+            Item.ReminderDate
+          )}</span></div>`;
+          html += `<div class="hover">
+                      <ul>`;
+          if (Item.RedirectOptions.CreateFormId != 0) {
+            html += `     <li class="mx-2 hover-item"><a class="formBtn" data-urltype="Form" href="javascript:;"><i class="ri-store-line"></i></a></li>`;
+          } else {
+            html += `     <li class="mx-2 hover-item"><a class="detailBtn" data-urltype=${Item.UrlType} href="javascript:;"><i class="ri-information-line"></i></a></li>`;
+          }
+          html += `    </ul>
+                    </div>`;
+          html += "</li>";    
+       /* }else{          // Mobile Width card view
+          html += `<li class="pdng lst-Notifi" data-ReminderTypeId="${Item.ReminderTypeId}" data-reminderurl="${Item.ReminderUrl}" data-reminderId="${Item.ReminderId}" data-isreaded="${Item.ReminderStatusId}" data-issentby=${isSent} data-refId="${Item.RedirectOptions.RefId}" data-instlledAppId="${Item.RedirectOptions.InstalledAppId}" data-formid="${Item.RedirectOptions.CreateFormId}" data-urlType="${Item.UrlType}">`
+          html += ` <div><span class="align-items-center d-flex justify-content-center sdr-nme fs-4">S</span></div>
+                    <div class="d-flex flex-column ms-2 w-100">
+                      <div class="d-flex justify-content-between align-items-baseline">
+                        <span class="me-2 text-truncate">${Item.FromUserName}</span>
+                        <span class="w-60p text-truncate font-11">${dateTimeFormat(
+            Item.ReminderDate
+          )}</span>
+                      </div>
+                      <div><span class="fw-500">${Item.Subject}</span></div>
+                      <div class="d-flex justify-content-between"><span>${Item.Message}</span><span>`;
+                      if (Item.ReminderTypeId == 1) {
+                        html += `<i class="ri-star-fill" style="opacity:0.6"></i>`;
+                      } else {
+                        html += `<i class="ri-star-line"></i>`;
+                      }
+            html +=  `</span></div>
+                    </div>`
+          html +=`</li>`
+        }*/
+        
       });
-      await createLoad(appName);
-    });
+      $(".ctr-lst-pge .bdy-ul").html(html);
+      if (isSentBy) {
+        $(".pdng.lst-Notifi").addClass("d-none");
+        $(".pdng.lst-Notifi[data-issentby='true']").removeClass("d-none");
+      }
+      detailClick();
+      //stagesLoad();
+    }
   });
+
+  getData("apis/v4/unibase/reminders/platform/getunreadreminderscount").then(
+    function (response) {
+      let result = JSON.parse(response.result);
+      let count = Number(result.NotificationCount) + Number(result.TasksCount);
+      $('[data-buttontype="inbox"] .length.rounded-pill').remove();
+      $('[data-buttontype="inbox"]').append(
+        `<span class="length badge rounded-pill bg-light text-dark ml-auto" data-TasksCount="${result.TasksCount}" data-notifiCount="${result.NotificationCount}">${count}</span>`
+      );
+      $('[data-notification="count"]').text(count);
+      if (count > 40) {
+        $('[data-paggtn="true"]').text(`1-40`);
+      } else {
+        $(".li-pgn").empty();
+      }
+    }
+  );
+  if(window.innerWidth < 1024){
+    $('.ctr-lst-pge').on('click', function(){
+      $('.mnNvIcn').click()
+    })
+  }
 }
 function iFrmeWdth() {
   let width = 0,
-    erwdth = 20;
+    erwdth = 15;
   $(".frm-ifre").each(function (i, e) {
     if ($(this).length == 0) {
       erwdth = 0;
@@ -319,7 +247,7 @@ function iFrmeWdth() {
 }
 function resetwidth() {
   let width = 0,
-    erwdth = 20;
+    erwdth = 15;
   $(".frm-ifre").each(function (i, e) {
     if (i == 0) {
       $(this).css("right", width + "px");
@@ -333,43 +261,166 @@ function resetwidth() {
   });
 }
 export function detailClick() {
-  $(".detailBtn").click(function () {
-    let serverUrl = _serverUrl();
-    $(".bdy-ul").addClass("d-none");
-    let installedAppId = +$(this).attr("data-appId");
-    let recordId = +$(this).attr("data-recordId");
-    // Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
-    const cookie = getCookie("_idty");
-    if (cookie) {
-      const {unibaseId, tenantId, userId} = JSON.parse(cookie);
-      debugger;
+  // Details Popup Abihram popup page
+  $(".wi-sbjt-msge").on("click", function (e) {
+    e.stopPropagation();
+    detailsPage(this, true, "Details-page");
+  });
+  // Details Page Loading
+  $(".detailBtn[data-urltype='Details']").click(function (e) {
+    e.stopPropagation();
+    detailsPage(this, false, "Details-page");
+  });
+  //Form Page Loading
+  $(".formBtn[data-urltype='Form']").on("click", function (e) {
+    e.stopPropagation();
+    detailsPage(this, true, "Form-page");
+  });
+  //List Page Loading
+  $("[data-urltype='List']").on("click", function (e) {
+    e.stopPropagation();
+    detailsPage(this, true, "List-page");
+  });
+  // get stages
+}
+export function detailsPage(e, ifrmPopup, isPage) {
+  let serverUrl = _serverUrl();
+  $(".bdy-ul").addClass("d-none");
+  $(".hdr-ul").addClass("d-none");
+  let installedAppId = $(e)
+    .parents(".pdng.lst-Notifi")
+    .attr("data-instlledappid");
+  let recordId = $(e).parents(".pdng.lst-Notifi").attr("data-refid");
+  let reminderid = $(e).parents(".pdng.lst-Notifi").attr("data-reminderid");
+  let remindertype = $(e)
+    .parents(".pdng.lst-Notifi")
+    .attr("data-remindertypeid");
+  // Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
+  const cookie = getCookie("_idty");
+  if (cookie) {
+    const {unibaseId, tenantId, userId} = JSON.parse(cookie);
+    if (isPage == "Details-page") {
       $("#detailIframe").html(
         `<iframe width="100%" style="min-height:calc(100vh - ${$(
           ".tp-bar"
-        ).height()}px)"  name="srcframe" id="srcframe" class="srcframe" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${recordId}/${installedAppId}/loadDetail"></iframe>`
+        ).height()}px)"  name="srcframe" id="srcframe" class="srcframe" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${recordId}/${installedAppId}/${remindertype}/${reminderid}/${ifrmPopup}/loadDetail"></iframe>`
+      );
+    } else if (isPage == "Form-page") {
+      getData(
+        `apis/v4/unibase/platform/apps/listappconfigurations/installedappid/${installedAppId}`
+      ).then(function (result) {
+        let _data = JSON.parse(result.result);
+        let data = _data.filter((x) => x.SettingUrlType == 1);
+        $("#detailIframe").html(
+          `<iframe width="100%" style="min-height:calc(100vh - ${$(
+            ".tp-bar"
+          ).height()}px)"  name="srcframe" id="srcframe" class="srcframe" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${installedAppId}/${
+            data[0].FormId
+          }/0/${
+            data[0].AppConfigurationId
+          }/${reminderid}/${ifrmPopup}/loadform"></iframe>`
+        );
+      });
+    } else if (isPage == "List-page") {
+      $("#detailIframe").html(
+        `<iframe width="100%" style="min-height:calc(100vh - ${$(
+          ".tp-bar"
+        ).height()}px)"  name="srcframe" id="srcframe" class="srcframe" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${installedAppId}/${reminderid}/${ifrmPopup}/loadList"></iframe>`
       );
     }
+  }
+}
+export function signaRInit() {
+  var huburl = _serverUrl() + "notificationhub";
+  connection = new window["signalR"].HubConnectionBuilder()
+    .withUrl(huburl)
+    .build();
+  register();
+}
+export async function register() {
+  connection.on("sendnotification", (obj) => {
+    $(".ctr-lst-pge .bdy-ul").empty();
+    loadData(
+      "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+      false
+    );
   });
+  const cookie = getCookie("_idty");
+  const {unibaseId, tenantId, userId, sessionId, name} = JSON.parse(cookie);
+  let packet = {
+    UserId: Number(userId),
+    UserName: name,
+    UnibaseId: unibaseId,
+    TenantId: Number(tenantId),
+    SessionId: sessionId,
+  };
+  try {
+    const stringConnection = await connection.start();
+    await connection.invoke("Connect", packet);
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+export function resetClckEvnt() {
+  $(".ChtAppIfrme").remove();
+  $(".lft-nav-bar .lft-nav-bar-2").removeClass("d-none");
+  $(".ctr-lst-pge, .rtr-nav-bar").removeClass("d-none");
+  $(".lft-nav-bar").css("width", "");
 }
 
 export function initListIndex() {
-  let _userInfo = atob(document.cookie.split("=")[1]);
-  let userInfo = " JSON.parse(_userInfo).result";
-  let sessionId = "userInfo.sessionId";
+  let userInfo = JSON.parse(getCookie("_idty"));
+  let sessionId = userInfo.sessionId;
 
-  let usrinfoHTML = `<li><a class="dropdown-item" href="javascript:void(0);">${userInfo.name}</a></li>
-<li><a class="dropdown-item" href="javascript:void(0);">Cloud Settings</a></li>
-<li><a class="dropdown-item" href="javascript:void(0);">Help</a></li>
-                    <li><a class="dropdown-item" href="javascript:void(0);">Logoff</a></li>`;
+  signaRInit();
+  let usrinfoHTML = `<li><a class="dropdown-item text-capitalize" href="javascript:void(0);">${userInfo.name}</a></li>
+                    <li><a class="dropdown-item" href="javascript:void(0);">Help</a></li>
+                    <li><a class="dropdown-item" href="javascript:void(0);" data-btn="logoff">Logoff</a></li>`;
   $(".icn-circle").text(userInfo?.name?.charAt(0)?.toUpperCase());
   $(".uindtls").html(usrinfoHTML);
 
+  $('[data-btn="logoff"]').on("click", function () {
+    document.cookie = "_idty=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+    window.location = "../login";
+  });
   // List Page loading
 
   /*Data  loading  start here*/
+  $(".nav-lft-item").on("click", function () {
+    $(".nav-lft-item").removeClass("active");
+    $(this).addClass("active");
+    if ($(this).attr("data-application") != "Chat Application") {
+      resetClckEvnt();
+    }
+  });
+  $(".nav-lft-item[data-application='Chat Application']").on(
+    "click",
+    function () {
+      const serverUrl = _serverUrl();
+      const cookie = getCookie("_idty");
+      const {unibaseId, tenantId, userId} = JSON.parse(cookie);
+      $(".lft-nav-bar .lft-nav-bar-2").addClass("d-none");
+      $(".ctr-lst-pge, .rtr-nav-bar").addClass("d-none");
+      $(".lft-nav-bar").css("width", "var(--rtrWidth)");
+      $(".btm-bar .ChtAppIfrme").remove();
+      $(".btm-bar").append(`<div class="ChtAppIfrme w-100">
+                  <iframe class="" style="height:100%; width:100%" data-ispopup="false" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/loadChat"></iframe>
+                </div>`);
+    }
+  );
   $(".mnNvIcn").click(function () {
-    $(".lft-nav-bar").toggleClass("lft-nav-bar-Wrap");
-    $(".ctr-lst-pge").toggleClass("lft-nav-bar-Wrap");
+      $(".lft-nav-bar").toggleClass("lft-nav-bar-Wrap");
+      $(".ctr-lst-pge").toggleClass("lft-nav-bar-Wrap");
+      if ($(".apps-loading:visible").length != 0) {
+        $(".ctr-lst-pge").css("width", "");
+        $(".ctr-lst-pge").toggleClass("apps-loaded");
+        $(".ctr-lst-pge").toggleClass("apps-loaded-tr");
+      }    
+      if(window.innerWidth < 1025){
+        $(".ctr-lst-pge").toggleClass('d-block');
+        $(".lft-nav-bar").toggleClass("lft-nav-bar-Wrap d-flex w-100").css('background-color','rgb(0 0 0 / 50%)');
+      }
   });
   $(".mre-drp a.sub-nav-item.more").on("click", function () {
     $(".sub-nav-item").removeClass("active");
@@ -388,5 +439,241 @@ export function initListIndex() {
       $(".sub-nav-item").not(".more.active").removeClass("active");
       $(this).addClass("active");
     });
-  loadData();
+
+  $('[data-buttontype="inbox"], [data-application="Mail Application"]').on(
+    "click",
+    function () {
+      $("#detailIframe").empty();
+      loadData(
+        "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+        false
+      );
+    }
+  );
+  window.addEventListener("message", function (e) {
+    if (e.data != undefined) {
+      if(e.data == "Edit-form"){
+        $('.frm-hdr').addClass('d-none')
+      }
+      if (e.data == "closeForm") {
+        $("#detailIframe").empty();
+        $(".hdr-ul, .bdy-ul").removeClass("d-none");
+        $('.frm-bdy [class="close"]')[0].click();
+      }
+      if (e.data == "clickToBack") {
+        $("#detailIframe").empty();
+        loadData(
+          "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+          false
+        );
+      }
+      if (e.data.includes("save-form")) {
+        let spilt = e.data.split("/");
+        $(`.frm-ifre[data-formid="${spilt[1]}"] .frm-hdr`).removeClass(
+          "d-none"
+        ).attr('data-frm_hdr','false');
+      }
+      if (e.data == "close apps") {
+        $("body").removeClass("d-flex flex-row");
+        $("#detailIframe").empty();
+        $(".hdr-ul, .bdy-ul").removeClass("d-none");
+        $(".apps-loading").remove();
+        $("#list-page").css("width", "100%");
+        $(".lft-nav-bar").removeClass(".lft-nav-bar-Wrap");
+        $(".ctr-lst-pge").removeClass("apps-loaded");
+        $(".ctr-lst-pge").removeClass("apps-loaded-tr");
+      }
+      if (e.data.includes("/")) {
+        let spilt = e.data.split("/");
+        $(
+          `.frm-ifre[data-formid="${spilt[1]}"] .frm-hdr .ctrl .${spilt[0]}`
+        ).click();
+        if(spilt[0].includes('success')){
+          $(`.frm-ifre[data-formid="${spilt[1]}"] .frm-hdr`).removeClass("d-none").attr({'data-frm_hdr': 'false', 'data-saveform':'true'});
+        }
+        if(!spilt[0].includes('maximum') && !spilt[0].includes('compress')){
+          $(`.frm-ifre[data-formid="${spilt[1]}"] .frm-hdr`).removeClass("d-none").attr({'data-frm_hdr': 'false'});
+        }
+      }
+      if (e.data == "closeForm_detailIframe") {
+        $("#detailIframe").empty();
+        $(".hdr-ul, .bdy-ul").removeClass("d-none");
+      }
+    }
+  });
+  $('[class="refrsh"]').on("click", function () {
+    loadData(
+      "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+      false
+    );
+  });
+
+  getData("apis/v4/unibase/platform/apps/myapps").then(function (response) {
+    if(response.message.includes("User Authentication Failed")){
+          window.location = "../login";
+    }else{
+      let result = JSON.parse(response.result);
+      let html = "<li class='m-0 p-0'><ul class='d-flex flex-wrap m-0 p-0'>";
+      for (var i = 0; i < result.length; i++) {
+        html += `<li class="appsBind" data-myappid="${result[i].MyAppId}">`;
+        if (
+          result[i].SvgIconUrl != undefined &&
+          result[i].SvgIconUrl != null &&
+          result[i].SvgIconUrl != ""
+        ) {
+          html += `<span class="svg-icons">${result[i].SvgIconUrl}</span>`;
+        } else {
+          html +=
+            '<span class="svg-icons"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">   <path class="biz-svg-highlight-color" d="M16.01,31c-1.38,0-2.77-.09-4.14-.28-3.57-.49-6.58-1.42-9.21-2.86-.25-.14-.53-.42-.57-.71-.02-.19-.05-.37-.07-.56-.17-1.33-.34-2.7-.12-4.09,.31-1.92,1.27-3.07,2.95-3.5,1.88-.49,3.74-1.32,5.7-2.55,.07-.04,.14-.08,.24-.13,.04-.02,.09-.05,.15-.08l.28-.15,2.84,8.94c.03-.07,.05-.14,.08-.21,.05-.14,.1-.28,.15-.42,.19-.51,.38-1.04,.53-1.56,0,0,0-.01,0-.02-.03-.03-.05-.07-.06-.11l-1.46-3.77c-.06-.14-.04-.31,.05-.44,.09-.13,.23-.2,.39-.2h4.52c.16,0,.3,.08,.39,.2,.09,.13,.11,.29,.05,.44l-1.46,3.77s-.04,.09-.07,.13c.01,.05,.02,.09,.04,.14,.23,.6,.45,1.22,.66,1.82,.03,.07,.05,.15,.08,.22l2.83-8.89,.28,.14c.35,.18,.7,.37,1.04,.55,.79,.42,1.53,.81,2.3,1.16,.91,.41,1.82,.74,2.72,.98,1.71,.45,2.69,1.61,2.99,3.54h0c.22,1.38,.04,2.74-.13,4.06-.03,.2-.05,.39-.08,.59-.04,.33-.39,.6-.58,.7-2.61,1.43-5.61,2.36-9.16,2.85-1.38,.19-2.77,.28-4.16,.28Zm-5.11-14.14s-.05,.03-.07,.04c-2,1.26-3.91,2.11-5.85,2.61-1.48,.38-2.29,1.36-2.56,3.07-.21,1.31-.04,2.65,.12,3.94,.02,.19,.05,.37,.07,.56,0,.06,.14,.22,.29,.31,2.57,1.4,5.52,2.32,9.03,2.8,2.71,.37,5.45,.37,8.16,0,3.49-.48,6.43-1.39,8.98-2.79,.16-.09,.3-.24,.3-.3,.02-.2,.05-.39,.08-.59,.17-1.28,.34-2.6,.13-3.91h0c-.27-1.72-1.1-2.71-2.6-3.11-.93-.25-1.87-.59-2.8-1.01-.79-.36-1.54-.76-2.33-1.18-.25-.13-.5-.27-.75-.4l-3.11,9.79-.27-.74c-.12-.32-.23-.65-.34-.97-.21-.6-.42-1.21-.65-1.81-.06-.15-.09-.29-.1-.43v-.18s.14-.06,.14-.06l1.42-3.66h-4.34l1.42,3.66,.11,.07v.15c0,.1-.01,.19-.03,.27-.16,.54-.35,1.08-.54,1.6-.05,.14-.1,.28-.15,.42-.06,.18-.14,.35-.21,.51-.05,.13-.11,.26-.16,.39l-.27,.71-3.1-9.76Z"></path>   <path class="biz-svg-highlight-color" d="M16.09,16.2c-.81,0-1.63-.16-2.42-.48-2.36-.98-3.89-3.26-3.89-5.82,0-.62,.51-1.13,1.13-1.13s1.13,.51,1.13,1.13c0,1.64,.98,3.11,2.5,3.74,1.52,.63,3.25,.28,4.41-.88,1.16-1.16,1.51-2.89,.88-4.41-.63-1.52-2.1-2.5-3.74-2.5h-2.45l.66,.66c.44,.44,.44,1.16,0,1.6-.21,.21-.5,.33-.8,.33s-.59-.12-.8-.33l-2.59-2.59c-.21-.21-.33-.5-.33-.8s.12-.59,.33-.8l2.59-2.59c.21-.21,.5-.33,.8-.33s.59,.12,.8,.33c.21,.21,.33,.5,.33,.8s-.12,.59-.33,.8l-.66,.66h2.45c2.56,0,4.84,1.53,5.82,3.89,.98,2.36,.44,5.06-1.37,6.87-1.21,1.21-2.81,1.85-4.45,1.85Zm-5.18-6.9c-.33,0-.6,.27-.6,.6,0,2.34,1.4,4.44,3.56,5.33,2.16,.9,4.63,.41,6.29-1.25s2.15-4.13,1.25-6.29c-.9-2.16-2.99-3.56-5.33-3.56h-3.74l1.58-1.57c.23-.23,.23-.61,0-.85-.23-.23-.62-.23-.85,0l-2.59,2.59c-.11,.11-.18,.27-.18,.42s.06,.31,.18,.42l2.59,2.59c.23,.23,.62,.23,.85,0,.23-.23,.23-.61,0-.85l-1.58-1.57h3.74c1.86,0,3.52,1.11,4.23,2.83,.71,1.72,.32,3.68-.99,4.99-1.31,1.31-3.27,1.7-4.99,.99-1.72-.71-2.83-2.37-2.83-4.23,0-.33-.27-.6-.6-.6Z"></path> </svg></span>';
+        }
+        html += `<span class="appTitle">${result[i].AppTitle}</span></li>`;
+      }
+      html += "</ul></li>";
+      $("#apps-list").html(html);
+      $(".appsBind").on("click", function () {
+        let width = "330px";
+        if(window.innerWidth> 1024){
+          $("#list-page").css("width", `calc(100% - ${width})`);     
+        }
+        if( $('.lft-nav-bar-2:visible').length !=0 ){
+          $(".ctr-lst-pge").addClass("apps-loaded-tr");
+        }else{
+          $(".ctr-lst-pge").addClass("apps-loaded lft-nav-bar-Wrap")
+        }
+        let installedAppId = $(this).attr("data-myappid");
+        const cookie = getCookie("_idty");
+        if (cookie) {
+          let serverUrl = _serverUrl();
+          const {unibaseId, tenantId, userId} = JSON.parse(cookie);
+          $("body").addClass("d-flex flex-row");
+          $(".apps-loading").remove();
+          $("#list-page").after(
+            `<section id="" class="apps-loading"><iframe width="100%" style="height:inherit"  name="lstSrcFrame" id="lstSrcFrame" class="lstSrcFrame" src="${serverUrl}#/${unibaseId}/${tenantId}/${userId}/${installedAppId}/0/false/loadList"></iframe></section>`
+          );
+        }
+      });
+    }
+  });
+  $(".btn.dropdown-toggle.create").on("click", function () {
+    let appName = [];
+    getData("apis/v4/unibase/platform/apps/myapps").then(async function (res) {
+      let response = await JSON.parse(res.result);
+      jQuery.each(response, async function (index, item) {
+        let installedAppId = Number(item.MyAppId);
+        await getData(
+          `apis/v4/unibase/platform/apps/listappconfigurations/installedappid/${installedAppId}`
+        ).then(function (result) {
+          if (
+            result.result != null &&
+            result.result != "" &&
+            result.result != "[]"
+          ) {
+            let _data = JSON.parse(result.result);
+            let data = _data.filter((x) => x.SettingUrlType == 1);
+            if (data.length != 0) {
+              appName.push({
+                SettingUrlType: data[0].SettingUrlType,
+                AppTitle: data[0].AppTitle,
+                FormId: data[0].FormId,
+                InstalledAppId: data[0].InstalledAppId,
+                RoleSettingAppId: data[0].RoleSettingAppId,
+                InstalledAppGuid: data[0].InstalledAppGuid,
+                AppConfigurationId: data[0].AppConfigurationId,
+                AppPermissionId: data[0].AppPermissionId,
+                AppConfigType: data[0].AppConfigType,
+              });
+            }
+          }
+        });
+        await appName.sort(function (a, b) {
+            var a1 = a.AppTitle.toLowerCase().trim(), b1 = b.AppTitle.toLowerCase().trim();
+            if (a1 == b1) return 0;
+            return a1 > b1 ? 1 : -1;
+        });
+        await createLoad(appName);
+      });
+    });
+  });
+  $('[data-buttontype="Starred"]').on("click", function () {
+    let count = 20;
+    if (
+      $('[data-buttontype="inbox"] .length').attr("data-taskscount") !=
+      undefined
+    ) {
+      count = $('[data-buttontype="inbox"] .length').attr("data-taskscount");
+    }
+    loadData(
+      `apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/1/PageSize/${count}`,
+      false
+    );
+  });
+
+  $('[data-buttontype="unstarred"]').on("click", function () {
+    let count = 20;
+    if (
+      $('[data-buttontype="inbox"] .length').attr("data-notificount") !=
+      undefined
+    ) {
+      count = $('[data-buttontype="inbox"] .length').attr("data-notificount");
+    }
+    loadData(
+      `apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/6/PageSize/${count}`,
+      false
+    );
+  });
+  $('[data-buttontype="all"]').on("click", function () {
+    loadData(
+      "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+      false
+    );
+  });
+  $('[data-buttontype="read"]').on("click", function () {
+    $(".pdng.lst-Notifi").addClass("d-none");
+    $(".pdng.lst-Notifi[data-isreaded='2']").removeClass("d-none");
+  });
+  $('[data-buttontype="unread"]').on("click", function () {
+    $(".pdng.lst-Notifi").addClass("d-none");
+    $(".pdng.lst-Notifi[data-isreaded='8']").removeClass("d-none");
+  });
+  $('[data-buttontype="sent"]').on("click", function () {
+    loadData(
+      "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+      true
+    );
+  });
+  try {
+    loadData(
+      "apis/v4/unibase/reminders/platform/getuserreminders/PageSize/0",
+      false
+    );
+  } catch (error) {
+    console.log("LoadData Method is not loading, and getting error");
+  }
+}
+
+export function stagesLoad() {
+  $(".stgs-li").each(function () {
+    let html = "";
+    let InstalledAppId = $(this).attr("data-installedappid");
+    getData(
+      `apis/v4/unibase/platform/apps/getallchangestageroles/installedappid/${InstalledAppId}`
+    ).then(function (stg_rslt) {
+      let data = JSON.parse(stg_rslt.result);
+      let _stage = data.filter(function (o) {
+        return o.IsDefault == true;
+      });
+      html += `<button type="button" class="btn btn-sm btn-info dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-isdefault="${_stage[0].IsDefault}" data-stageid="${_stage[0].StageId}" >
+                ${_stage[0].StageName}
+              </button>
+              <ul class="dropdown-menu">`;
+      for (var s = 0; s < data.length; s++) {
+        let stage = data[s];
+        if (!stage.IsDefault) {
+          html += `<li><a class="dropdown-item" href="javascript:;" data-isdefault="${stage.IsDefault}" data-stageid="${stage.StageId}">${stage.StageName}</a></li>`;
+        }
+      }
+      html += "</ul>";
+      $(`.stgs-li[data-installedappid='${InstalledAppId}']`).html(html);
+    });
+  });
 }

assets/js/setting.js

@@ -4,6 +4,6 @@ export function _serverUrl() {
   // merge request another time
   return "http://localhost:3088/";
   //return "http://localhost:3086/";
-  //return "https://c01.bizgaze.app/";
-  //return "http://192.168.88.99:4001/";
+  //return "https://c02.bizgaze.app/";
+  //return "https://dev.bizgaze.app/";
 }

authentication/index.html

@@ -14,6 +14,8 @@
     <script src="../assets/js/jquery/jquery-3.6.1.min.js" defer></script>
     <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> -->
@@ -34,7 +36,7 @@
             <li class="srch-bar">
                 <input type="text" class="form-control py-2" id="searchBar" placeholder="Search here">
             </li>
-            <li class="ml-auto">
+            <li class="ml-auto d-none">
                 <a href="javascript:void(0);" class="item" data-bs-toggle="dropdown" aria-expanded="false">
                     <span><i class="ri-question-line"></i></i></span>
                 </a>
@@ -46,11 +48,20 @@
                     </li>
                 </ul>
             </li>
-            <li>
+            <li class="d-none">
                 <a href="javascript:void(0);" class="item" data-bs-toggle="dropdown" aria-expanded="false">
                     <span><i class="ri-settings-5-line"></i></span>
                 </a>
             </li>
+            <li class="ml-auto">
+                <a href="javascript:void(0);" class="d-flex" data-bs-toggle="dropdown" aria-expanded="false"
+                    data-clck="ri-grid-fill">
+                    <i class="ri-grid-fill"></i>
+                </a>
+                <ul class="dropdown-menu apps-list" id="apps-list">
+
+                </ul>
+            </li>
             <li>
                 <a href="javascript:void(0);" class="rounded-circle icn-circle" data-bs-toggle="dropdown"
                     aria-expanded="false">
@@ -65,27 +76,27 @@
             <div class="lft-nav-bar">
                 <ul class="lft-nav-bar-1">
                     <li>
-                        <a href="javascript:;" class="nav-lft-item active">
+                        <a href="javascript:;" class="nav-lft-item active" data-application="Mail Application">
                             <span><i class="ri-mail-line"></i></span>
                             <span>Mail</span>
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="nav-lft-item">
+                        <a href="javascript:;" class="nav-lft-item" data-application="Chat Application">
                             <span><i class="ri-chat-4-line"></i></span>
                             <span>Chat</span>
 
                         </a>
                     </li>
-                    <li>
-                        <a href="javascript:;" class="nav-lft-item">
+                    <li class="d-none">
+                        <a href="javascript:;" class="nav-lft-item" data-application="Drive Application">
                             <span><i class="ri-drive-line"></i></span>
                             <span>Drive</span>
 
                         </a>
                     </li>
-                    <li>
-                        <a href="javascript:;" class="nav-lft-item">
+                    <li class="d-none">
+                        <a href="javascript:;" class="nav-lft-item" data-application="Meetings Application">
                             <span><i class="ri-video-chat-line"></i></span>
                             <span>Meet</span>
 
@@ -101,44 +112,40 @@
                                 <span class="ml-2">Create</span>
                             </button>
                             <ul class="dropdown-menu p-0" id="crte-btn-lst">
-                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Sales Order</a></li>
-                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Sales Invoice</a></li>
-                                <li class="p-0"><a class="dropdown-item" href="javascript:;">DC</a></li>
-                                <li class="p-0"><a class="dropdown-item" href="javascript:;">Employee</a></li>
                             </ul>
                         </div>
                     </li>
                     <li>
-                        <a href="javascript:;" class="sub-nav-item active">
+                        <a href="javascript:;" class="sub-nav-item active" data-buttonType="inbox">
                             <span><i class="ri-inbox-fill"></i></span>
                             <span>Inbox</span>
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="sub-nav-item">
+                        <a href="javascript:;" class="sub-nav-item" data-buttontype="Starred">
                             <span><i class="ri-star-s-line"></i></span>
                             <span>Starred</span>
                         </a>
                     </li>
-                    <li>
+                    <li class="d-none">
                         <a href="javascript:;" class="sub-nav-item">
                             <span><i class="ri-time-line"></i></span>
                             <span>Snoozed</span>
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:;" class="sub-nav-item">
+                        <a href="javascript:;" class="sub-nav-item" data-buttontype="sent">
                             <span><i class="ri-send-plane-2-line"></i></span>
                             <span>Sent</span>
                         </a>
                     </li>
-                    <li>
+                    <li class="d-none">
                         <a href="javascript:;" class="sub-nav-item">
                             <span><i class="ri-draft-fill"></i></span>
                             <span>Draft</span>
                         </a>
                     </li>
-                    <li class="mre-drp">
+                    <li class="mre-drp d-none">
                         <a href="javascript:;" class="sub-nav-item more">
                             <span><i class="la la-angle-down"></i></span>
                             <span>More</span>
@@ -195,12 +202,23 @@
                                 data-bs-toggle="dropdown" aria-expanded="false">
                                 <span class="visually-hidden">Toggle Dropdown</span>
                             </button>
-                            <ul class="dropdown-menu">
-                                <li><a class="dropdown-item" href="javascript:;">All</a></li>
-                                <li><a class="dropdown-item" href="javascript:;">Read</a></li>
-                                <li><a class="dropdown-item" href="javascript:;">Unread</a></li>
-                                <li><a class="dropdown-item" href="javascript:;">Starred</a></li>
-                                <li><a class="dropdown-item" href="javascript:;">Unstarred</a></li>
+                            <ul class="dropdown-menu chck-box-ul">
+                                <li class="p-0 m-0">
+                                    <a class="dropdown-item" href="javascript:;" data-buttontype="all">All</a>
+                                </li>
+                                <li class="p-0 m-0">
+                                    <a class="dropdown-item" href="javascript:;" data-buttontype="read">Read</a>
+                                </li>
+                                <li class="p-0 m-0">
+                                    <a class="dropdown-item" href="javascript:;" data-buttontype="unread">Unread</a>
+                                </li>
+                                <li class="p-0 m-0">
+                                    <a class="dropdown-item" href="javascript:;" data-buttontype="Starred">Starred</a>
+                                </li>
+                                <li class="p-0 m-0">
+                                    <a class="dropdown-item" href="javascript:;"
+                                        data-buttontype="unstarred">Unstarred</a>
+                                </li>
                             </ul>
                         </div>
                     </li>
@@ -217,9 +235,9 @@
                     </li>
                     <li class="li-pgn">
                         <div class="pggtn">
-                            <span>1-50</span>
+                            <span data-paggtn="true">1-50</span>
                             <span class="mx-1">of</span>
-                            <span>384</span>
+                            <span data-notification="count">384</span>
                         </div>
                         <div class="pggtn">
                             <a href="javascript:;" class="lss-than nt-actve"><i class="la la-angle-left"></i></a>
@@ -253,12 +271,6 @@
         </div>
     </section>
 </body>
-<script>
-    window.addEventListener('message',function(e) {
-        $('#detailIframe').empty();
-        $('.bdy-ul').removeClass('d-none');
-        //do stuff
-    });
-</script>
+
 
 </html>

login/index.html

@@ -25,7 +25,7 @@
                 <div class="form-body">
                     <div class="form-input-wrap">
                         <div class="form-group">
-                            <input type="text" id="email" class="email-input" value="common_20220630_1453@bizgaze.com">
+                            <input type="text" id="email" class="email-input" value="">
                             <label class="form-control-placeholder" id="emailLabel" for="email">Email or phone</label>
                         </div>
                         <div class="err-msg" id="emailErrMsg"></div>
@@ -43,7 +43,6 @@
                     </div>
                 </div>
             </div>
-
             <div class="password-box" id="passwordBox">
                 <div class="form-header">
                     <img class="login-logo" src="../assets/imgs/biz-logo.svg">
@@ -52,15 +51,18 @@
                 </div>
                 <div class="form-body password-form-box">
                     <div class="form-input-wrap">
+                        <!--Powners@123-->
                         <div class="form-group">
-                            <input type="password" id="password" class="password-input" value="UABvAHcAbgBlAHIAcwBAADEAMgAzAA==!~`^e_n_c-^`~!">
+                            <input type="password" id="password" class="password-input" value="">
                             <label class="form-control-placeholder" id="passwordLabel" for="password">Enter Your
                                 Password</label>
                         </div>
                         <div class="err-msg" id="passwordErrMsg"></div>
                         <div class="form-link show-password-link flex-between-center">
-                            <div class="flex-between-center"><input type="checkbox" id="showPassword" class="password-checkbox">
-                                <label for="showPassword">Show password</label></div>
+                            <div class="flex-between-center"><input type="checkbox" id="showPassword"
+                                    class="password-checkbox">
+                                <label for="showPassword">Show password</label>
+                            </div>
                             <label><a href="../forgotpassword">Forgot password?</a></label>
                         </div>
                     </div>
@@ -70,7 +72,6 @@
                     </div>
                 </div>
             </div>
-
         </div>
     </div>