Subida del módulo y tema de PrestaShop

admin_o2w/themes/new-theme/js/pages/attribute/form/attribute-form-map.ts

@@ -0,0 +1,14 @@
+/**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ */
+
+/**
+ * Defines all selectors that are used in attribute address add/edit form.
+ */
+export default {
+  attributeShopAssociationInput: '#attribute_shop_association',
+  attributeGroupSelect: '#attribute_attribute_group',
+  attributeColorFormRow: '.js-attribute-type-color-form-row',
+  attributeTextureFormRow: '.js-attribute-type-texture-form-row',
+};

admin_o2w/themes/new-theme/js/pages/attribute/form/index.ts

@@ -0,0 +1,43 @@
+/**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ */
+
+import AttributeFormMap from '@pages/attribute/form/attribute-form-map';
+import FormSubmitButton from '@components/form-submit-button';
+
+const {$} = window;
+
+$(() => {
+  window.prestashop.component.initComponents(
+    [
+      'TranslatableInput',
+      'TranslatableField',
+    ],
+  );
+
+  new window.prestashop.component.ChoiceTree(AttributeFormMap.attributeShopAssociationInput).enableAutoCheckChildren();
+
+  new FormSubmitButton();
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+  const attributeGroupSelect = document.querySelector(AttributeFormMap.attributeGroupSelect) as HTMLSelectElement | null;
+  const attributeColorRow = document.querySelector(AttributeFormMap.attributeColorFormRow) as HTMLElement | null;
+  const attributeTextureRow = document.querySelector(AttributeFormMap.attributeTextureFormRow) as HTMLElement | null;
+
+  if (!attributeGroupSelect || !attributeColorRow || !attributeTextureRow) return;
+
+  const toggleDisplay = () => {
+    const selectedOption = attributeGroupSelect?.selectedOptions[0];
+    const isColorGroup = selectedOption?.dataset.iscolorgroup;
+    const displayValue = isColorGroup ? 'flex' : 'none';
+
+    attributeColorRow.style.display = displayValue;
+    attributeTextureRow.style.display = displayValue;
+  };
+
+  toggleDisplay();
+
+  attributeGroupSelect?.addEventListener('change', toggleDisplay);
+});

admin_o2w/themes/new-theme/js/pages/attribute/index.ts

@@ -0,0 +1,19 @@
+/**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ */
+
+$(() => {
+  const grid = new window.prestashop.component.Grid('attribute');
+
+  grid.addExtension(new window.prestashop.component.GridExtensions.ExportToSqlManagerExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.ReloadListExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.SortingExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.FiltersResetExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.SubmitRowActionExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.SubmitBulkActionExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.BulkActionCheckboxExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.FiltersSubmitButtonEnablerExtension());
+  grid.addExtension(new window.prestashop.component.GridExtensions.PositionExtension(grid));
+  grid.addExtension(new window.prestashop.component.GridExtensions.LinkRowActionExtension());
+});