From f60fbd70f4f21da280e428c081ecad4081646711 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Fri, 16 Apr 2021 11:07:28 -0300
Subject: [PATCH] =?UTF-8?q?deshabilitar=20el=20bot=C3=B3n=20de=20publicaci?=
 =?UTF-8?q?=C3=B3n=20una=20vez=20que=20se=20lo=20toca?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controllers/submit_once_controller.js         | 15 +++++++++++++++
 app/views/sites/_build.haml                       |  9 ++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 app/javascript/controllers/submit_once_controller.js

diff --git a/app/javascript/controllers/submit_once_controller.js b/app/javascript/controllers/submit_once_controller.js
new file mode 100644
index 0000000..b47a33e
--- /dev/null
+++ b/app/javascript/controllers/submit_once_controller.js
@@ -0,0 +1,15 @@
+import { Controller } from 'stimulus'
+
+/*
+ * Deshabilita el elemento que recibe el evento, para evitar que la
+ * acción se realice varias veces.
+ *
+ * <form data-controller="submit-once">
+ *   <input type="submit" data-action="submit-once#disable" />
+ * </form>
+ */
+export default class extends Controller {
+  disable (event) {
+    event.target.disabled = true
+  }
+}
diff --git a/app/views/sites/_build.haml b/app/views/sites/_build.haml
index 4115e97..d9d6be8 100644
--- a/app/views/sites/_build.haml
+++ b/app/views/sites/_build.haml
@@ -4,12 +4,15 @@
       tooltip: t('help.sites.enqueued'),
       text: t('sites.enqueued'),
       type: 'secondary',
-      link: nil
+      link: nil,
+      disabled: true
   - else
     = form_tag site_enqueue_path(site),
-      method: :post, class: 'form-inline inline' do
+      method: :post,
+      data: { controller: 'submit-once' },
+      class: 'form-inline inline' do
       = button_tag type: 'submit',
         class: 'btn no-border-radius',
         title: t('help.sites.enqueue'),
-        data: { toggle: 'tooltip' } do
+        data: { action: 'submit-once#disable' } do
         = t('sites.enqueue')