sr-npm 1.7.1298 → 1.7.1300

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": "1.7.1298",
+  "version": "1.7.1300",
   "description": "",
   "main": "index.js",
   "scripts": {

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');
@@ -62,14 +62,13 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
       await clearAll(_$w);
     });
     
+    handleFilterButton(_$w);
+
     setInterval(async () => {
       const windowinfo=await window.getBoundingRect();
+      console.log("windowinfo: ", windowinfo.window.width);
       if(windowinfo.window.width>1000){
-        handleFilterButton(_$w,"Desktop");
-      }
-      else{
-       
-        handleFilterButton(_$w,"Mobile");
+        handleWindowResize(_$w);
       }
     }, 600);
 
@@ -80,6 +79,18 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.RESULTS_MULTI_STATE_BOX).changeState("results");
 }
 
+async function handleWindowResize(_$w) {
+  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();
+  
+}
 async function handleBackAndForth(_$w){
 if(ActivateURLOnchange) {
   await clearAll(_$w);
@@ -124,39 +135,24 @@ async function clearAll(_$w,urlOnChange=false) {
     
 }
 
-function handleFilterButton(_$w,formFactor) {
-
-  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();
       });
   }
@@ -170,22 +166,13 @@ function handleFilterButton(_$w,formFactor) {
   });
 
   //onmobile we should collapse the filter box and the refine search button by default 
+  const formFactor = await window.formFactor();
   if(formFactor === "Mobile" || formFactor === "Tablet") {
-  mobileFilterBoxSelectors.forEach(selector => {
+  MOBILE_FILTER_BOX_SELECTORS.forEach(selector => {
     _$w(selector).collapse();
   });
 }
-else{
-  mobileFilterBoxSelectors.forEach(selector => {
-    _$w(selector).expand();
-  });
-  searchResultsSelectors.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();
-}
+
 }
 
 

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,
 }