Hey Dude | Sandals, Casual Shoes & more (2024)

' html2 = html2 + '

' + '' + name + '' + '' + dist + ' km(s).' + '

' j++; if (j >= 4) break; } dom.stores.innerHTML = html1 dom.storesM.innerHTML = html2 } function closeInfoWindow(el) { el.infoWindow && el.infoWindow.close(map, el) } function findMarker(store) { return function (element) { if (!element.details) return false return element.details.id === store.details.id; } } function viewNearStore(index) { if (!initialized) return var store = sortedByDistance[index]; map.markers && map.markers.forEach(closeInfoWindow) map.panTo({ lat: +store.lat, lng: +store.lng }) var marker = map.markers.find(findMarker(store)); marker.infoWindow.open(map, marker); } function initMyStore(id, force) { if (id == 0) { var defaultText = 'Choose Your Store' currentStore = null currentStoreName = null dom.clearButtons.forEach(function (el) { el.classList.add('hidden') }) if (force === true) { } else { setMyStore("0") } } else { var found = false for (var i = 0; i < numLocations; i++) { if (locations[i].details.id == id) { found = true currentStore = locations[i] currentStoreName = currentStore.details.name.replace(/softmoc /i, '') if (force === true) { } else { setMyStore(id) } break } } if (!found) return console.log('No store with the ID "' + id + '" was found') dom.input.value = '' dom.clearButtons.forEach(function (el) { el.classList.remove('hidden') }) } } function selectMyStore(id) { if (myStoreId == id) return var found = false for (var i = 0; i < numLocations; i++) { if (locations[i].details.id == id) { found = true currentStore = locations[i] currentStoreName = currentStore.details.name.replace(/softmoc /i, '') setMyStore(id) break } } if (!found) return console.log('No store with the ID "' + id + '" was found') dom.input.value = '' dom.clearButtons.forEach(function (el) { el.classList.remove('hidden') }) dispatch() pickerCb && runPickerCallback(null, currentStore, currentStoreName) } function clearMyStore() { var defaultText = 'Choose Your Store' currentStore = null currentStoreName = null dom.clearButtons.forEach(function (el) { el.classList.add('hidden') }) myPrevStoreId = "0"; setMyStore("0") dispatch() } function addMarkerContentToLocations() { locations.forEach(function (loc, i) { var phoneLink = 'tel:' + loc.details.phone.replace(/[)( -]/g, '') loc.icon = '/img/s-logo.png'; loc.infoWindow.content = '' + '' + loc.details.name + '' + '

' + loc.details.address + '
' + loc.details.city + ', ' + loc.details.state + '
' + loc.details.zip + ', ' + loc.details.country + '
' + '' + loc.details.phone + '' + '

' + '' }) } function getNestedProp(obj, props) { if (obj === undefined) return obj var nest = props.split('.').reverse() for (var i = nest.length; i--;) { obj = obj[nest[i]] if (obj === undefined) break } return obj } function values(obj, keys) { return keys.map(function (k) { return obj.hasOwnProperty(k) ? obj[k] : undefined }) } function getAllLocations() { // Locations Array var locations = []; var availableStores = availableStoresJson.map(availableStore) || []; if (availableStores.length > 0) { for (var i = 0; i < availableStores.length; i++) { var store = availableStores[i]; var details = { storeUrl: store.urlName, id: store.storeID, name: store.storeName, address: store.address, city: store.city, state: store.state, zip: store.zip, country: store.country, phone: store.phone, email: store.email, storeImage: store.storeImage1, storeHours: store.storeHours }; locations[i] = { details: details, lat: store.addressLat, lng: store.addressLng, checkForToday: store.checkForToday, check_DOW: store.check_DOW, isAvailable: store.isAvailable, infoWindow: {} } } } return locations } function addListener(fn) { dom.modal.addEventListener('mystore.selected', fn) return fn } function removeListener(fn) { dom.modal.removeEventListener('mystore.selected', fn) } function dispatch() { var ev = new CustomEvent('mystore.selected', { detail: currentStore ? { details: currentStore.details, name: currentStoreName, coords: { lat: currentStore.lat, lng: currentStore.lng } } : null }) dom.modal.dispatchEvent(ev) } function runPickerCallback(e, store, storeName) { dom.modal.removeEventListener('modalIsClose', runPickerCallback) dom.msg.classList.add('hidden') pickerCb(store || null, storeName) pickerCb = null } } function getUserLocation(cb) { var xhr = new XMLHttpRequest() xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { var arr = xhr.responseText.split(',') var coords = { latitude: Number(arr[0]), longitude: Number(arr[1]) } return cb({ coords: coords }) } } xhr.open('GET', 'https://ipapi.co/latlong/?key=WGTnzPNfj0zexMISaf7H32BRXnJNt5mhAIYkUUGdG2McjEiAMo') xhr.send() }

')); if (html != '') html = html.replace('', ''); if (html != '') html = html.replace("", ""); $('#request-from-sizeChart').html(html); var el if (typeof target == 'string') el = document.getElementById(target) else if (target instanceof HTMLElement) { var triggers = target.getAttribute('aria-controls') el = triggers ? document.getElementById(triggers) : target } else { console.error('Target is not an ID or a reference to a DOM element') return } if (!el || !el.classList.contains('modal')) { console.error('Modal with the passed target not found') return } else if (el.classList.contains('modal--is-visible')) return var fo = focusOn && document.getElementById(focusOn) var ev = new CustomEvent('openModal', fo ? { detail: fo } : {}); el.dispatchEvent(ev); } }); } else { var el if (typeof target == 'string') el = document.getElementById(target) else if (target instanceof HTMLElement) { var triggers = target.getAttribute('aria-controls') el = triggers ? document.getElementById(triggers) : target } else { console.error('Target is not an ID or a reference to a DOM element') return } if (!el || !el.classList.contains('modal')) { console.error('Modal with the passed target not found') return } else if (el.classList.contains('modal--is-visible')) return var fo = focusOn && document.getElementById(focusOn) var ev = new CustomEvent('openModal', fo ? { detail: fo } : {}); el.dispatchEvent(ev); } } // Find the first close button within the visible modal and click it function closeModal() { var trigger = document.querySelector('.modal--is-visible .js-modal__close') trigger.click() } function __toggleDrawer(force, id) { var drawer = document.getElementById(id) if (!drawer || !drawer.classList.contains('drawer')) return var forceUsed = force != undefined // Before opening the drawer the wrong way, look for an element with [aria-controls={id}] to use // Otherwise, the drawer will open but you won't be able to close it the normal ways if (!drawer.classList.contains('drawer--is-visible') && (!forceUsed || force)) { var trigger = document.querySelector("[aria-controls='" + id + "']") if (trigger) { return trigger.click() } } forceUsed ? drawer.classList.toggle('drawer--is-visible', force) : drawer.classList.toggle('drawer--is-visible') }