sr-npm 1.7.715 → 1.7.717

package/backend/careersMultiBoxesPageIds.js

@@ -16,6 +16,11 @@ const CAREERS_MULTI_BOXES_PAGE_CONSTS={
     PAGE_BUTTON_PREVIOUS: '#previousPageButton',
     paginationCurrentText: '#paginationCurrent',
     paginationTotalCountText: '#paginationTotalCount',
+    SEARCH_INPUT: '#searchInput',
+    PRIMARY_SEARCH_RESULTS: '#resultsRepeater',
+    SEARCH_BUTTON: '#searchButton',
+    SECONDARY_SEARCH_INPUT: '#secondarySearchInput',
+
 }
 
 const fieldTitlesInCMS={

package/package.json

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

package/pages/careersMultiBoxesPage.js

@@ -12,6 +12,7 @@ let alljobs=[] // all jobs in the database
 let allvaluesobjects=[] // all values in the database
 let valueToJobs={} // valueId -> array of jobIds
 let currentJobs=[] // current jobs that are displayed in the jobs repeater
+let currentJobsBeforeSecondarySearch=[] 
 const pagination = {
   pageSize: 10,
   currentPage: 1,
@@ -21,6 +22,7 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
     await loadJobsRepeater(_$w);
     await loadFilters(_$w);
     await loadSelectedValuesRepeater(_$w);
+    await bindSearchInput(_$w);
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.CLEAR_ALL_BUTTON_ID).onClick(async () => {
       if(selectedByField.size>0) {
         selectedByField.clear();
@@ -34,10 +36,26 @@ async function careersMultiBoxesPageOnReady(_$w,urlParams) {
 async function handleUrlParams(_$w,urlParams) {
   let applyFiltering=false;
     if(urlParams.brand) {
-      const brandValue = decodeURIComponent(urlParams.brand);
-      const field=getFieldByTitle(fieldTitlesInCMS.brand,allfields);
+      applyFiltering=await handleParams(_$w,"brand",urlParams.brand)
+    }
+    if(urlParams.category) {
+      applyFiltering=await handleParams(_$w,"category",urlParams.category)
+    }
+    if(urlParams.keyword) {
+      console.log("keyword urlparam handling coming soon...")
+    }
+    if(applyFiltering) {
+      await updateJobsAndNumbersAndFilters(_$w);
+    }
+}
+
+async function handleParams(_$w,param,value) {
+  let applyFiltering=false;
+       const decodedValue = decodeURIComponent(value);
+      const field=getFieldByTitle(fieldTitlesInCMS[param],allfields);
       const options=optionsByFieldId.get(field._id);
-      const option=getCorrectOption(brandValue,options);
+      console.log("all options availbe for this field: ", field.title, " are ", options);
+      const option=getCorrectOption(decodedValue,options);
       if(option) {
        const optionIndex=getOptionIndexFromCheckBox(_$w(`#${FiltersIds[field.title]}CheckBox`).options,option.value);
        _$w(`#${FiltersIds[field.title]}CheckBox`).selectedIndices = [optionIndex];
@@ -46,38 +64,9 @@ async function handleUrlParams(_$w,urlParams) {
         dontUpdateThisCheckBox=field._id;
       }
       else {
-        console.warn("brand value not found in dropdown options");
-      }
-    }
-    if(urlParams.category) {
-      const categoryValue = decodeURIComponent(urlParams.category);
-      const field=getFieldByTitle(fieldTitlesInCMS.category,allfields);
-      const options=optionsByFieldId.get(field._id);
-      const option=getCorrectOption(categoryValue,options);
-      if(option) {
-        const optionIndex=getOptionIndexFromCheckBox(_$w(`#${FiltersIds[field.title]}CheckBox`).options,option.value);
-        _$w(`#${FiltersIds[field.title]}CheckBox`).selectedIndices = [optionIndex];
-        selectedByField.set(field._id, [option.value]);
-        applyFiltering=true
-        if(dontUpdateThisCheckBox)
-        {
-          //to update the checkboxes after applying the filters
-          dontUpdateThisCheckBox=null;
-        }
-        else{
-          dontUpdateThisCheckBox=field._id;
-        }
-      }
-      else {
-        console.warn("category value not found in dropdown options");
+        console.warn(`${param} value not found in dropdown options`);
       }
-    }
-    if(urlParams.keyword) {
-      console.log("keyword urlparam handling coming soon...")
-    }
-    if(applyFiltering) {
-      await updateJobsAndNumbersAndFilters(_$w);
-    }
+      return applyFiltering;
 }
 
 async function loadPaginationButtons(_$w) {
@@ -361,6 +350,42 @@ async function refreshFacetCounts(_$w,clearAll=false) {
     _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.SELECTED_VALUES_REPEATER).data = selectedItems;
   }
 
+
+function primarySearch(_$w,query) {
+  console.log("primary search query: ", query);
+}
+function secondarySearch(_$w,query) {
+  console.log("secondary search query: ", query);
+    if(query.length===0) {
+      if(currentJobsBeforeSecondarySearch.length>0) {
+      currentJobs=currentJobsBeforeSecondarySearch
+      }
+    }
+    else
+    {
+      currentJobsBeforeSecondarySearch=currentJobs;
+      currentJobs=currentJobs.filter(job=>job.title.toLowerCase().includes(query));
+    }
+    const jobsFirstPage=currentJobs.slice(0,pagination.pageSize);
+    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.JOBS_REPEATER).data = jobsFirstPage;
+    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.paginationCurrentText).text = jobsFirstPage.length.toString();
+    _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.paginationTotalCountText).text = currentJobs.length.toString();
+    pagination.currentPage=1;
+    handlePaginationButtons(_$w);
+}
+  function bindSearchInput(_$w) {
+    const primarySearchDebounced = debounce(() => {
+      const query = (_$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.SEARCH_INPUT).value || '').toLowerCase().trim();
+      primarySearch(_$w, query);
+    }, 150);
+    const secondarySearchDebounced = debounce(() => {
+      const query = (_$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.SECONDARY_SEARCH_INPUT).value || '').toLowerCase().trim();
+      secondarySearch(_$w, query);
+    }, 150);
+      _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.SEARCH_INPUT).onInput(primarySearchDebounced);
+      _$w(CAREERS_MULTI_BOXES_PAGE_CONSTS.SECONDARY_SEARCH_INPUT).onInput(secondarySearchDebounced);
+  }
+
 module.exports = {
     careersMultiBoxesPageOnReady
 };