sr-npm 3.1.26 → 3.1.27

package/backend/careersMultiBoxesPageIds.js

@@ -81,6 +81,8 @@ const possibleUrlParams=[
     "storename",
 ]
 
+
+
 module.exports = {
     CAREERS_MULTI_BOXES_PAGE_CONSTS,
     FiltersIds,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sr-npm",
-  "version": "3.1.26",
+  "version": "3.1.27",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -22,6 +22,7 @@
     "@wix/essentials": "^0.1.24",
     "@wix/secrets": "1.0.53",
     "@wix/site-location": "^1.0.0",
+    "@wix/site-seo": "^1.21.0",
     "@wix/site-window": "^1.0.0",
     "axios": "^1.11.0",
     "jest": "^30.0.5",

package/pages/careersMultiBoxesPage.js

@@ -1,5 +1,5 @@
 const { COLLECTIONS,CUSTOM_VALUES_COLLECTION_FIELDS,JOBS_COLLECTION_FIELDS } = require('../backend/collectionConsts');
-const { CAREERS_PAGE_SELECTORS, GLOBAL_SECTIONS_SELECTORS } = require('../public/selectors');
+const { CAREERS_PAGE_SELECTORS, GLOBAL_SECTIONS_SELECTORS, SEARCH_RESULTS_SELECTORS, MOBILE_FILTER_BOX_SELECTORS } = require('../public/selectors');
 
 const { window } = require('@wix/site-window');
 const { queryParams,onChange} = require('wix-location-frontend');
@@ -18,7 +18,8 @@ const { groupValuesByField,
         getFieldByTitle,
         getCorrectOption,
         getOptionIndexFromCheckBox,
-        getAllDatasetItems 
+        getAllDatasetItems,
+        handleSEOTitle
       } = require('./pagesUtils');
 const { handlePrimarySearch, queryPrimarySearchResults } = require('../public/primarySearchUtils');
 
@@ -39,7 +40,6 @@ let secondarySearchIsFilled=false // whether the secondary search is filled with
 let keywordAllJobs; // all jobs that are displayed in the jobs repeater when the keyword is filled
 let ActivateURLOnchange=true; // whether to activate the url onchange
 let considerAllJobs=false; // whether to consider all jobs or not
-
 const pagination = {
   pageSize: 10,
   currentPage: 1,
@@ -62,25 +62,61 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.CLEAR_ALL_BUTTON_ID).onClick(async () => {
       await clearAll(_$w);
     });
-    if (await window.formFactor() === "Mobile") {
-      handleFilterInMobile(_$w);
-  }
+    
+    handleFilterButton(_$w);
+
+    setInterval(async () => {
+      const windowinfo=await window.getBoundingRect();
+      if(windowinfo.window.width>1000){
+        handleWindowResize(_$w,true);
+      }
+      else{
+        handleWindowResize(_$w);
+      }
+    }, 600);
+
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_MULTI_STATE_BOX).changeState("results");
 }
 
+async function handleWindowResize(_$w,desktop=false) {
+  if(desktop){
+  MOBILE_FILTER_BOX_SELECTORS.forEach(selector => {
+    _$w(selector).expand();
+  });
+  SEARCH_RESULTS_SELECTORS.forEach(selector => {
+    _$w(selector).expand();
+  });
+  _$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).collapse();
+  _$w(CAREERS_PAGE_SELECTORS.EXIT_BUTTON).collapse();
+  _$w(CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON).collapse();
+}
+else{
+  if(_$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).collapsed && _$w(CAREERS_PAGE_SELECTORS.EXIT_BUTTON).collapsed && _$w(CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON).collapsed){
+    _$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).expand();
+  }
+}
+  
+}
 async function handleBackAndForth(_$w){
-  if(ActivateURLOnchange) {
-    const newQueryParams=await location.query();
-      console.log("newQueryParams: ", newQueryParams);
-      ActivateURLOnchange=false;
-      await clearAll(_$w,true);
-      await handleUrlParams(_$w,newQueryParams,true); 
-      ActivateURLOnchange=true;
+if(ActivateURLOnchange) {
+  await clearAll(_$w);
+}
+else{
+  ActivateURLOnchange=true;
+}
 
-    }
-    else{
-      ActivateURLOnchange=true;
-    }
+  // if(ActivateURLOnchange) {
+  //   const newQueryParams=await location.query();
+  //     console.log("newQueryParams: ", newQueryParams);
+  //     ActivateURLOnchange=false;
+  //     await clearAll(_$w,true);
+  //     await handleUrlParams(_$w,newQueryParams,true); 
+  //     ActivateURLOnchange=true;
+
+  //   }
+  //   else{
+  //     ActivateURLOnchange=true;
+  //   }
 }
 
 async function clearAll(_$w,urlOnChange=false) {
@@ -105,38 +141,24 @@ async function clearAll(_$w,urlOnChange=false) {
     
 }
 
-function handleFilterInMobile(_$w) {
-  const searchResultsSelectors = [
-      CAREERS_PAGE_SELECTORS.RESULT_BOX,
-      CAREERS_PAGE_SELECTORS.PAGINATION_BTN, 
-      CAREERS_PAGE_SELECTORS.HEAD_BTNS, 
-      CAREERS_PAGE_SELECTORS.SELECTED_VALUES_REPEATER, 
-      CAREERS_PAGE_SELECTORS.BUTTOM_TXT, 
-      CAREERS_PAGE_SELECTORS.SECTION_24, 
-      CAREERS_PAGE_SELECTORS.SECTION_3, 
-      CAREERS_PAGE_SELECTORS.LINE_3,
-      CAREERS_PAGE_SELECTORS.FILTER_ICON];
-    
-  const mobileFilterBoxSelectors = [
-    CAREERS_PAGE_SELECTORS.FILTER_BOX,
-    CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON,
-    CAREERS_PAGE_SELECTORS.EXIT_BUTTON,
-  ];
+async function handleFilterButton(_$w) {
+
+
 
   _$w(CAREERS_PAGE_SELECTORS.FILTER_ICON).onClick(()=>{
-      mobileFilterBoxSelectors.forEach(selector => {
+      MOBILE_FILTER_BOX_SELECTORS.forEach(selector => {
         _$w(selector).expand();
       });
-      searchResultsSelectors.forEach(selector => {
+      SEARCH_RESULTS_SELECTORS.forEach(selector => {
           _$w(selector).collapse();
       });
   });
 
   const exitFilterBox = () => {
-      mobileFilterBoxSelectors.forEach(selector => {
+      MOBILE_FILTER_BOX_SELECTORS.forEach(selector => {
         _$w(selector).collapse();
       });
-      searchResultsSelectors.forEach(selector => {
+      SEARCH_RESULTS_SELECTORS.forEach(selector => {
           _$w(selector).expand();
       });
   }
@@ -150,11 +172,15 @@ function handleFilterInMobile(_$w) {
   });
 
   //onmobile we should collapse the filter box and the refine search button by default 
-  mobileFilterBoxSelectors.forEach(selector => {
+  const formFactor = await window.formFactor();
+  if(formFactor === "Mobile" || formFactor === "Tablet") {
+  MOBILE_FILTER_BOX_SELECTORS.forEach(selector => {
     _$w(selector).collapse();
   });
 }
 
+}
+
 
 async function handleUrlParams(_$w,urlParams,handleBackAndForth=false) {
   try { 
@@ -169,6 +195,7 @@ async function handleUrlParams(_$w,urlParams,handleBackAndForth=false) {
 
     currentJobs = items;   
     keywordAllJobs = items;
+    await handleSEOTitle(`${decodeURIComponent(urlParams.keyword)} Search Results | The Warehouse Group`);
   }
   
   for (const url of possibleUrlParams)
@@ -400,6 +427,7 @@ async function loadJobsRepeater(_$w) {
 
         _$w(`#${FiltersIds[field.title]}CheckBox`).selectedIndices = []; // start empty
         _$w(`#${FiltersIds[field.title]}CheckBox`).onChange(async (ev) => {
+
           dontUpdateThisCheckBox=field._id;
         const selected = ev.target.value; // array of selected value IDs
         let fieldTitle=field.title.toLowerCase().replace(' ', '');

package/pages/pagesUtils.js

@@ -1,7 +1,7 @@
 const { items: wixData } = require('@wix/data');
 const { JOBS_COLLECTION_FIELDS,COLLECTIONS } = require('../backend/collectionConsts');
 const { normalizeString } = require('../backend/utils');
-
+const { seo } = require('@wix/site-seo');
 function groupValuesByField(values, refKey) {
     const map = new Map();
     for (const v of values) {
@@ -106,6 +106,11 @@ async function getLatestJobsByValue(Value) {
   return latestJobs;
 }
 
+async function handleSEOTitle(title) {
+  await seo.setTitle(title);
+
+}
+
 module.exports = {
   groupValuesByField,
   debounce,
@@ -117,5 +122,6 @@ module.exports = {
   getLatestJobsByValue,
   getValueFromValueId,
   getAllRecordsWithoutMultiRef,
-  getAllDatasetItems
+  getAllDatasetItems,
+  handleSEOTitle
 }

package/public/selectors.js

@@ -50,8 +50,27 @@ const   FILTER_FIELDS = {
     SEARCH: 'title',
 }
 
+
+const SEARCH_RESULTS_SELECTORS = [
+    CAREERS_PAGE_SELECTORS.RESULT_BOX,
+    CAREERS_PAGE_SELECTORS.PAGINATION_BTN, 
+    CAREERS_PAGE_SELECTORS.HEAD_BTNS, 
+    CAREERS_PAGE_SELECTORS.SELECTED_VALUES_REPEATER, 
+    CAREERS_PAGE_SELECTORS.BUTTOM_TXT, 
+    CAREERS_PAGE_SELECTORS.SECTION_24, 
+    CAREERS_PAGE_SELECTORS.SECTION_3, 
+    CAREERS_PAGE_SELECTORS.LINE_3,
+    CAREERS_PAGE_SELECTORS.FILTER_ICON];
+  
+const MOBILE_FILTER_BOX_SELECTORS = [
+  CAREERS_PAGE_SELECTORS.FILTER_BOX,
+  CAREERS_PAGE_SELECTORS.REFINE_SEARCH_BUTTON,
+  CAREERS_PAGE_SELECTORS.EXIT_BUTTON,
+];
 module.exports = {
     CAREERS_PAGE_SELECTORS,
     GLOBAL_SECTIONS_SELECTORS,
     FILTER_FIELDS,
+    SEARCH_RESULTS_SELECTORS,
+    MOBILE_FILTER_BOX_SELECTORS,
 }