';
+
+ // Header with count and close button
html += '
';
+ // Create and append popover
var $popover = $(html);
$('body').append($popover);
+ // Store references
+ this.$previewPopover = $popover;
this.$previewList = $popover.find('.preview-list');
- this.allPreviewData = previewData;
+ this.previewLoadedCount = items.length;
+ this.previewTotalCount = totalCount;
+ this.previewContext = options.context || {};
+ this.previewOnLoadMore = options.onLoadMore || null;
- var self = this;
+ // Event handlers
$popover.find('.preview-close').on('click', function() {
self.hidePreviewPopover();
});
@@ -7108,10 +7129,27 @@
self.filterPreviewItems(query);
});
- $popover.find('.btn-load-more-preview').on('click', function() {
- self.loadMorePreviewItems($tab, $(this));
- });
+ if (options.onLoadMore) {
+ $popover.find('.btn-load-more').on('click', function() {
+ var $btn = $(this);
+ var $controls = $btn.closest('.load-more-controls');
+ var $select = $controls.find('.load-more-select');
+ if ($btn.hasClass('loading')) return;
+
+ $btn.addClass('loading');
+ $btn.find('i').removeClass('icon-plus').addClass('icon-spinner icon-spin');
+ $select.prop('disabled', true);
+
+ // Get selected load count
+ var loadCount = parseInt($select.val(), 10) || 20;
+ self.previewLoadCount = loadCount;
+
+ options.onLoadMore.call(self, $btn);
+ });
+ }
+
+ // Position popover below badge
var badgeOffset = $badge.offset();
var badgeHeight = $badge.outerHeight();
var badgeWidth = $badge.outerWidth();
@@ -7129,37 +7167,131 @@
zIndex: 10000
});
- // Add show class to trigger visibility
+ // Show with transition
$popover.addClass('show');
- this.$previewPopover = $popover;
+ return $popover;
},
- renderPreviewItems: function(products) {
+ /**
+ * Update popover after loading more items
+ */
+ updatePreviewPopover: function(items, hasMore) {
+ var trans = this.config.trans || {};
+
+ // Update list
+ this.$previewList.html(this.renderPreviewItems(items));
+ this.previewLoadedCount = items.length;
+
+ // Update or remove load more controls
+ var $footer = this.$previewPopover.find('.preview-footer');
+ if (hasMore) {
+ var remaining = this.previewTotalCount - items.length;
+ var $controls = $footer.find('.load-more-controls');
+ var $btn = $controls.find('.btn-load-more');
+ var $select = $controls.find('.load-more-select');
+
+ // Reset button state
+ $btn.removeClass('loading');
+ $btn.find('i').removeClass('icon-spinner icon-spin').addClass('icon-plus');
+ $select.prop('disabled', false);
+
+ // Update remaining count
+ $controls.find('.remaining-count').text(remaining);
+
+ // Update select options
+ $select.empty();
+ if (remaining >= 10) $select.append('');
+ if (remaining >= 20) $select.append('');
+ if (remaining >= 50) $select.append('');
+ if (remaining >= 100) $select.append('');
+ $select.append('');
+ } else {
+ $footer.remove();
+ }
+
+ // Re-apply filter if active
+ var filterQuery = this.$previewPopover.find('.preview-filter-input').val();
+ if (filterQuery) {
+ this.filterPreviewItems(filterQuery.toLowerCase().trim());
+ }
+ },
+
+ /**
+ * Render preview items HTML with consistent format
+ */
+ renderPreviewItems: function(items) {
+ var self = this;
var html = '';
- $.each(products, function(i, product) {
- var itemClass = 'preview-item' + (product.isCombination ? ' is-combination' : '');
- var attrs = (product.attributes || '').toLowerCase();
- html += '';
- html += '' + previewData.count + ' ' + entityLabelPlural + ' ' + (trans.items_matched || 'matched') + '';
+ html += '' + totalCount + ' ' + entityLabel + '';
html += '';
html += '
';
+ // Filter input
html += '';
html += '';
html += '
';
+ // Items list
if (items.length > 0) {
html += '';
html += this.renderPreviewItems(items);
html += '
';
- if (previewData.hasMore) {
- var remaining = previewData.count - items.length;
+ // Load more footer with select dropdown
+ if (hasMore) {
+ var remaining = totalCount - items.length;
html += '';
}
@@ -7092,13 +7107,19 @@
html += '';
- if (product.image) {
- html += '
';
+
+ for (var i = 0; i < items.length; i++) {
+ var item = items[i];
+ var itemClass = 'preview-item';
+ if (item.isCombination) itemClass += ' is-combination';
+
+ // Build data attributes for filtering
+ var dataAttrs = '';
+ dataAttrs += ' data-name="' + this.escapeAttr((item.name || '').toLowerCase()) + '"';
+ dataAttrs += ' data-ref="' + this.escapeAttr((item.reference || '').toLowerCase()) + '"';
+ if (item.attributes) {
+ dataAttrs += ' data-attrs="' + this.escapeAttr((item.attributes || '').toLowerCase()) + '"';
+ }
+
+ html += '
'; // .preview-item
+ }
+
return html;
},
+ /**
+ * Filter preview items by query
+ */
filterPreviewItems: function(query) {
if (!this.$previewList) return;
@@ -7176,22 +7308,94 @@
var ref = $item.data('ref') || '';
var attrs = $item.data('attrs') || '';
- if (name.indexOf(query) !== -1 || ref.indexOf(query) !== -1 || attrs.indexOf(query) !== -1) {
- $item.show();
- } else {
- $item.hide();
+ var matches = name.indexOf(query) !== -1 ||
+ ref.indexOf(query) !== -1 ||
+ attrs.indexOf(query) !== -1;
+
+ $item.toggle(matches);
+ });
+ },
+
+ /**
+ * Format price for display
+ */
+ formatPrice: function(price) {
+ if (typeof price !== 'number') {
+ price = parseFloat(price) || 0;
+ }
+ // Use currency format from config if available
+ var currencySign = (this.config && this.config.currency_sign) || '€';
+ var currencyFormat = (this.config && this.config.currency_format) || 'right';
+
+ var formatted = price.toFixed(2);
+
+ if (currencyFormat === 'left') {
+ return currencySign + ' ' + formatted;
+ } else {
+ return formatted + ' ' + currencySign;
+ }
+ },
+
+ /**
+ * Hide and clean up preview popover
+ */
+ hidePreviewPopover: function() {
+ if (this.$activeBadge) {
+ this.$activeBadge.removeClass('popover-open loading');
+ this.$activeBadge = null;
+ }
+ if (this.$previewPopover) {
+ this.$previewPopover.remove();
+ this.$previewPopover = null;
+ }
+ this.$previewList = null;
+ this.previewContext = null;
+ this.previewOnLoadMore = null;
+ },
+
+ // =========================================================================
+ // TAB PREVIEW (Block tab badge click)
+ // =========================================================================
+
+ showPreviewPopover: function($tab) {
+ var self = this;
+ var previewData = $tab.data('previewData');
+
+ if (!previewData) {
+ return;
+ }
+
+ this.hidePreviewPopover();
+
+ var $badge = $tab.find('.tab-badge');
+ $badge.addClass('popover-open');
+ this.$activeBadge = $badge;
+
+ var items = previewData.items || previewData.products || [];
+ var blockType = $tab.data('blockType');
+ var blockConfig = this.config.blocks && this.config.blocks[blockType] ? this.config.blocks[blockType] : {};
+ var entityLabelPlural = blockConfig.entity_label_plural || 'items';
+
+ this.previewBlockType = blockType;
+
+ this.createPreviewPopover({
+ $badge: $badge,
+ items: items,
+ totalCount: previewData.count,
+ hasMore: previewData.hasMore,
+ entityLabel: entityLabelPlural,
+ previewType: 'tab',
+ context: { $tab: $tab, blockType: blockType },
+ onLoadMore: function($btn) {
+ self.loadMoreTabPreviewItems($tab, $btn);
}
});
},
- loadMorePreviewItems: function($tab, $btn) {
+ loadMoreTabPreviewItems: function($tab, $btn) {
var self = this;
var blockType = this.previewBlockType;
- var $footer = $btn.closest('.preview-footer');
- var $select = $footer.find('.load-more-select');
- var loadCount = parseInt($select.val(), 10) || 20;
-
var $hiddenInput = this.$wrapper.find('input[name="' + this.config.name + '"]');
var savedData = {};
try {
@@ -7206,8 +7410,7 @@
var data = {};
data[blockType] = { groups: groups };
- $btn.prop('disabled', true).find('i').removeClass('icon-plus').addClass('icon-spinner icon-spin');
- $select.prop('disabled', true);
+ var loadCount = this.previewLoadCount || 20;
$.ajax({
url: this.config.ajaxUrl,
@@ -7225,51 +7428,320 @@
success: function(response) {
var items = response.items || response.products || [];
if (response.success && items.length > 0) {
- self.$previewList.html(self.renderPreviewItems(items));
- self.previewLoadedCount = items.length;
-
- if (response.hasMore) {
- var remaining = response.count - items.length;
- $footer.find('.remaining-count').text(remaining);
-
- var $allOption = $select.find('option:last');
- if ($allOption.val() !== '10' && $allOption.val() !== '20' && $allOption.val() !== '50' && $allOption.val() !== '100') {
- $allOption.val(remaining).text(self.config.trans.all + ' (' + remaining + ')');
- }
-
- $btn.prop('disabled', false).find('i').removeClass('icon-spinner icon-spin').addClass('icon-plus');
- $select.prop('disabled', false);
- } else {
- $footer.remove();
- }
-
$tab.data('previewData', response);
- self.allPreviewData = response;
-
- var filterQuery = self.$previewPopover.find('.preview-filter-input').val();
- if (filterQuery) {
- self.filterPreviewItems(filterQuery.toLowerCase().trim());
- }
+ self.previewTotalCount = response.count;
+ self.updatePreviewPopover(items, response.hasMore);
}
},
error: function() {
- $btn.prop('disabled', false).find('i').removeClass('icon-spinner icon-spin').addClass('icon-plus');
+ var $controls = $btn.closest('.load-more-controls');
+ var $select = $controls.find('.load-more-select');
+ $btn.removeClass('loading');
+ $btn.find('i').removeClass('icon-spinner icon-spin').addClass('icon-plus');
$select.prop('disabled', false);
}
});
},
- hidePreviewPopover: function() {
- if (this.$activeBadge) {
- this.$activeBadge.removeClass('popover-open');
- this.$activeBadge = null;
- }
- if (this.$previewPopover) {
- this.$previewPopover.remove();
- this.$previewPopover = null;
+ // =========================================================================
+ // CONDITION PREVIEW (Single condition badge click)
+ // =========================================================================
+
+ showConditionPreviewPopover: function($badge) {
+ var self = this;
+ var conditionData = $badge.data('conditionData');
+
+ if (!conditionData) {
+ return;
}
+
+ this.hidePreviewPopover();
+
+ $badge.addClass('popover-open loading');
+ this.$activeBadge = $badge;
+
+ var blockType = conditionData.blockType || 'products';
+ var blockConfig = this.config.blocks && this.config.blocks[blockType] ? this.config.blocks[blockType] : {};
+ var entityLabelPlural = blockConfig.entity_label_plural || 'products';
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewConditionItems',
+ trait: 'EntitySelector',
+ method: conditionData.method,
+ values: JSON.stringify(conditionData.values),
+ block_type: blockType,
+ limit: 10
+ },
+ success: function(response) {
+ $badge.removeClass('loading');
+
+ if (response.success) {
+ self.createPreviewPopover({
+ $badge: $badge,
+ items: response.items || [],
+ totalCount: response.count,
+ hasMore: response.hasMore,
+ entityLabel: entityLabelPlural,
+ previewType: 'condition',
+ context: { conditionData: conditionData, blockType: blockType },
+ onLoadMore: function($btn) {
+ self.loadMoreConditionItems($btn);
+ }
+ });
+ } else {
+ $badge.removeClass('popover-open');
+ self.$activeBadge = null;
+ }
+ },
+ error: function() {
+ $badge.removeClass('loading popover-open');
+ self.$activeBadge = null;
+ }
+ });
},
+ loadMoreConditionItems: function($btn) {
+ var self = this;
+ var ctx = this.previewContext;
+
+ if (!ctx || !ctx.conditionData) return;
+
+ var loadCount = this.previewLoadCount || 20;
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewConditionItems',
+ trait: 'EntitySelector',
+ method: ctx.conditionData.method,
+ values: JSON.stringify(ctx.conditionData.values),
+ block_type: ctx.blockType,
+ limit: self.previewLoadedCount + loadCount
+ },
+ success: function(response) {
+ if (response.success) {
+ self.previewTotalCount = response.count;
+ self.updatePreviewPopover(response.items || [], response.hasMore);
+ }
+ },
+ error: function() {
+ var $controls = $btn.closest('.load-more-controls');
+ var $select = $controls.find('.load-more-select');
+ $btn.removeClass('loading');
+ $btn.find('i').removeClass('icon-spinner icon-spin').addClass('icon-plus');
+ $select.prop('disabled', false);
+ }
+ });
+ },
+
+ // =========================================================================
+ // GROUP PREVIEW (Selection group badge click)
+ // =========================================================================
+
+ showGroupPreviewPopover: function($badge, $group, blockType) {
+ var self = this;
+
+ if (!$group) {
+ $group = $badge.closest('.selection-group');
+ }
+
+ if (!blockType) {
+ var $block = $badge.closest('.target-block');
+ blockType = $block.data('blockType') || 'products';
+ }
+
+ var groupData = $badge.data('groupData');
+
+ if (!groupData) {
+ groupData = this.serializeGroup($group, blockType);
+ }
+
+ if (!groupData || !groupData.include) {
+ return;
+ }
+
+ this.hidePreviewPopover();
+
+ $badge.addClass('popover-open loading');
+ this.$activeBadge = $badge;
+
+ var blockConfig = this.config.blocks && this.config.blocks[blockType] ? this.config.blocks[blockType] : {};
+ var entityLabelPlural = blockConfig.entity_label_plural || 'products';
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewGroupItems',
+ trait: 'EntitySelector',
+ group_data: JSON.stringify(groupData),
+ block_type: blockType,
+ limit: 10
+ },
+ success: function(response) {
+ $badge.removeClass('loading');
+
+ if (response.success) {
+ self.createPreviewPopover({
+ $badge: $badge,
+ items: response.items || [],
+ totalCount: response.count,
+ hasMore: response.hasMore,
+ entityLabel: entityLabelPlural,
+ previewType: 'group',
+ context: { groupData: groupData, blockType: blockType, $group: $group },
+ onLoadMore: function($btn) {
+ self.loadMoreGroupItems($btn);
+ }
+ });
+ } else {
+ $badge.removeClass('popover-open');
+ self.$activeBadge = null;
+ }
+ },
+ error: function() {
+ $badge.removeClass('loading popover-open');
+ self.$activeBadge = null;
+ }
+ });
+ },
+
+ loadMoreGroupItems: function($btn) {
+ var self = this;
+ var ctx = this.previewContext;
+
+ if (!ctx || !ctx.groupData) return;
+
+ var loadCount = this.previewLoadCount || 20;
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewGroupItems',
+ trait: 'EntitySelector',
+ group_data: JSON.stringify(ctx.groupData),
+ block_type: ctx.blockType,
+ limit: self.previewLoadedCount + loadCount
+ },
+ success: function(response) {
+ if (response.success) {
+ self.previewTotalCount = response.count;
+ self.updatePreviewPopover(response.items || [], response.hasMore);
+ }
+ },
+ error: function() {
+ $btn.removeClass('loading');
+ $btn.find('.load-more-text').show();
+ $btn.find('.load-more-loading').hide();
+ }
+ });
+ },
+
+ // =========================================================================
+ // FILTER GROUP PREVIEW (Attribute/Feature group toggle badge)
+ // =========================================================================
+
+ showFilterGroupPreviewPopover: function($badge, groupId, groupType, groupName) {
+ var self = this;
+
+ this.hidePreviewPopover();
+
+ $badge.addClass('popover-open loading');
+ this.$activeBadge = $badge;
+
+ var entityLabelPlural = 'products';
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewFilterGroupProducts',
+ trait: 'EntitySelector',
+ group_id: groupId,
+ group_type: groupType,
+ limit: 10
+ },
+ success: function(response) {
+ $badge.removeClass('loading');
+
+ if (response.success) {
+ self.createPreviewPopover({
+ $badge: $badge,
+ items: response.items || [],
+ totalCount: response.count || 0,
+ hasMore: response.hasMore || false,
+ entityLabel: entityLabelPlural,
+ previewType: 'filter-group',
+ context: { groupId: groupId, groupType: groupType, groupName: groupName },
+ onLoadMore: function($btn) {
+ self.loadMoreFilterGroupItems($btn);
+ }
+ });
+ } else {
+ $badge.removeClass('popover-open');
+ self.$activeBadge = null;
+ }
+ },
+ error: function() {
+ $badge.removeClass('loading popover-open');
+ self.$activeBadge = null;
+ }
+ });
+ },
+
+ loadMoreFilterGroupItems: function($btn) {
+ var self = this;
+ var ctx = this.previewContext;
+
+ if (!ctx || !ctx.groupId) return;
+
+ var loadCount = this.previewLoadCount || 20;
+
+ $.ajax({
+ url: this.config.ajaxUrl,
+ type: 'POST',
+ dataType: 'json',
+ data: {
+ ajax: 1,
+ action: 'previewFilterGroupProducts',
+ trait: 'EntitySelector',
+ group_id: ctx.groupId,
+ group_type: ctx.groupType,
+ limit: self.previewLoadedCount + loadCount
+ },
+ success: function(response) {
+ if (response.success) {
+ self.previewTotalCount = response.count;
+ self.updatePreviewPopover(response.items || [], response.hasMore);
+ }
+ },
+ error: function() {
+ $btn.removeClass('loading');
+ $btn.find('.load-more-text').show();
+ $btn.find('.load-more-loading').hide();
+ }
+ });
+ },
+
+ // =========================================================================
+ // PATTERN PREVIEW MODAL (for regex/pattern matching)
+ // =========================================================================
+
showPatternPreviewModal: function(pattern, entityType, caseSensitive, count) {
var self = this;
var trans = this.config.trans || {};
@@ -7356,382 +7828,39 @@
});
},
- refreshGroupPreviewIfOpen: function($group) {
- var self = this;
+ // =========================================================================
+ // HELPER METHODS
+ // =========================================================================
+ refreshGroupPreviewIfOpen: function($group) {
+ // Check if preview is for this group and refresh if needed
if (!this.$activeBadge || !this.$previewPopover) {
return;
}
-
- // Check if preview is for this group and refresh if needed
},
/**
- * Show preview popover for condition match count badge
+ * Escape HTML special characters
*/
- showConditionPreviewPopover: function($badge) {
- var self = this;
- var conditionData = $badge.data('conditionData');
-
- if (!conditionData) {
- return;
- }
-
- this.hidePreviewPopover();
-
- $badge.addClass('popover-open loading');
- this.$activeBadge = $badge;
-
- var trans = this.config.trans || {};
- var blockType = conditionData.blockType || 'products';
- var blockConfig = this.config.blocks && this.config.blocks[blockType] ? this.config.blocks[blockType] : {};
- var entityLabelPlural = blockConfig.entity_label_plural || 'items';
-
- // Fetch preview items from backend
- $.ajax({
- url: this.config.ajaxUrl,
- type: 'POST',
- dataType: 'json',
- data: {
- ajax: 1,
- action: 'previewConditionItems',
- trait: 'EntitySelector',
- method: conditionData.method,
- values: JSON.stringify(conditionData.values),
- block_type: blockType,
- limit: 10
- },
- success: function(response) {
- $badge.removeClass('loading');
-
- if (response.success) {
- var items = response.items || [];
- self.showItemsPopover($badge, items, response.count, response.hasMore, entityLabelPlural, blockType, 'condition');
- }
- },
- error: function() {
- $badge.removeClass('loading popover-open');
- self.$activeBadge = null;
- }
- });
+ escapeHtml: function(str) {
+ if (!str) return '';
+ return String(str)
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
},
/**
- * Show preview popover for group count badge
+ * Escape attribute value
*/
- showGroupPreviewPopover: function($badge, $group, blockType) {
- var self = this;
-
- // If $group not passed, try to find it
- if (!$group) {
- $group = $badge.closest('.selection-group');
- }
-
- if (!blockType) {
- var $block = $badge.closest('.target-block');
- blockType = $block.data('blockType') || 'products';
- }
-
- var groupData = $badge.data('groupData');
-
- if (!groupData) {
- // Try to serialize from DOM
- groupData = this.serializeGroup($group, blockType);
- }
-
- if (!groupData || !groupData.include) {
- return;
- }
-
- this.hidePreviewPopover();
-
- $badge.addClass('popover-open loading');
- this.$activeBadge = $badge;
-
- var trans = this.config.trans || {};
- var blockConfig = this.config.blocks && this.config.blocks[blockType] ? this.config.blocks[blockType] : {};
- var entityLabelPlural = blockConfig.entity_label_plural || 'items';
-
- // Fetch preview items from backend
- $.ajax({
- url: this.config.ajaxUrl,
- type: 'POST',
- dataType: 'json',
- data: {
- ajax: 1,
- action: 'previewGroupItems',
- trait: 'EntitySelector',
- group_data: JSON.stringify(groupData),
- block_type: blockType,
- limit: 10
- },
- success: function(response) {
- $badge.removeClass('loading');
-
- if (response.success) {
- var items = response.items || [];
- self.showItemsPopover($badge, items, response.count, response.hasMore, entityLabelPlural, blockType, 'group');
- } else {
- $badge.removeClass('popover-open');
- self.$activeBadge = null;
- }
- },
- error: function() {
- $badge.removeClass('loading popover-open');
- self.$activeBadge = null;
- }
- });
- },
-
- /**
- * Common popover display for both condition and group previews
- */
- showItemsPopover: function($badge, items, totalCount, hasMore, entityLabel, blockType, previewType) {
- var self = this;
- var trans = this.config.trans || {};
-
- var html = '';
+
+ // Image or placeholder
+ if (item.image) {
+ html += ' + ')
';
} else {
- html += '';
+ html += '';
}
- html += '
'; // .preview-item-info
+
+ // Price column (always show if available)
+ if (typeof item.price !== 'undefined' && item.price !== null) {
+ html += '';
- html += '' + product.name + '';
- if (product.attributes) {
- html += '' + product.attributes + '';
+
+ // Info section
+ html += '
';
- });
+ if (item.category) {
+ meta.push(item.category);
+ }
+ if (item.attributes) {
+ meta.push(item.attributes);
+ }
+
+ if (meta.length > 0) {
+ html += '';
+ }
+
+ html += '';
+ html += '
';
- html += '' + this.escapeHtml(item.name || 'Unnamed') + '
';
+
+ // Meta line (reference, manufacturer, category, attributes)
+ var meta = [];
+ if (item.reference) {
+ meta.push('Ref: ' + item.reference);
}
- if (product.reference) {
- html += '' + product.reference + '';
+ if (item.manufacturer) {
+ meta.push(item.manufacturer);
}
- html += '' + this.formatPrice(item.price) + '
';
+ } else if (item.price_formatted) {
+ html += '' + this.escapeHtml(item.price_formatted) + '
';
+ }
+
+ // Status badge if inactive
+ if (typeof item.active !== 'undefined' && !item.active) {
+ html += 'Inactive';
+ }
+
+ html += '';
-
- html += '
';
-
- var $popover = $(html);
- $('body').append($popover);
-
- $popover.find('.preview-close').on('click', function() {
- self.hidePreviewPopover();
- });
-
- // Position popover below badge
- var badgeOffset = $badge.offset();
- var badgeHeight = $badge.outerHeight();
- var badgeWidth = $badge.outerWidth();
- var popoverWidth = $popover.outerWidth();
-
- var leftPos = badgeOffset.left + (badgeWidth / 2) - (popoverWidth / 2);
- var minLeft = 10;
- var maxLeft = $(window).width() - popoverWidth - 10;
- leftPos = Math.max(minLeft, Math.min(leftPos, maxLeft));
-
- var topPos = badgeOffset.top + badgeHeight + 8;
-
- $popover.css({
- position: 'absolute',
- top: topPos,
- left: leftPos,
- zIndex: 10000
- });
-
- // Add show class for CSS transition
- $popover.addClass('show');
-
- this.$previewPopover = $popover;
- },
-
- /**
- * Render preview items HTML
- */
- renderPreviewItems: function(items) {
- var html = '';
-
- for (var i = 0; i < items.length; i++) {
- var item = items[i];
- html += '';
- html += '' + totalCount + ' ' + entityLabel + '';
- html += '';
- html += '
';
-
- if (items.length > 0) {
- html += '';
- html += this.renderPreviewItems(items);
- html += '
';
-
- if (hasMore) {
- var remaining = totalCount - items.length;
- html += '';
- }
- } else {
- html += '' + (trans.no_preview || 'No items to preview') + '
';
- }
-
- html += '';
-
- // Image or icon
- if (item.image) {
- html += ' + ')
';
- } else {
- html += '';
- }
-
- // Info
- html += '
';
- }
-
- return html;
- },
-
- /**
- * Format price for display
- */
- formatPrice: function(price) {
- if (typeof price !== 'number') {
- price = parseFloat(price) || 0;
- }
- return price.toFixed(2) + ' €';
- },
-
- /**
- * Show preview popover for filter group toggle (attribute/feature groups)
- */
- showFilterGroupPreviewPopover: function($badge, groupId, groupType, groupName) {
- var self = this;
-
- console.log('[EntitySelector] showFilterGroupPreviewPopover called', {
- groupId: groupId,
- groupType: groupType,
- groupName: groupName,
- ajaxUrl: this.config.ajaxUrl
- });
-
- this.hidePreviewPopover();
-
- $badge.addClass('popover-open loading');
- this.$activeBadge = $badge;
-
- var trans = this.config.trans || {};
- var entityLabelPlural = 'products';
-
- // Fetch products matching this attribute/feature group
- $.ajax({
- url: this.config.ajaxUrl,
- type: 'POST',
- dataType: 'json',
- data: {
- ajax: 1,
- action: 'previewFilterGroupProducts',
- trait: 'EntitySelector',
- group_id: groupId,
- group_type: groupType,
- limit: 10
- },
- success: function(response) {
- console.log('[EntitySelector] Filter preview AJAX success', response);
- $badge.removeClass('loading');
-
- if (response.success) {
- var items = response.items || [];
- var totalCount = response.count || 0;
- var hasMore = response.hasMore || false;
-
- self.showFilterGroupItemsPopover($badge, items, totalCount, hasMore, entityLabelPlural, groupName, groupType);
- } else {
- console.log('[EntitySelector] Filter preview response.success = false');
- $badge.removeClass('popover-open');
- self.$activeBadge = null;
- }
- },
- error: function(xhr, status, error) {
- console.error('[EntitySelector] Filter preview AJAX error', {xhr: xhr, status: status, error: error});
- $badge.removeClass('loading popover-open');
- self.$activeBadge = null;
- }
- });
- },
-
- /**
- * Show popover for filter group preview items
- */
- showFilterGroupItemsPopover: function($badge, items, totalCount, hasMore, entityLabel, groupName, groupType) {
- var self = this;
- var trans = this.config.trans || {};
-
- var typeLabel = groupType === 'attribute' ? (trans.attribute || 'Attribute') : (trans.feature || 'Feature');
- var html = '';
- html += '
';
-
- // Price or status
- if (typeof item.price !== 'undefined') {
- html += '' + this.escapeHtml(item.name || 'Unnamed') + '
';
-
- var meta = [];
- if (item.reference) {
- meta.push('Ref: ' + item.reference);
- }
- if (item.manufacturer) {
- meta.push(item.manufacturer);
- }
- if (item.category) {
- meta.push(item.category);
- }
- if (item.attributes) {
- meta.push(item.attributes);
- }
-
- if (meta.length > 0) {
- html += '';
- }
-
- html += '' + this.formatPrice(item.price) + '
';
- }
- if (typeof item.active !== 'undefined' && !item.active) {
- html += 'Inactive';
- }
-
- html += '';
-
- html += '
';
-
- var $popover = $(html);
- $('body').append($popover);
-
- $popover.find('.preview-close').on('click', function() {
- self.hidePreviewPopover();
- });
-
- // Position popover below badge
- var badgeOffset = $badge.offset();
- var badgeHeight = $badge.outerHeight();
- var badgeWidth = $badge.outerWidth();
- var popoverWidth = $popover.outerWidth();
-
- var leftPos = badgeOffset.left + (badgeWidth / 2) - (popoverWidth / 2);
- var minLeft = 10;
- var maxLeft = $(window).width() - popoverWidth - 10;
- leftPos = Math.max(minLeft, Math.min(leftPos, maxLeft));
-
- var topPos = badgeOffset.top + badgeHeight + 8;
-
- $popover.css({
- position: 'absolute',
- top: topPos,
- left: leftPos,
- zIndex: 10000
- });
-
- $popover.addClass('show');
-
- this.$previewPopover = $popover;
+ escapeAttr: function(str) {
+ if (!str) return '';
+ return String(str)
+ .replace(/&/g, '&')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
}
};
diff --git a/assets/js/admin/entity-selector.min.js b/assets/js/admin/entity-selector.min.js
index 38bc486..07e009a 100644
--- a/assets/js/admin/entity-selector.min.js
+++ b/assets/js/admin/entity-selector.min.js
@@ -1,2 +1,2 @@
-!function(e){"use strict";window._EntitySelectorMixins=window._EntitySelectorMixins||{},window._EntitySelectorMixins.utils={escapeHtml:function(e){return null==e?"":String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},escapeAttr:function(e){return null==e?"":String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},getEntityTypeIcon:function(e){return{products:"icon-shopping-cart",categories:"icon-folder-open",manufacturers:"icon-building",suppliers:"icon-truck",attributes:"icon-list-alt",features:"icon-tags",cms:"icon-file-text",cms_categories:"icon-folder"}[e]||"icon-cube"},getEntityTypeLabel:function(e){var t=this.config.trans||{};return{products:t.product||"Product",categories:t.category||"Category",manufacturers:t.manufacturer||"Manufacturer",suppliers:t.supplier||"Supplier",attributes:t.attribute||"Attribute",features:t.feature||"Feature",cms:t.cms_page||"CMS Page",cms_categories:t.cms_category||"CMS Category"}[e]||e},validate:function(){if(1!==this.$wrapper.data("required")&&"1"!==this.$wrapper.data("required"))return!0;var t=!1;return this.$wrapper.find(".target-block").each(function(){if(e(this).find(".selection-group").length>0)return t=!0,!1}),t?(this.clearValidationError(),!0):(this.showValidationError(),!1)},showValidationError:function(){this.$wrapper.addClass("has-validation-error");var t=this.$wrapper.data("required-message")||"Please select at least one item";this.$wrapper.find(".trait-validation-error").remove();var i=e("';
- html += '' + totalCount + ' ' + entityLabel + '';
- html += '';
- html += '
';
-
- if (items.length > 0) {
- html += '';
- html += this.renderPreviewItems(items);
- html += '
';
-
- if (hasMore) {
- var remaining = totalCount - items.length;
- html += '';
- }
- } else {
- html += '' + (trans.no_preview || 'No items to preview') + '
';
- }
-
- html += '",{class:"trait-validation-error",html:' '+t});this.$wrapper.find(".condition-trait-header").after(i),e("html, body").animate({scrollTop:this.$wrapper.offset().top-100},300),this.$wrapper.find(".condition-trait-body").is(":visible")||(this.$wrapper.find(".condition-trait-body").slideDown(200),this.$wrapper.removeClass("collapsed"))},clearValidationError:function(){this.$wrapper.removeClass("has-validation-error"),this.$wrapper.find(".trait-validation-error").remove()},getBlockMode:function(e){var t=this.config.blocks[e];return t&&t.mode?t.mode:"multi"},isBlockSingleMode:function(e){return"single"===this.getBlockMode(e)},getCurrentSingleSelection:function(){if("single"!==(this.config.mode||"multi"))return null;var e=this.$wrapper.find(".entity-chips .entity-chip").first();if(e.length){var t=e.closest(".target-block");return{name:e.find(".chip-name").text()||e.data("id"),entityType:t.data("block-type")||"item"}}return null}}}(jQuery),function(e){"use strict";window._EntitySelectorMixins=window._EntitySelectorMixins||{},window._EntitySelectorMixins.events={bindEvents:function(){var t=this;this.$wrapper.on("click",".target-block-tab",function(i){i.preventDefault();var a=e(this).data("blockType");t.switchToBlock(a)}),this.$wrapper.on("click",".target-block-tab .tab-badge",function(i){i.stopPropagation(),i.preventDefault();var a=e(this).closest(".target-block-tab");e(this).hasClass("popover-open")?t.hidePreviewPopover():t.showPreviewPopover(a)}),this.$wrapper.on("click",".condition-match-count.clickable",function(i){i.stopPropagation(),i.preventDefault();var a=e(this);a.hasClass("popover-open")?t.hidePreviewPopover():t.showConditionPreviewPopover(a)}),this.$wrapper.on("click",".group-count-badge.clickable",function(i){i.stopPropagation(),i.preventDefault();var a=e(this);a.hasClass("popover-open")?t.hidePreviewPopover():t.showGroupPreviewPopover(a)}),e(document).on("click",function(i){e(i.target).closest(".target-preview-popover").length||e(i.target).closest(".tab-badge").length||e(i.target).closest(".condition-match-count").length||e(i.target).closest(".group-count-badge").length||e(i.target).closest(".group-modifiers").length||e(i.target).closest(".group-preview-badge").length||e(i.target).closest(".toggle-count.clickable").length||t.hidePreviewPopover()}),this.$wrapper.on("click",".condition-trait-header",function(i){if(!(e(i.target).closest(".target-block-tabs").length||e(i.target).closest(".trait-header-actions").length||e(i.target).closest(".prestashop-switch").length)){var a=t.$wrapper.find(".condition-trait-body");a.stop(!0,!0),a.is(":visible")?(a.slideUp(200),t.$wrapper.addClass("collapsed")):(a.slideDown(200),t.$wrapper.removeClass("collapsed"))}}),this.$wrapper.on("click",".group-header",function(i){e(i.target).closest(".btn-remove-group, .group-name-input").length||"single"!==t.$wrapper.data("mode")&&e(this).closest(".selection-group").toggleClass("collapsed")}),this.$wrapper.on("click",".trait-header-actions .btn-toggle-groups",function(i){i.preventDefault(),i.stopPropagation();var a=e(this),s=a.attr("data-state")||"collapsed",r=t.config.trans||{};"collapsed"===s?(t.$wrapper.find(".selection-group").removeClass("collapsed"),a.attr("data-state","expanded"),a.attr("title",r.collapse_all||"Collapse all groups"),a.find("i").removeClass("icon-expand").addClass("icon-compress")):(t.$wrapper.find(".selection-group").addClass("collapsed"),a.attr("data-state","collapsed"),a.attr("title",r.expand_all||"Expand all groups"),a.find("i").removeClass("icon-compress").addClass("icon-expand"))}),this.$wrapper.on("change",".trait-show-all-toggle .show-all-checkbox",function(i){i.stopPropagation(),e(this).prop("checked")&&t.clearAllConditions()}),this.$wrapper.on("change",".target-switch-toggle",function(i){i.stopPropagation(),"1"===e(this).val()?(t.clearAllConditions(),t.$wrapper.find(".condition-trait-body").slideUp(200),t.$wrapper.addClass("collapsed")):(t.$wrapper.find(".condition-trait-body").slideDown(200),t.$wrapper.removeClass("collapsed"))}),this.$wrapper.on("click",".btn-add-group",function(i){i.preventDefault();var a=e(this).closest(".target-block"),s=a.data("blockType");t.addGroup(a,s)}),this.$wrapper.on("click",".btn-remove-group",function(i){i.preventDefault();var a=e(this).closest(".selection-group"),s=e(this).closest(".target-block");t.removeGroup(a,s)}),this.$wrapper.on("click focus",".group-name-input",function(e){e.stopPropagation()}),this.$wrapper.on("change blur",".group-name-input",function(){var i=e(this),a=i.closest(".selection-group"),s=e.trim(i.val());a.attr("data-group-name",s),t.serializeAllBlocks()}),this.$wrapper.on("click",".btn-add-exclude",function(i){i.preventDefault();var a=e(this).closest(".selection-group"),s=e(this).closest(".target-block");t.addFirstExcludeRow(a,s)}),this.$wrapper.on("click",".btn-add-another-exclude",function(i){i.preventDefault();var a=e(this).closest(".selection-group"),s=e(this).closest(".target-block");t.addExcludeRow(a,s)}),this.$wrapper.on("click",".btn-remove-exclude-row",function(i){i.preventDefault();var a=e(this).closest(".exclude-row"),s=e(this).closest(".selection-group"),r=e(this).closest(".target-block");t.removeExcludeRow(a,s,r)}),this.$wrapper.on("change",".include-method-select",function(){t.hideDropdown();var i=e(this).closest(".selection-group"),a=e(this).closest(".target-block"),s=i.find(".group-include"),r=a.data("blockType"),n=(t.config.blocks[r]||{}).selection_methods||{},o=e(this).find("option:selected"),l=o.data("valueType")||"none",c=o.data("searchEntity")||"",d=o.data("options")||null,p=i.find(".include-picker"),u=t.buildValuePickerHtml("include",l,c,n);if(p.replaceWith(u),"select"===l&&d){var h=(f=i.find(".include-picker")).find(".select-value-input");h.empty(),e.each(d,function(e,i){h.append('")})}if("multi_select_tiles"===l&&d){var f=i.find(".include-picker"),v=!0===o.data("exclusive");t.populateTiles(f,d,v)}if("multi_numeric_range"===l){f=i.find(".include-picker");var m=o.data("step"),g=o.data("min");t.applyRangeInputConstraints(f,m,g)}"combination_attributes"===l&&(f=i.find(".include-picker"),t.loadCombinationAttributeGroups(f));var b=e(this).val();t.updateMethodInfoPlaceholder(i.find(".method-selector-wrapper"),b,r),t.updateBlockStatus(a),t.serializeAllBlocks(s)}),this.$wrapper.on("change",".exclude-method-select",function(){t.hideDropdown();var i=e(this).closest(".exclude-row"),a=(e(this).closest(".selection-group"),e(this).closest(".target-block").data("blockType")),s=(t.config.blocks[a]||{}).selection_methods||{},r=e(this).find("option:selected"),n=r.data("valueType")||"entity_search",o=r.data("searchEntity")||a,l=r.data("options")||null,c=i.find(".exclude-picker"),d=t.buildValuePickerHtml("exclude",n,o,s);if(c.replaceWith(d),"select"===n&&l){var p=(u=i.find(".exclude-picker")).find(".select-value-input");p.empty(),e.each(l,function(e,i){p.append('")})}if("multi_select_tiles"===n&&l){var u=i.find(".exclude-picker"),h=!0===r.data("exclusive");t.populateTiles(u,l,h)}if("multi_numeric_range"===n){u=i.find(".exclude-picker");var f=r.data("step"),v=r.data("min");t.applyRangeInputConstraints(u,f,v)}"combination_attributes"===n&&(u=i.find(".exclude-picker"),t.loadCombinationAttributeGroups(u));var m=e(this).val();t.updateMethodInfoPlaceholder(i.find(".exclude-header-row"),m,a),t.serializeAllBlocks(i)}),this.$wrapper.on("keydown",".pattern-input",function(t){13===t.keyCode&&(t.preventDefault(),e(this).closest(".draft-tag").find(".btn-add-pattern").click())}),this.$wrapper.on("click",".draft-tag .btn-add-pattern",function(i){i.preventDefault(),i.stopPropagation();var a=e(this).closest(".draft-tag"),s=a.closest(".value-picker"),r=a.closest(".group-include, .exclude-row"),n=a.find(".pattern-input"),o=e.trim(n.val());if(o){var l="1"===a.attr("data-case-sensitive");t.addPatternTag(s,o,l),n.val("").focus(),a.find(".pattern-match-count").removeClass("count-found count-zero").hide(),a.find(".pattern-match-count .count-value").text(""),t.serializeAllBlocks(r)}}),this.$wrapper.on("input",".pattern-input",function(){var i=e(this),a=i.closest(".draft-tag");if(a.length){var s=e.trim(i.val());i.data("countTimeout")&&clearTimeout(i.data("countTimeout"));var r=a.find(".pattern-match-count");if(s){var n=setTimeout(function(){var e="1"===a.attr("data-case-sensitive");t.updateDraftTagCount(a,s,e)},300);i.data("countTimeout",n)}else{r.removeClass("count-found count-zero").hide(),r.find(".count-value").text("");var o=a.closest(".selection-group");o.length&&t.updateGroupTotalCount(o)}}}),this.$wrapper.on("click",".pattern-tag .btn-remove-pattern",function(i){i.preventDefault(),i.stopPropagation();var a=e(this).closest(".group-include, .exclude-row");e(this).closest(".pattern-tag").remove(),t.serializeAllBlocks(a)}),this.$wrapper.on("click",".pattern-tag .btn-toggle-case",function(i){i.preventDefault(),i.stopPropagation();var a=e(this).closest(".pattern-tag"),s=e(this),r=t.config.trans||{},n=a.hasClass("draft-tag"),o=!(1===a.data("caseSensitive")||"1"===a.data("caseSensitive")||"1"===a.attr("data-case-sensitive"));a.data("caseSensitive",o?1:0),a.attr("data-case-sensitive",o?"1":"0"),a.toggleClass("case-sensitive",o),s.find(".case-icon").text(o?"Aa":"aa");var l=o?r.case_sensitive||"Case sensitive - click to toggle":r.case_insensitive||"Case insensitive - click to toggle";if(s.attr("title",l),n){var c=e.trim(a.find(".pattern-input").val());c&&t.updateDraftTagCount(a,c,o)}else{var d=a.closest(".group-include, .exclude-row");t.serializeAllBlocks(d)}}),this.$wrapper.on("click",".pattern-match-count",function(i){i.preventDefault(),i.stopPropagation();var a=e(this),s=a.data("count"),r=a.data("pattern"),n=a.data("entityType"),o=a.data("caseSensitive");!s||s<=0||!r||t.showPatternPreviewModal(r,n,o,s)}),this.$wrapper.on("click",".pattern-tag .pattern-tag-text",function(t){t.preventDefault();var i=e(this).closest(".pattern-tag");if(!i.hasClass("editing")){var a=i.data("pattern"),s=e('').val(a),r=e(''),n=e(''),o=e('').append(r,n);i.addClass("editing").find(".pattern-tag-text").hide(),i.find(".btn-remove-pattern").hide(),i.prepend(o).prepend(s),s.focus().select(),s.on("keydown",function(e){13===e.keyCode?(e.preventDefault(),r.click()):27===e.keyCode&&(e.preventDefault(),n.click())})}}),this.$wrapper.on("click",".pattern-tag .btn-pattern-save",function(i){i.preventDefault(),i.stopPropagation();var a=e(this).closest(".pattern-tag"),s=a.find(".pattern-tag-edit"),r=a.data("pattern"),n=e.trim(s.val());n&&n!==r&&(a.data("pattern",n),a.find(".pattern-tag-text").text(n)),s.remove(),a.find(".pattern-edit-actions").remove(),a.removeClass("editing").find(".pattern-tag-text, .btn-remove-pattern").show();var o=a.closest(".group-include, .exclude-row");t.serializeAllBlocks(o)}),this.$wrapper.on("click",".pattern-tag .btn-pattern-cancel",function(t){t.preventDefault(),t.stopPropagation();var i=e(this).closest(".pattern-tag");i.find(".pattern-tag-edit").remove(),i.find(".pattern-edit-actions").remove(),i.removeClass("editing").find(".pattern-tag-text, .btn-remove-pattern").show()}),this.$wrapper.on("mouseenter",".mpr-info-wrapper[data-details]",function(){var t=e(this);if(!t.data("tooltip-active")){var i=t.attr("data-details"),a=t.attr("data-tooltip-class")||"",s=e("'+(a.all||"All")+" ("+b+")")}this.$dropdown.find(".dropdown-actions").show(),this.$dropdown.find(".btn-show-history").removeClass("active");var x=this.activeGroup?this.activeGroup.searchEntity:null,_=x&&this.getSearchHistory(x).length>0;this.$dropdown.find(".btn-show-history").prop("disabled",!_)},loadCategoryTree:function(){var t=this,i=this.$dropdown.find(".dropdown-results"),a=this.activeGroup?this.activeGroup.searchEntity:"categories";this.$dropdown.addClass("show"),i.html('0?" ("+l+" selected)":""))}},findTreeDescendants:function(t,i){var a=parseInt(t.data("nleft"),10),s=parseInt(t.data("nright"),10),r=parseInt(t.data("id"),10),n=[];if(a>0&&s>0&&s>a)i.each(function(){var t=e(this),i=parseInt(t.data("nleft"),10),r=parseInt(t.data("nright"),10);i>a&&r0;){var c=o.shift();l[c]||(l[c]=!0,i.each(function(){var t=e(this),i=parseInt(t.data("parent-id"),10),a=parseInt(t.data("id"),10);i!==c||l[a]||(n.push(t),o.push(a))}))}return n},findTreeAncestors:function(t,i){var a=parseInt(t.data("nleft"),10),s=parseInt(t.data("nright"),10),r=[];if(a>0&&s>0)i.each(function(){var t=e(this),i=parseInt(t.data("nleft"),10),n=parseInt(t.data("nright"),10);is&&r.push(t)});else for(var n=parseInt(t.data("parent-id"),10),o={};n>0&&!o[n];)o[n]=!0,i.each(function(){var t=e(this);if(parseInt(t.data("id"),10)===n)return r.push(t),n=parseInt(t.data("parent-id"),10),!1});return r},updateSelectChildrenButtons:function(t){var i=this,a=this.config.trans||{};t.filter(".has-children").each(function(){var s=e(this),r=s.find(".btn-select-children");if(r.length){for(var n=i.findTreeDescendants(s,t),o=s.hasClass("selected"),l=0;l0?(r.find("i").removeClass("icon-plus-square").addClass("icon-minus-square"),r.attr("title",a.deselect_with_children||"Deselect with all children")):(r.find("i").removeClass("icon-minus-square").addClass("icon-plus-square"),r.attr("title",a.select_with_children||"Select with all children"))}})},loadSearchHistory:function(){try{var e=localStorage.getItem(this.searchHistoryKey);this.searchHistory=e?JSON.parse(e):{}}catch(e){this.searchHistory={}}},saveSearchHistory:function(){try{localStorage.setItem(this.searchHistoryKey,JSON.stringify(this.searchHistory))}catch(e){}},addToSearchHistory:function(e,t){if(t&&!(t.length<2)){this.searchHistory[e]||(this.searchHistory[e]=[]);var i=this.searchHistory[e],a=i.indexOf(t);-1!==a&&i.splice(a,1),i.unshift(t),i.length>this.searchHistoryMax&&(i=i.slice(0,this.searchHistoryMax)),this.searchHistory[e]=i,this.saveSearchHistory()}},removeFromSearchHistory:function(e,t){if(this.searchHistory[e]){var i=this.searchHistory[e].indexOf(t);-1!==i&&(this.searchHistory[e].splice(i,1),this.saveSearchHistory())}},getSearchHistory:function(e){return this.searchHistory[e]||[]},showSearchHistory:function(e){var t=this.getSearchHistory(e),i=this.config.trans||{},a=this.$dropdown.find(".dropdown-results");if(this.$dropdown.find(".results-count").text(i.recent_searches||"Recent searches"),this.$dropdown.find(".dropdown-actions").hide(),this.$dropdown.find(".filter-panel").removeClass("show"),this.$dropdown.find(".btn-toggle-filters").removeClass("active"),this.$dropdown.find(".results-header").hide(),t.length){for(var s='
",a.html(s),this.$dropdown.addClass("show")}else this.performSearch()},refreshSearch:function(){"tree"!==this.viewMode?(this.searchOffset=0,this.loadMoreCount=20,this.$dropdown&&(this.$dropdown.find(".load-more-select").val("20"),this.$dropdown.find('.load-more-select option[data-all="true"]').remove()),this.performSearch(!1)):this.filterCategoryTree(this.searchQuery||"")},clearFilters:function(){if(this.refineQuery="",this.refineNegate=!1,this.filters={inStock:!1,discounted:!1,priceMin:null,priceMax:null,attributes:[],features:[],productCountMin:null,productCountMax:null,salesMin:null,salesMax:null,turnoverMin:null,turnoverMax:null,depth:null,hasProducts:!1,hasDescription:!1,hasImage:!1,activeOnly:!0,attributeGroup:null,featureGroup:null,dateAddFrom:null,dateAddTo:null,lastProductFrom:null,lastProductTo:null},this.$dropdown){var e=this.config.trans||{};this.$dropdown.find(".refine-input").val("").attr("placeholder",e.refine_short||"Refine..."),this.$dropdown.find(".btn-clear-refine").hide(),this.$dropdown.find(".btn-refine-negate").removeClass("active"),this.$dropdown.find(".filter-in-stock").prop("checked",!1),this.$dropdown.find(".filter-discounted").prop("checked",!1),this.$dropdown.find(".filter-price-min").val(""),this.$dropdown.find(".filter-price-max").val(""),this.$dropdown.find(".filter-attr-chip").removeClass("active"),this.$dropdown.find(".filter-feat-chip").removeClass("active"),this.$dropdown.find(".filter-group-toggle").removeClass("active has-selection"),this.$dropdown.find(".filter-row-values").hide(),this.$dropdown.find(".filter-product-count-min, .filter-product-count-max").val(""),this.$dropdown.find(".filter-sales-min, .filter-sales-max").val(""),this.$dropdown.find(".filter-turnover-min, .filter-turnover-max").val(""),this.$dropdown.find(".filter-date-add-from, .filter-date-add-to").val(""),this.$dropdown.find(".filter-last-product-from, .filter-last-product-to").val(""),this.$dropdown.find(".filter-depth-select").val(""),this.$dropdown.find(".filter-has-products").prop("checked",!1),this.$dropdown.find(".filter-has-description").prop("checked",!1),this.$dropdown.find(".filter-has-image").prop("checked",!1),this.$dropdown.find(".filter-active-only").prop("checked",!0),this.$dropdown.find(".filter-attribute-group-select, .filter-feature-group-select").val("")}this.refreshSearch()},resetFiltersWithoutSearch:function(){if(this.refineQuery="",this.refineNegate=!1,this.filters={inStock:!1,discounted:!1,priceMin:null,priceMax:null,attributes:[],features:[],productCountMin:null,productCountMax:null,salesMin:null,salesMax:null,turnoverMin:null,turnoverMax:null,depth:null,hasProducts:!1,hasDescription:!1,hasImage:!1,activeOnly:!0,attributeGroup:null,featureGroup:null,dateAddFrom:null,dateAddTo:null,lastProductFrom:null,lastProductTo:null},this.$dropdown){var e=this.config.trans||{};this.$dropdown.find(".refine-input").val("").attr("placeholder",e.refine_short||"Refine..."),this.$dropdown.find(".btn-clear-refine").hide(),this.$dropdown.find(".btn-refine-negate").removeClass("active"),this.$dropdown.find(".filter-in-stock").prop("checked",!1),this.$dropdown.find(".filter-discounted").prop("checked",!1),this.$dropdown.find(".filter-price-min").val(""),this.$dropdown.find(".filter-price-max").val(""),this.$dropdown.find(".filter-attr-chip").removeClass("active"),this.$dropdown.find(".filter-feat-chip").removeClass("active"),this.$dropdown.find(".filter-group-toggle").removeClass("active has-selection"),this.$dropdown.find(".filter-row-values").hide(),this.$dropdown.find(".filter-product-count-min, .filter-product-count-max").val(""),this.$dropdown.find(".filter-sales-min, .filter-sales-max").val(""),this.$dropdown.find(".filter-turnover-min, .filter-turnover-max").val(""),this.$dropdown.find(".filter-date-add-from, .filter-date-add-to").val(""),this.$dropdown.find(".filter-last-product-from, .filter-last-product-to").val(""),this.$dropdown.find(".filter-depth-select").val(""),this.$dropdown.find(".filter-has-products").prop("checked",!1),this.$dropdown.find(".filter-has-description").prop("checked",!1),this.$dropdown.find(".filter-has-image").prop("checked",!1),this.$dropdown.find(".filter-active-only").prop("checked",!0),this.$dropdown.find(".filter-attribute-group-select, .filter-feature-group-select").val("")}},updateFilterPanelForEntity:function(e){if(this.$dropdown){var t=this.$dropdown.find(".filter-panel");t.find(".filter-row").hide();var i=this.$dropdown.find(".view-mode-select option.tree-view-option");"categories"===e||"cms_categories"===e?(i.prop("disabled",!1).prop("hidden",!1),"tree"!==this.viewMode?(this.viewMode="tree",this.$dropdown.find(".view-mode-select").val("tree"),this.$dropdown.removeClass("view-list view-cols-2 view-cols-3 view-cols-4 view-cols-5 view-cols-6 view-cols-7 view-cols-8").addClass("view-tree"),this.loadCategoryTree()):this.loadCategoryTree()):(i.prop("disabled",!0).prop("hidden",!0),"tree"===this.viewMode&&(this.viewMode="list",this.$dropdown.find(".view-mode-select").val("list"),this.$dropdown.removeClass("view-tree").addClass("view-list"))),"products"===e?(t.find(".filter-row-quick").show(),this.filterableData&&(this.filterableData.attributes&&this.filterableData.attributes.length>0&&this.$dropdown.find(".filter-row-attributes").show(),this.filterableData.features&&this.filterableData.features.length>0&&this.$dropdown.find(".filter-row-features").show())):"categories"===e?t.find(".filter-row-entity-categories").show():"manufacturers"===e?t.find(".filter-row-entity-manufacturers").show():"suppliers"===e?t.find(".filter-row-entity-suppliers").show():"attributes"===e?(t.find(".filter-row-entity-attributes").show(),this.loadAttributeGroups()):"features"===e?t.find(".filter-row-entity-features").show():"cms"===e?t.find(".filter-row-entity-cms").show():"cms_categories"===e&&t.find(".filter-row-entity-cms-categories").show()}},loadAttributeGroups:function(){var t=this,i=this.$dropdown.find(".filter-attribute-group-select");i.find("option").length>1||e.ajax({url:this.config.ajaxUrl,type:"POST",dataType:"json",data:{ajax:1,action:"getAttributeGroups",trait:"EntitySelector"},success:function(a){a.success&&a.groups&&e.each(a.groups,function(e,a){i.append('")})}})},loadFeatureGroups:function(){var t=this,i=this.$dropdown.find(".filter-feature-group-select");i.find("option").length>1||e.ajax({url:this.config.ajaxUrl,type:"POST",dataType:"json",data:{ajax:1,action:"getFeatureGroups",trait:"EntitySelector"},success:function(a){a.success&&a.groups&&e.each(a.groups,function(e,a){i.append('")})}})}}}(jQuery),function(e){"use strict";window._EntitySelectorMixins=window._EntitySelectorMixins||{},window._EntitySelectorMixins.filters={clearFilters:function(){this.refineQuery="",this.refineNegate=!1,this.filters={inStock:!1,discounted:!1,priceMin:null,priceMax:null,attributes:[],features:[],productCountMin:null,productCountMax:null,salesMin:null,salesMax:null,turnoverMin:null,turnoverMax:null,depth:null,hasProducts:!1,hasDescription:!1,hasImage:!1,activeOnly:!0,attributeGroup:null,featureGroup:null,dateAddFrom:null,dateAddTo:null,lastProductFrom:null,lastProductTo:null},this.$dropdown&&(this.config.trans,this.$dropdown.find(".refine-input").val(""),this.$dropdown.find(".btn-refine-negate").removeClass("active"),this.$dropdown.find(".filter-in-stock").prop("checked",!1),this.$dropdown.find(".filter-discounted").prop("checked",!1),this.$dropdown.find(".filter-price-min, .filter-price-max").val(""),this.$dropdown.find(".filter-attr-chip, .filter-feat-chip").removeClass("active"),this.$dropdown.find(".filter-product-count-min, .filter-product-count-max").val(""),this.$dropdown.find(".filter-sales-min, .filter-sales-max").val(""),this.$dropdown.find(".filter-depth-select").val(""),this.$dropdown.find(".filter-has-products").prop("checked",!1),this.$dropdown.find(".filter-active-only").prop("checked",!0)),this.refreshSearch()},resetFiltersWithoutSearch:function(){this.refineQuery="",this.refineNegate=!1,this.filters={inStock:!1,discounted:!1,priceMin:null,priceMax:null,attributes:[],features:[],productCountMin:null,productCountMax:null,salesMin:null,salesMax:null,turnoverMin:null,turnoverMax:null,depth:null,hasProducts:!1,hasDescription:!1,hasImage:!1,activeOnly:!0,attributeGroup:null,featureGroup:null,dateAddFrom:null,dateAddTo:null,lastProductFrom:null,lastProductTo:null}},updateFilterPanelForEntity:function(e){if(this.$dropdown){var t=this.$dropdown.find(".filter-panel");t.find(".filter-row").hide(),t.find('.filter-row[data-entity="'+e+'"]').show(),t.find(".filter-row-entity-"+e.replace("_","-")).show();var i=this.$dropdown.find(".tree-view-option");"categories"===e||"cms_categories"===e?i.prop("disabled",!1).show():i.prop("disabled",!0).hide()}},loadFilterableData:function(){var t=this;this.filterableData?this.renderFilterDropdowns():e.ajax({url:this.config.ajaxUrl,type:"POST",data:{ajax:1,action:"getTargetFilterableAttributes",trait:"EntitySelector"},dataType:"json",success:function(e){e.success&&e.data&&(t.filterableData=e.data,t.renderFilterDropdowns())}})},renderFilterDropdowns:function(){if(this.$dropdown&&this.filterableData){var e=this,t=this.$dropdown.find(".filter-attributes-container");t.empty(),this.filterableData.attributes&&this.filterableData.attributes.length>0&&(this.filterableData.attributes.forEach(function(i){var a='",t.append(a)}),this.$dropdown.find(".filter-row-attributes").show());var i=this.$dropdown.find(".filter-features-container");i.empty(),this.filterableData.features&&this.filterableData.features.length>0&&(this.filterableData.features.forEach(function(t){var a='",i.append(a)}),this.$dropdown.find(".filter-row-features").show())}},showFilterGroupValues:function(e,t){if(this.filterableData){var i=this,a=("attribute"===t?this.filterableData.attributes:this.filterableData.features).find(function(t){return t.id==e});if(a){this.$dropdown.find(".filter-row-values").hide();var s="attribute"===t?".filter-row-attr-values":".filter-row-feat-values",r=this.$dropdown.find(s),n=r.find(".filter-values-container");n.empty();var o=''+a.name+":";a.values.forEach(function(a){var s=("attribute"===t?-1!==i.filters.attributes.indexOf(a.id):-1!==i.filters.features.indexOf(a.id))?" active":"",r="attribute"===t?"filter-attr-chip":"filter-feat-chip",n=a.color?' style="--chip-color: '+a.color+'"':"",l=a.color?" has-color":"";o+='"}),n.html(o),r.find(".btn-close-values").remove(),r.append(''),r.show();var l=r[0];l&&l.scrollIntoView({behavior:"smooth",block:"nearest"})}}},hideFilterGroupValues:function(){this.$dropdown.find(".filter-row-values").hide(),this.$dropdown.find(".filter-group-toggle").removeClass("active")},updateFilterToggleStates:function(){if(this.$dropdown&&this.filterableData){var e=this;this.filterableData.attributes&&this.filterableData.attributes.forEach(function(t){var i=e.$dropdown.find('.filter-group-toggle[data-group-id="'+t.id+'"][data-type="attribute"]'),a=t.values.some(function(t){return-1!==e.filters.attributes.indexOf(t.id)});i.toggleClass("has-selection",a)}),this.filterableData.features&&this.filterableData.features.forEach(function(t){var i=e.$dropdown.find('.filter-group-toggle[data-group-id="'+t.id+'"][data-type="feature"]'),a=t.values.some(function(t){return-1!==e.filters.features.indexOf(t.id)});i.toggleClass("has-selection",a)})}}}}(jQuery),function(e){"use strict";window._EntitySelectorMixins=window._EntitySelectorMixins||{},window._EntitySelectorMixins.chips={addSelection:function(e,t,i,a){this.addSelectionNoUpdate(e,t,i,a);var s=e.find(".entity-chips");this.updateChipsVisibility(s)},addSelectionNoUpdate:function(e,t,i,a){var s=e.find(".entity-chips"),r=e.closest(".target-block");if("single"===(this.config.mode||"multi")?(this.$wrapper.find(".entity-chips .entity-chip").remove(),this.$dropdown&&this.$dropdown.find(".dropdown-item.selected, .tree-item.selected").removeClass("selected"),this.$wrapper.find(".target-block-tab .tab-badge").remove(),this.$wrapper.find(".target-block-tab").removeClass("has-data")):"single"===(r.data("mode")||"multi")&&(s.find(".entity-chip").remove(),this.$dropdown&&this.$dropdown.find(".dropdown-item.selected, .tree-item.selected").removeClass("selected")),!s.find('.entity-chip[data-id="'+t+'"]').length){var n='';a&&a.image&&(n+='",{class:"mpr-tooltip mpr-tooltip-fixed "+a,html:i});e("body").append(s),t.data("tooltip-active",!0);var r=t.offset(),n=t.outerWidth(),o=s.outerWidth(),l=s.outerHeight(),c=r.left+n/2-o/2,d=r.top-l-10;c<10&&(c=10),c+o>e(window).width()-10&&(c=e(window).width()-o-10),s.css({position:"fixed",left:c+"px",top:d-e(window).scrollTop()+"px"}),t.data("tooltip-el",s)}}),this.$wrapper.on("mouseleave",".mpr-info-wrapper[data-details]",function(){var t=e(this),i=t.data("tooltip-el");i&&i.remove(),t.data("tooltip-active",!1),t.data("tooltip-el",null)}),this.$wrapper.on("change",".range-min-input, .range-max-input",function(){var i=e(this).closest(".group-include, .exclude-row");t.serializeAllBlocks(i)}),this.$wrapper.on("change",".date-from-input, .date-to-input",function(){var i=e(this).closest(".group-include, .exclude-row");t.serializeAllBlocks(i)}),this.$wrapper.on("change",".select-value-input",function(){var i=e(this).closest(".group-include, .exclude-row");t.serializeAllBlocks(i)}),this.$wrapper.on("click",".btn-add-range",function(i){i.preventDefault();var a=e(this).closest(".value-picker"),s=e(this).closest(".group-include, .exclude-row"),r=a.find(".multi-range-container"),n=r.find(".multi-range-chips"),o=r.find(".range-min-input"),l=r.find(".range-max-input"),c=o.val().trim(),d=l.val().trim();if(""!==c||""!==d){var p=parseFloat(o.attr("step"))||.01,u=o.attr("min"),h=void 0!==u&&""!==u;u=h?parseFloat(u):null;var f=""!==c?parseFloat(c):null,v=""!==d?parseFloat(d):null;if(h){if(null!==f&&fv)t.showRangeInputError(o,t.config.trans.min_greater_than_max||"Min cannot be greater than max");else{var m,g=p<1?String(p).split(".")[1].length:0;null!==f&&(f=p>=1?Math.round(f):parseFloat(f.toFixed(g)),c=String(f)),null!==v&&(v=p>=1?Math.round(v):parseFloat(v.toFixed(g)),d=String(v)),m=""!==c&&""!==d?c+" - "+d:""!==c?"≥ "+c:"≤ "+d;var b=e("",{class:"range-chip","data-min":c,"data-max":d});b.append(e("",{class:"range-chip-text",text:m})),b.append(e("
"}):v=' '+(a.no_results||"No results found")+"
",t?s.append(v):s.html(v);var m=this.searchResults.length Loading category tree...
');var s=a+"TreeCache";this[s]?this.renderCategoryTree(this[s],a):e.ajax({url:this.config.ajaxUrl,type:"POST",dataType:"json",data:{ajax:1,action:"getCategoryTree",trait:"EntitySelector",entity_type:a},success:function(e){e.success&&e.categories?(t[s]=e.categories,t.renderCategoryTree(e.categories,a)):i.html(' Failed to load category tree
')},error:function(e,t,a){i.html(' Error loading category tree
')}})},renderCategoryTree:function(t,i){var a=this,s=this.config.trans||{},r=this.$dropdown.find(".dropdown-results"),n="cms_categories"===i,o=n?"CMS categories":"categories",l=[];if(this.activeGroup){var c=this.$wrapper.find('.target-block[data-block-type="'+this.activeGroup.blockType+'"]').find('.selection-group[data-group-index="'+this.activeGroup.groupIndex+'"]');"include"===this.activeGroup.section?c.find(".include-picker").find(".entity-chip").each(function(){l.push(parseInt(e(this).data("id"),10))}):c.find('.exclude-row[data-exclude-index="'+this.activeGroup.excludeIndex+'"]').find(".exclude-picker").find(".entity-chip").each(function(){l.push(parseInt(e(this).data("id"),10))})}var d='';d+='
",r.html(d);var u=r.find(".tree-item.selected").length;this.$dropdown.find(".results-count").text(t.length+" "+o+(u>0?" ("+u+" selected)":""));var h=r.find(".tree-item");this.updateSelectChildrenButtons(h),this.$dropdown.find(".load-more-controls").hide()},filterCategoryTree:function(t){var i=this,a=this.$dropdown.find(".category-tree");if(a.length){var s=a.find(".tree-item");if(!(t=t.toLowerCase().trim()))return s.show().removeClass("collapsed"),void a.find(".tree-toggle i").removeClass("icon-caret-right").addClass("icon-caret-down");var r=[],n=[];s.each(function(){var a=e(this);if(-1!==(a.data("name")||"").toLowerCase().indexOf(t)){r.push(a.data("id"));for(var o=i.findTreeAncestors(a,s),l=0;l';var p=t.length>0?t[0].level:1;t.forEach(function(e){var t=-1!==l.indexOf(e.id),i=20*(e.level-p),r=e.has_children;d+='
",d+="',d+=r?'':'';var o="single"===a.config.mode;r&&!o?(d+='"):o||(d+=''),d+='',d+='',d+='
"}),d+="',d+=''+a.escapeHtml(e.name)+"",d+=''+a.escapeHtml(e.subtitle)+"",d+="
",d+="',r=0;r',s+='',s+=''+this.escapeHtml(n)+"",s+='",s+="
"}s+="