Shop Online for Women's Clothing, Accessories, and More at DODuae.com (2024)

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } let existingObjectIndex = global_filter_selections.findIndex(obj => obj[parentPath+'-'+parentKey]); let existingUrlIndex = global_filter_selections.findIndex(obj => obj[parentPath]); if (existingObjectIndex !== -1) { global_filter_selections[existingObjectIndex][parentPath+'-'+parentKey] = selectedValues; } else if(existingUrlIndex !== -1){ global_filter_selections[existingUrlIndex][parentPath] = selectedValues; } else { global_filter_selections.push({ [parentPath+'-'+parentKey]: selectedValues }); } let nonEmptyFilterValues = global_filter_selections.filter(obj => Object.values(obj).flat().length > 0); let mergedObject = {}; for (let obj of nonEmptyFilterValues) { let [key] = Object.keys(obj); let [name, value] = key.split('-'); if (mergedObject[name]) { mergedObject[name].push(...obj[key]); } else { mergedObject[name] = [...obj[key]]; } } let result = Object.entries(mergedObject) .map(([key, values]) => `${key}[${values.join(',')}]`) .join(','); global_filters = result; filterProducts(global_filters, '360_367' ,FIRST_PAGE); if (Object.keys(global_all_filters).length === 0) { $('.all-filters').addClass('d-none'); } } function getSingleOption(radio){ let radio_id = radio.id; let rating = ''; $('input[name="' + radio.name + '"]:not(:checked)').each(function () { if (!this.id.includes(radio_id)) { $(this).siblings('label').removeClass('selected'); } }); $('#'+radio_id).siblings('label').toggleClass('selected'); if(!$(radio).siblings('label').hasClass('selected')){ $('#'+radio_id).prop('checked',false); } let selectedValues = $('input[name="'+radio.name+'"]:checked').map(function() { return $(this).val(); }).get(); let parentKey = $(radio).data('parent-key'); let parentPath = $(radio).data('parent-path'); let radio_name = $(radio).closest('.form-check').find('.filter-option-name').text(); // Retrieve the checkbox name if(parentKey === 'r' && parentPath === 'r'){ let rating_count = $(radio).val(); rating_count = parseInt(rating_count.charAt(0)); rating = ` ` } if(global_all_filters[parentKey]){ if (global_all_filters[parentKey].id === radio_id) { delete global_all_filters[parentKey]; $('#child-' + parentKey).parent().remove(); } else { var previousRadioId = global_all_filters[parentKey].id; delete global_all_filters[parentKey]; $('#child-' + previousRadioId).parent().remove(); global_all_filters[parentKey] = { 'name': radio_name, 'type': 'radio', 'id': radio_id, 'parentKey': parentKey, 'parentPath': parentPath, }; // Update the "all filters" section $('.all-filters-body').find(`[data-parent-key="${parentKey}"]`).parent().remove(); let badge = `

${ rating ? rating : ''} ${radio_name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } }else{ global_all_filters[parentKey] = { 'name' : radio_name, 'type' : 'radio', 'id' : radio_id, 'parentKey' : parentKey, 'parentPath' : parentPath, } $('.all-filters-body').find(`[data-parent-key="${parentKey}"]`).parent().remove(); let badge = `

${ rating ? rating : ''} ${radio_name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } if(parentKey === 'p'){ if(!$(radio).siblings('label').hasClass('selected')){ $('#min-price').val(''); $('#max-price').val(''); } let selectedPrice = $('input[name="' + radio.name + '"]:checked').val(); if(selectedPrice){ let values = selectedPrice.split(','); $('#min-price').val(values[0]); $('#max-price').val(values[1]); } } let existingObjectIndex = global_filter_selections.findIndex(obj => obj[parentPath+'-'+parentKey]); let existingUrlIndex = global_filter_selections.findIndex(obj => obj[parentPath]); if (existingObjectIndex !== -1) { global_filter_selections[existingObjectIndex][parentPath+'-'+parentKey] = selectedValues; } else if(existingUrlIndex !== -1){ global_filter_selections[existingUrlIndex][parentPath] = selectedValues; } else { global_filter_selections.push({ [parentPath+'-'+parentKey]: selectedValues }); } let nonEmptyFilterValues = global_filter_selections.filter(obj => Object.values(obj).flat().length > 0); let mergedObject = {}; for (let obj of nonEmptyFilterValues) { let [key] = Object.keys(obj); let [name, value] = key.split('-'); if (mergedObject[name]) { mergedObject[name].push(...obj[key]); } else { mergedObject[name] = [...obj[key]]; } } let result = Object.entries(mergedObject) .map(([key, values]) => `${key}[${values.join(',')}]`) .join(','); global_filters = result; filterProducts(global_filters, '360_367' ,FIRST_PAGE); if (Object.keys(global_all_filters).length === 0) { $('.all-filters').addClass('d-none'); } } function getPrice(min,max,id,key,path){ let parentKey = key; let parentPath = path; let minPrice; let maxPrice; minPrice = $('#min-price').val(); maxPrice = $('#max-price').val(); $('input[data-parent-key="p"]').each(function () { $(this).prop('checked', false); $(this).siblings('label').removeClass('selected'); }); if(minPrice === '' && maxPrice !== ''){ minPrice = min; }else if(maxPrice === '' && minPrice !== ''){ maxPrice = max; } let selectedValues = (minPrice !== '' || maxPrice !== '') ? [minPrice + ',' + maxPrice] : []; let radio_name = `${minPrice} AED - ${maxPrice} AED`; if(global_all_filters[parentKey]){ var previousRadioId = global_all_filters[parentKey].id; delete global_all_filters[parentKey]; $('#child-' + previousRadioId).parent().remove(); global_all_filters[parentKey] = { 'type': 'radio', 'id': 'custom-price', 'parentKey': parentKey, 'parentPath': parentPath, }; // Update the "all filters" section $('.all-filters-body').find(`[data-parent-key="${parentKey}"]`).parent().remove(); let badge = `

${radio_name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); }else{ global_all_filters[parentKey] = { 'type' : 'radio', 'id' : 'custom-price', 'parentKey' : parentKey, 'parentPath' : parentPath, } $('.all-filters-body').find(`[data-parent-key="${parentKey}"]`).parent().remove(); let badge = `

${radio_name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } let existingObjectIndex = global_filter_selections.findIndex(obj => obj[parentPath+'-'+parentKey]); let existingUrlIndex = global_filter_selections.findIndex(obj => obj[parentPath]); if (existingObjectIndex !== -1) { global_filter_selections[existingObjectIndex][parentPath+'-'+parentKey] = selectedValues; } else if(existingUrlIndex !== -1){ global_filter_selections[existingUrlIndex][parentPath] = selectedValues; } else { global_filter_selections.push({ [parentPath+'-'+parentKey]: selectedValues }); } let nonEmptyFilterValues = global_filter_selections.filter(obj => Object.values(obj).flat().length > 0); let mergedObject = {}; for (let obj of nonEmptyFilterValues) { let [key] = Object.keys(obj); let [name, value] = key.split('-'); if (mergedObject[name]) { mergedObject[name].push(...obj[key]); } else { mergedObject[name] = [...obj[key]]; } } let result = Object.entries(mergedObject) .map(([key, values]) => `${key}[${values.join(',')}]`) .join(','); global_filters = result; filterProducts(global_filters, '360_367' ,FIRST_PAGE); } function replaceUrlParam(key, value) { let currentUrl = new URL(window.location.href); if(value !== '' && value !== null && value !== undefined && value != 'null') { currentUrl.searchParams.set(key,value); }else { if(currentUrl.searchParams.has(key)){ currentUrl.searchParams.delete(key); } } if (global_sort) { currentUrl.searchParams.set('sort', global_sort); } else { currentUrl.searchParams.delete('sort'); } if (global_order) { currentUrl.searchParams.set('order', global_order); } else { currentUrl.searchParams.delete('order'); } window.history.replaceState({ path: currentUrl.href }, '', decodeURIComponent(currentUrl.href)); } function getUrlParameter(name) { const urlParams = new URLSearchParams(window.location.search); return urlParams.get(name); } function parseFilterParameter(filterParam) { const keyValuePairs = filterParam.match(/(\w+)\[([^\]]+)\]/g) || []; return keyValuePairs.map(pair => { const [key, values] = pair.split('['); const parsedValues = values.substring(0, values.length - 1).split(','); return {[key]: parsedValues }; }); } const filterParam = getUrlParameter('_filter'); if (window.location.search.includes('_filter')) { global_filters = filterParam; } if (window.location.search.includes('sort')) { global_sort = getUrlParameter('sort'); } if (window.location.search.includes('order')) { global_order = getUrlParameter('order'); } const filterKeyValuePairs = filterParam ? parseFilterParameter(filterParam) : []; function update_global_filter_selections(key, values) { let existingObjectIndex = global_filter_selections.findIndex(obj => obj.hasOwnProperty(key)); if (existingObjectIndex !== -1) { global_filter_selections[existingObjectIndex][key] = values; } else { global_filter_selections.push({ [key]: values }); } } for (let pair of filterKeyValuePairs) { const [key, values] = Object.entries(pair)[0]; update_global_filter_selections(key, values); } function markMatchedLabels(filterArray) { const forColors = 'focus-ring-dark'; const forCheckboxes = 'selected'; $('input[type="checkbox"], input[type="radio"]').each(function() { const id = $(this).attr('id'); const parentKey = $(this).data('parent-key'); const parentPath = $(this).data('parent-path'); const checkboxValue = $(this).val().split(','); let radio = $(this).is(':radio'); const isMatch = filterArray.some(filterObj => { return filterObj.hasOwnProperty(parentPath) && filterObj[parentPath].some(filterValue => { const filterStringValue = filterValue.toString(); if(filterObj[parentPath][1]){ // to match both values for min,max in query params for ranges return radio ? (checkboxValue[0].toString() === filterStringValue && checkboxValue[1].toString() === filterObj[parentPath][1]) : checkboxValue.includes(filterStringValue); } return radio ? checkboxValue[0].toString() === filterStringValue : checkboxValue.includes(filterStringValue); }); }); if (isMatch) { if($(this).is(':radio') && !$(this).prop('checked')){ let name = $(this).closest('.form-check').find('.filter-option-name').text(); let rating = ''; $(this).siblings('label').addClass(forCheckboxes); $(this).prop('checked', true); global_all_filters[parentKey] = { 'name' : name, 'type' : 'radio', 'id' : id, 'parentKey' : parentKey, 'parentPath' : parentPath, } if(parentKey === 'r' && parentPath === 'r'){ let rating_count = $(this).val(); rating_count = parseInt(rating_count.charAt(0)); rating = ` ` } let badge = `

${ rating ? rating : ''} ${name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); }else if($(this).is(':checkbox') && !$(this).prop('checked')){ let name = $(this).closest('.form-check').find('.filter-option-name').text(); let img = ''; if(parentPath === 'c'){ name = $(this).attr('data-color-name'); img = $(this).attr('data-img-src'); } $(this).siblings('img').addClass(forColors); $(this).siblings('label').addClass(forCheckboxes); $(this).prop('checked', true); global_all_filters[id] = { 'name' : name, 'type' : 'checkbox', 'id' : id, 'parentKey' : parentKey, 'parentPath' : parentPath, } let badge = `

${ img ? `` : ''} ${name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } } }); const prices = filterArray.find(filter => { let parentKey = 'p'; let parentPath = 'p'; if ('p' in filter) { $('#min-price').val(filter['p'][0]); $('#max-price').val(filter['p'][1]); // ------------- for price badge in all filters on refresh let radio_name = `${filter['p'][0]} AED - ${filter['p'][1]} AED`; if(!global_all_filters[parentKey]){ global_all_filters[parentKey] = { 'type' : 'radio', 'id' : 'custom-price', 'parentKey' : parentKey, 'parentPath' : parentPath, } $('.all-filters-body').find(`[data-parent-key="${parentKey}"]`).parent().remove(); let badge = `

${radio_name}

`; $('.all-filters-body').append(badge); $('.all-filters').removeClass('d-none'); } return true; } }); } markMatchedLabels(filterKeyValuePairs); function filterProducts(global_filters, current_path = '' ,FIRST_PAGE){ global_page = 1; let url = ''; let data = ''; if(is_promotion_page == 1 || is_deals_page == 1){ window.scrollTo(0, 480); }else if(is_seller_page == 1) { window.scrollTo(0, 300); }else{ window.scrollTo(0, 0); } if(is_all_products == 1){ replaceUrlParam('_filter', global_filters); url = document.URL; data = { '_filter': global_filters, 'page': FIRST_PAGE, 'limit': PER_PAGE }; if (global_sort !== '') { data.sort = global_sort; } if (global_order !== '') { data.order = global_order; } } else if(is_search_page == 1){ replaceUrlParam('_filter', global_filters); url = document.URL; data = { '_filter': global_filters, 'page': FIRST_PAGE, 'limit': PER_PAGE, 'path' : current_path, 'search': global_search }; if (global_sort !== '') { data.sort = global_sort; } if (global_order !== '') { data.order = global_order; } } else if(is_promotion_page == 1 || is_deals_page == 1){ replaceUrlParam('_filter', global_filters); url = document.URL; data = { '_filter': global_filters, 'page': FIRST_PAGE, 'limit': PER_PAGE, 'path' : (is_promotion_page == 1) ? 'promotion' : 'deals' , }; if (global_sort !== '') { data.sort = global_sort; } if (global_order !== '') { data.order = global_order; } } else if(is_seller_page == 1){ replaceUrlParam('_filter', global_filters); url = document.URL; data = { '_filter': global_filters, 'page': FIRST_PAGE, 'limit': PER_PAGE, 'seller_id' : seller_id ? seller_id : '' }; if (global_sort !== '') { data.sort = global_sort; } if (global_order !== '') { data.order = global_order; } } else { replaceUrlParam('_filter', global_filters); url = document.URL; data = { '_filter': global_filters, 'page': FIRST_PAGE, 'limit': PER_PAGE, 'path' : current_path, }; if (global_sort !== '') { data.sort = global_sort; } if (global_order !== '') { data.order = global_order; } } $.ajax({ url: url, type: 'POST', data: data, dataType:'json', beforeSend: function(){ $('#products .products-block').html(cards_placeholder_collection); }, complete: function(){ }, success: function(response) { if(is_search_page == 1 && response.text_total_products){ $('.search-page-title span').text(response.text_total_products) } if(response.products.length){ replaceProducts(response); }else{ let html = `

` $('#products .products-block').html(html); } if(response.filters){ let updatedFilters = updateWithNewFilters(response.filters); $('.all-filters-body').html(''); $('.all-filters').nextAll('div.sub-filter').remove(); $('.all-filters').after(updatedFilters); const newFilterParam = getUrlParameter('_filter'); const newFilterKeyValuePairs = newFilterParam ? parseFilterParameter(newFilterParam) : []; markMatchedLabels(newFilterKeyValuePairs); } }, error: function(xhr, textStatus, errorThrown) { } }); } function replaceProducts(response){ let html = ''; $.each(response.products, function(index,product){ html += '

'; // COL ENDS }) $('#products .products-block').html(html); } const products_placeholder = `

`; let cards_placeholder_collection = Array.from({ length: 12 }, () => products_placeholder).join(''); function updateWithNewFilters(filters){ let html = ''; filters.forEach((filter) => { if (filter.path === 'c') { html += '

'; } }); filters.forEach((filter) => { if (filter.type !== 'option' && filter.type !== 'price' && filter.type !== 'range' && filter.type !== 'rating') { html += '

'; } else if (filter.type === 'price' || filter.type === 'range' || filter.type === 'rating') { html += '

'; } else if (filter.type === 'option' && filter.path !== 'c') { html += '

'; } }); return html; }