Disabled all buttons from the column after click

Inventis · Jan 22, 2020 · b4db00c · b4db00c
1 parent bd31f17
commit b4db00c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/Sylius/Bundle/UiBundle/Resources/private/js/app.js b/src/Sylius/Bundle/UiBundle/Resources/private/js/app.js
@@ -62,4 +62,9 @@ $(document).ready(() => {
   });
 
   $('[data-form-type="collection"]').CollectionForm();
+
+  $('[data-js-disable]').on('click', (e) => {
+    const $current = $(e.currentTarget);
+    $(document).find($current.attr('data-js-disable')).not($current).addClass('disabled').prop('disabled', true);
+  });
 });
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Action/applyTransition.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Action/applyTransition.html.twig
@@ -2,6 +2,8 @@
     <form action="{{ path(options.link.route, options.link.parameters) }}" method="post">
         <input type="hidden" name="_csrf_token" value="{{ csrf_token(data.id) }}">
         <input type="hidden" name="_method" value="PUT">
-        <button class="ui loadable {{ options.class|default }} labeled icon button" type="submit"><i class="{{ action.icon }} icon"></i> {{ action.label|trans }}</button>
+        <button class="ui loadable {{ options.class|default }} labeled icon button" type="submit" data-js-disable=".sylius-grid-table-wrapper button, .sylius-grid-table-wrapper a">
+            <i class="{{ action.icon }} icon"></i> {{ action.label|trans }}
+        </button>
     </form>
 {% endif %}