sr-npm 1.7.66 → 1.7.68

package/package.json

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

package/pages/homePage.js

@@ -0,0 +1,109 @@
+const {
+    debounce,
+    getFilter,
+  } = require('../public/filterUtils');
+  const { handleOnLocationClick } = require('../public/mapUtils');
+const { location } = require('@wix/site-location');
+
+async function homePageOnReady(_$w) {
+    console.log('homePageOnReady inisde SR-NPM');
+    await bind(_$w);
+    await init(_$w);
+  }
+
+  function bind(_$w) {
+    _$w('#teamRepeater').onItemReady(($item, itemData) => {
+        $item('#teamButton').label = `View ${itemData.count} Open Positions`;
+    });
+
+    _$w('#citiesDataset').onReady(async () => {
+        const numOfItems = await _$w('#citiesDataset').getTotalCount();
+        const items = await _$w('#citiesDataset').getItems(0, numOfItems);
+        let baseUrl = await location.baseUrl();
+        const linkUrl = `${baseUrl}/positions`;
+
+        const markers = items.items.map(item => {
+            const location = item.locationAddress.location;
+            return {
+                location: {
+                    latitude: location.latitude,
+                    longitude: location.longitude
+                },
+                address: item.locationAddress.formatted,
+                description: `<a href=${linkUrl} target="_parent" rel="noopener noreferrer" style="color:#000000;text-decoration:underline;font-weight:bold;">View ${item.count} Open Positions</a>`
+            };
+        });
+        //@ts-ignore
+        _$w('#googleMaps').setMarkers(markers);
+    });
+}
+
+function init(_$w) {
+    const debouncedInput = debounce(handleSearchInput, 400);
+
+    _$w('#searchInput').onInput(debouncedInput);
+    _$w('#searchInput').maxLength = 40;
+    
+    _$w('#searchInput').onKeyPress((event) => {
+        if (event.key === 'Enter') {
+            handleEnterPress(_$w('#searchInput').value);
+        }
+    });
+
+    _$w('#searchInput').onFocus(() => {
+        if (_$w(`#resultsContainer`).collapsed) {
+            _$w(`#resultsContainer`).expand();
+        }
+    });
+
+    _$w('#searchInput').onBlur(() => {
+        setTimeout(() => {
+            if (!_$w(`#resultsContainer`).collapsed) {
+                _$w(`#resultsContainer`).collapse();
+            }
+        }, 250);
+    });
+
+    _$w('#locationItem').onClick((event)=>{
+        handleOnLocationClick(event, '#locationsRepeater', '#googleMaps', _$w);
+    });
+}
+
+async function handleSearchInput(_$w) {
+    let searchInput;
+    let count;
+
+    searchInput = _$w('#searchInput').value;
+    const trimmedInput = searchInput.trim();
+
+    const fieldsToSearch = [
+        { field: 'title', searchTerm: trimmedInput }, 
+        { field: 'cityText', searchTerm: trimmedInput }
+    ];
+    
+    const filter = await getFilter(fieldsToSearch, 'or');
+
+    await _$w('#jobsDataset').setFilter(filter);
+    await _$w('#jobsDataset').refresh();
+
+    count = _$w('#jobsDataset').getTotalCount();
+
+    if (count > 0) {
+        _$w('#resultsContainer').expand();
+        _$w('#searchMultiStateBox').changeState('results');
+    } else {
+        _$w('#searchMultiStateBox').changeState('noResults');
+    }
+}
+
+function handleEnterPress(searchInput) {
+    const trimmedInput = searchInput.trim();
+    
+    if (trimmedInput) {
+        location.to(`/positions?keyWord=${trimmedInput}`);
+    }
+}
+
+module.exports = {
+    homePageOnReady,
+  };

package/pages/index.js

@@ -1,4 +1,5 @@
 module.exports = {
     ...require('./positionPage'),
+    ...require('./homePage'),
   };
   

package/pages/positionPage.js

@@ -3,8 +3,9 @@ const {
   } = require('../public/utils');
 
   async function positionPageOnReady(_$w) {
-    
-    bind(_$w);
+
+    console.log('positionPageOnReady inisde SR-NPM');
+    await bind(_$w);
   }
 
   async function bind(_$w) {

package/public/filterUtils.js

@@ -0,0 +1,36 @@
+const { items:wixData } = require('@wix/data');
+
+export function getFilter(fieldsToSearch = [], mode = 'or') {
+    const baseFilter = wixData.filter();
+    // if no fields to search, return empty filter
+    if (fieldsToSearch.length === 0) {
+        return baseFilter;
+    }
+
+    // build filters
+    let filter;
+    fieldsToSearch.forEach(({ field, searchTerm }) => {
+        const condition = typeof searchTerm === 'boolean' 
+            ? baseFilter.eq(field, searchTerm)
+            : baseFilter.contains(field, searchTerm);
+
+        filter = filter
+            ? (mode === 'or' ? filter.or(condition) : filter.and(condition))
+            : condition;
+    });
+
+    return filter;
+}
+
+export function debounce(fn, delay = 400) {
+    let timeout;
+    return function (...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => fn.apply(this, args), delay);
+    };
+}
+
+module.exports = {
+    getFilter,
+    debounce
+  };

package/public/index.js

@@ -1,4 +1,6 @@
 module.exports = {
     ...require('./utils'),
+    ...require('./filterUtils'),
+    ...require('./mapUtils'),
   };
   

package/public/mapUtils.js

@@ -0,0 +1,16 @@
+function handleOnLocationClick(event, repeaterId, mapId, _$w) {
+    const FOCUS_ZOOM = 13;
+    const { itemId } = event.context;
+    const itemData = _$w(repeaterId).data.find(item => item._id === itemId);
+
+    const location = itemData.locationAddress.location;
+  
+    //@ts-ignore
+    _$w(mapId).setCenter(location);
+    //@ts-ignore
+    _$w(mapId).setZoom(FOCUS_ZOOM);
+}
+
+module.exports = {
+    handleOnLocationClick
+  };