Merge pull request #3261 from rbayet/feat-optimizer-preview-prevent-s…

…electing-disabled-category [Optimizer] Prevent selecting a disabled category for previewing
Smile-SA · Apr 18, 2024 · 3afba70 · 3afba70
2 parents 1e6044c + 4c956ba
commit 3afba70
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 1 deletion.
diff --git a/...talog-optimizer/view/adminhtml/ui_component/smile_elasticsuite_catalog_optimizer_form.xml b/...talog-optimizer/view/adminhtml/ui_component/smile_elasticsuite_catalog_optimizer_form.xml
@@ -674,7 +674,7 @@
                         <item name="label" xsi:type="string" translate="true">Category Preview</item>
                         <item name="componentType" xsi:type="string">field</item>
                         <item name="formElement" xsi:type="string">select</item>
-                        <item name="component" xsi:type="string">Magento_Catalog/js/components/new-category</item>
+                        <item name="component" xsi:type="string">Smile_ElasticsuiteCore/js/components/pick-active-category</item>
                         <item name="elementTmpl" xsi:type="string">ui/grid/filters/elements/ui-select</item>
                         <item name="dataScope" xsi:type="string">category_preview</item>
                         <item name="filterOptions" xsi:type="boolean">true</item>

diff --git a/src/module-elasticsuite-catalog-optimizer/view/adminhtml/web/css/source/_module.less b/src/module-elasticsuite-catalog-optimizer/view/adminhtml/web/css/source/_module.less
@@ -29,6 +29,13 @@ div.optimizer-preview-fieldset {
         .admin__field-label {
             width: auto;
         }
+        ._unclickable {
+            .admin__action-multiselect-label {
+                cursor: default;
+                font-weight: normal;
+                color: #aaa;
+            }
+        }
     }
 
     .query-text {

diff --git a/src/module-elasticsuite-core/view/adminhtml/web/js/components/pick-active-category.js b/src/module-elasticsuite-core/view/adminhtml/web/js/components/pick-active-category.js
@@ -0,0 +1,52 @@
+/**
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade Smile ElasticSuite to newer
+ * versions in the future.
+ *
+ * @category  Smile
+ * @package   Smile\ElasticsuiteCore
+ * @author    Richard Bayet <richard.bayet@smile.fr>
+ * @copyright 2024 Smile
+ * @license   Open Software License ("OSL") v. 3.0
+ */
+
+define([
+    'Magento_Catalog/js/components/new-category'
+], function (Category) {
+    'use strict';
+
+    return Category.extend({
+
+        /**
+         * Check label decoration
+         *
+         * @param {Object} data - selected option data
+         * @returns {boolean}
+         */
+        isLabelDecoration: function (data) {
+            return (
+                (data.hasOwnProperty(this.separator) && this.labelsDecoration) ||
+                (data.hasOwnProperty('is_active') &&
+                    ((data.is_active === false) || (parseInt(data.is_active, 10) === 0)))
+            );
+        },
+
+
+        /**
+         * Toggle activity list element
+         *
+         * @param {Object} data - selected option data
+         * @returns {Object} Chainable
+         */
+        toggleOptionSelected: function (data) {
+            if (data.hasOwnProperty('is_active') &&
+                ((data.is_active === false) || (parseInt(data.is_active, 10) === 0))
+            ) {
+                return this;
+            }
+
+            return this._super(data);
+        }
+    });
+});