From 0c02acedcc5b3a2be696ff47e8befe468318a797 Mon Sep 17 00:00:00 2001
From: xO-Tx <mou@odoo.com>
Date: Thu, 24 Jun 2021 09:38:53 +0000
Subject: [PATCH] [IMP] website: improve accordion options

In this commit, the following changes have been made:

- Set the "Add Item" button to add new blocks in 'Accordion' snippet.
- Make the scroll animation optional on block reordering and disable it
  for 'Accordion' blocks.

Part of https://github.com/odoo/odoo/pull/68061
task-2431484
---
 .../website/static/src/js/editor/snippets.options.js  |  3 ++-
 addons/website/views/snippets/snippets.xml            | 11 +++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/addons/website/static/src/js/editor/snippets.options.js b/addons/website/static/src/js/editor/snippets.options.js
index 3d25b35a386..f2c72fd8745 100644
--- a/addons/website/static/src/js/editor/snippets.options.js
+++ b/addons/website/static/src/js/editor/snippets.options.js
@@ -2750,7 +2750,8 @@ options.registry.SnippetMove = options.Class.extend({
                 }
                 break;
         }
-        if (params.name === 'move_up_opt' || params.name === 'move_down_opt') {
+        if (!this.$target.is(this.data.noScroll)
+                && (params.name === 'move_up_opt' || params.name === 'move_down_opt')) {
             dom.scrollTo(this.$target[0], {
                 extraOffset: 50,
                 easing: 'linear',
diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 4734779689d..6b979b92951 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -416,6 +416,14 @@
          data-selector='.accordion > .card'
          data-drop-in='.accordion:has(> .card)'/>
 
+    <div data-js="MultipleItems" data-selector=".s_faq_collapse">
+        <we-row string="Item">
+            <we-button data-add-item="" data-item=".accordion > .card:last" data-select-item="" data-no-preview="true" class="o_we_bg_brand_primary">
+                Add Item
+            </we-button>
+        </we-row>
+    </div>
+
     <div data-js="layout_column"
         data-selector="section"
         data-target="> *:has(> .row:not(.s_nb_column_fixed)), > .s_allow_columns">
@@ -431,8 +439,7 @@
     </div>
 
     <!-- Move snippets around -->
-    <div data-js="SnippetMove"
-         data-selector="section, .accordion > .card, .s_showcase .row:not(.s_col_no_resize) > div">
+    <div data-js="SnippetMove" data-selector="section, .accordion > .card, .s_showcase .row:not(.s_col_no_resize) > div" data-no-scroll=".accordion > .card">
         <we-button class="fa fa-fw fa-angle-up" data-move-snippet="prev" data-no-preview="true" data-name="move_up_opt"/>
         <we-button class="fa fa-fw fa-angle-down" data-move-snippet="next" data-no-preview="true" data-name="move_down_opt"/>
     </div>