feat(main): Add FAQ accordion

2026-08-11 13:25:06 +02:00
parent 635c13a0ed
commit 1493081602
22 changed files with 459 additions and 4 deletions
@@ -13,6 +13,44 @@
            window.prestashop.component.initComponents([
                'TinyMCEEditor',
            ]);
+
+            function toggleBlockTypeFields() {
+                var type = $('#custom_html_block_type').val();
+
+                if (type === 'html') {
+                    $('.customhtmlblock-type-html').show();
+                    $('.customhtmlblock-type-faq').hide();
+                } else {
+                    $('.customhtmlblock-type-html').hide();
+                    $('.customhtmlblock-type-faq').show();
+                }
+            }
+
+            $('#custom_html_block_type').on('change', toggleBlockTypeFields);
+            toggleBlockTypeFields();
+
+            var removeFaqLabel = '{{ 'Remove'|trans({}, 'Admin.Actions')|e('js') }}';
+            var faqContainer = $('#customhtmlblock-faq-items');
+
+            $('#customhtmlblock-add-faq').on('click', function () {
+                var index = faqContainer.data('index');
+                var prototype = faqContainer.data('prototype').replace(/__name__/g, index);
+
+                var item = $('<div class="customhtmlblock-faq-item card mb-2"><div class="card-body"></div></div>');
+                item.find('.card-body')
+                    .append(prototype)
+                    .append(
+                        '<button type="button" class="btn btn-outline-danger btn-sm customhtmlblock-remove-faq">' +
+                        '<i class="material-icons">delete</i> ' + removeFaqLabel + '</button>'
+                    );
+
+                faqContainer.append(item);
+                faqContainer.data('index', index + 1);
+            });
+
+            faqContainer.on('click', '.customhtmlblock-remove-faq', function () {
+                $(this).closest('.customhtmlblock-faq-item').remove();
+            });
        });
    </script>
 {% endblock %}