sr-npm 1.7.1281 → 1.7.1283

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sr-npm",
-  "version": "1.7.1281",
+  "version": "1.7.1283",
   "description": "",
   "main": "index.js",
   "scripts": {

package/pages/careersMultiBoxesPage.js

@@ -42,6 +42,8 @@ let considerAllJobs=false; // whether to consider all jobs or not
 let urlOnchangeIsActive=false
 let numbersofParamChanges=0;
 let pageIsRemoved=false
+let selectedParamsList=[]
+let urlParamsIndex=0;
 const pagination = {
   pageSize: 10,
   currentPage: 1,
@@ -49,7 +51,67 @@ const pagination = {
 
 async function careersMultiBoxesPageOnReady(_$w,urlParams) {
   //to handle back and forth , url changes
+  selectedParamsList.push(urlParams);
   onChange(async ()=>{
+
+
+    // INSERT_YOUR_CODE
+
+    // Yes, you can try to identify if it was a browser backward or forward navigation by using the window 'popstate' event and maintaining a stack/history index.
+    // Here's a simple approach using a navigation index:
+    if (typeof window !== "undefined") {
+      if (!window._careersNavIndex) {
+        window._careersNavIndex = 0;
+      }
+    }
+    let navDirection = null;
+
+    window.addEventListener('popstate', function (event) {
+      // Get new history state index, fallback to custom counter if unavailable
+      let newIndex = (history.state && history.state._careersNavIndex != null)
+        ? history.state._careersNavIndex
+        : (window._careersNavIndex || 0);
+
+      if (window._careersNavIndex != null) {
+        if (newIndex < window._careersNavIndex) {
+          navDirection = 'backward';
+        } else if (newIndex > window._careersNavIndex) {
+          navDirection = 'forward';
+        } else {
+          navDirection = null;
+        }
+        window._careersNavIndex = newIndex;
+      }
+      // You can use navDirection in your logic as needed
+      // Example: console.log('Navigation direction:', navDirection);
+    });
+
+    // On each navigation (including programmatic changes), increment the index, and push the state:
+    if (typeof history !== "undefined" && typeof window !== "undefined") {
+      window._careersNavIndex = window._careersNavIndex || 0;
+      if (!history.state || history.state._careersNavIndex == null) {
+        // Only set if not already set by another navigation
+        history.replaceState(
+          Object.assign({}, history.state, { _careersNavIndex: window._careersNavIndex }),
+          ''
+        );
+      }
+      // Whenever you push a new URL (not popstate), increment:
+      // window._careersNavIndex++;
+      // history.pushState(
+      //   Object.assign({}, history.state, { _careersNavIndex: window._careersNavIndex }),
+      //   ''
+      // );
+    }
+    // INSERT_YOUR_CODE
+    if (navDirection) {
+      console.log('Navigation direction:', navDirection);
+    }
+
+
+
+
+    
     urlOnchangeIsActive=true;
     await handleBackAndForth(_$w);
     urlOnchangeIsActive=false;
@@ -74,6 +136,14 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
 }
 
 async function handleBackAndForth(_$w){
+  //check the case when i click on a category then i click on 
+
+
+  const newQueryParams=await location.query();
+  selectedParamsStack.push(newQueryParams);
+
+
+
   if(ActivateURLOnchange) {
   const newQueryParams=await location.query();
   await clearAll(_$w,true);
@@ -86,6 +156,8 @@ async function handleBackAndForth(_$w){
     ActivateURLOnchange=true;
     }
   }
+
+
   // if(ActivateURLOnchange) {
   //   const newQueryParams=await location.query();
   //     console.log("newQueryParams: ", newQueryParams);
@@ -334,13 +406,17 @@ async function handleParams(_$w,param,values) {
 
               
               queryParams.add({ [fieldTitle] : updated.map(val=>encodeURIComponent(val)).join(',') });
+              if(urlOnchangeIsActive){
               numbersofParamChanges++;
+              }
             } else {
               selectedByField.delete(fieldId);
               handleConsiderAllJobs(previousSelectedSize,selectedByField.size);
             
               queryParams.remove([fieldTitle ]);
-              numbersofParamChanges++;
+              if(urlOnchangeIsActive){
+                numbersofParamChanges++;
+              }
             }
 
             const currentVals = _$w(`#${FiltersIds[field.title]}CheckBox`).value || [];
@@ -444,13 +520,16 @@ async function loadJobsRepeater(_$w) {
 
         _$w(`#${FiltersIds[field.title]}CheckBox`).selectedIndices = []; // start empty
         _$w(`#${FiltersIds[field.title]}CheckBox`).onChange(async (ev) => {
-          // const currentQueryParams=await location.query();
-          // if(currentQueryParams.page)
-          // {
+           const currentQueryParams=await location.query();
+           if(currentQueryParams.page)
+           {
           //   //try instead of removing to add page = 1
           //   //queryParams.remove(["page"]);
           //   queryParams.add({ ["page"]: 1 });
-          // }
+          pageIsRemoved=true
+          //save the selected param
+
+           }
           dontUpdateThisCheckBox=field._id;
         const selected = ev.target.value; // array of selected value IDs
         let fieldTitle=field.title.toLowerCase().replace(' ', '');
@@ -466,18 +545,26 @@ async function loadJobsRepeater(_$w) {
             //in this case we need the label not valueid
             const valueLabels=getValueFromValueId(selected,value);
             queryParams.add({ [fieldTitle] : valueLabels.map(val=>encodeURIComponent(val)).join(',') });
-            numbersofParamChanges++;
+            
+            if(urlOnchangeIsActive){
+              numbersofParamChanges++;
+            }
           }
           else{
             queryParams.add({ [fieldTitle] : selected.map(val=>encodeURIComponent(val)).join(',') });
-            numbersofParamChanges++;
+            if(urlOnchangeIsActive){
+              numbersofParamChanges++;
+            }
           }
           
         } else {
           selectedByField.delete(field._id); 
           handleConsiderAllJobs(previousSelectedSize,selectedByField.size);
           queryParams.remove([fieldTitle ]);
-          numbersofParamChanges++;
+         
+          if(urlOnchangeIsActive){
+            numbersofParamChanges++;
+          }
         }
        
         console.log("selectedByField: ",selectedByField)