[Rails]ファイルのダウンロード後に、submitを再度有効化する

form_withからファイルのダウンロード後に、htmlにdisableが足されたsubmitを、再度有効化させる方法を探しています。

stackoverflow：Data Disable With not enable button after a send a file
こちらにも、同じような状況の質問がありますが、有力な回答はないようです。

構成

ダウンロードファイルはexcelで、gemを使って生成しています。

Gemfile
1gem 'caxlsx'
2gem 'caxlsx_rails'

erb
1<!-- partial view -->
2<%= form_with(url: url, method: :get, local: true) do |form| %>
3   <%= form.fields_for :filter do |f| %>
4      <%= f.hidden_field :from, value: from %>
5      <%= f.hidden_field :to, value: to %>
6   <% end %>
7   <%= form.submit t(".download"), data: { disable_with: t(".loading") } %>
8<% end %>

ruby
1# users_controller
2respond_to do |format|
3   format.html
4   format.js
5   format.xlsx do
6      filename = "Users_#{Time.now.strftime('%F_%H-%M-%S')}.xlsx"
7      render xlsx: 'download', filename: "#{filename}"
8   end
9end

# users/download.xlsx.axlsx
workbook = xlsx_package.workbook

workbook.add_worksheet(name: User.model_name.human) do |sheet|
  sheet.add_row [
    User.human_attribute_name(:id),
    User.human_attribute_name(:name)
  ]

  @users.each_with_index do |user, index|
    sheet.add_row [
      user.id,
      user.name
    ]
  end
end

試したこと

disable_with: false

stackoverflow：Submit button disabled after rendering create action rails

sbumitのdisable_withオプションをfalseにする方法ですが、この場合処理の完了を待たずに何度もリクエストを送れてしまいます。

ajax / $.get

Qiita：[Rails5] submitタグでAjaxを使うと2回目以降に無効になる

javascriptでリクエストさせ、完了時にdisableを外すやり方ですが、今回の場合はファイルのダウンロードのため、javascriptから行うことは出来ません。

$(window).on("~~~", function(){})

Re-enable submit buttons disabled by the :disable_with option
stackoverflow：Re-enable links disabled with disable_with

こちらもjavascriptでページの更新をハンドルして、もとに戻す方法ですが、
ファイルダウンロードではunload,page:changeなどは反応しないようでした。

setTimeout

submitされたときに、それを戻すfunctionをセットします。
ある意味では確実ですが、レコード数や通信速度によってダウンロードに時間が掛かる場合などに対応できません。

erb
1<script type="text/javascript">
2  $(function() {
3    var form = $("form#download_form");
4    var submit = $(form).find('input[type="submit"]');
5
6    $(form).on('submit', function(e) {
7      setTimeout(function(){
8        console.log("timer function");
9        submit.removeAttr("disabled");
10        submit.val( "<%= t(".download") %>" );
11      }, 3000);
12    });
13  });
14</script>

他

その他にも、download.xlsx.axlsx内でjavascriptを実行できないか調べていましたが、上手いようにはなりませんでした。
download.xlsx.axlsxをdownload.js.erbからrenderし、同時にjsを実行する、というのも
そもそもcontrollerからrenderされるのがxlsxでないといけないので、駄目そうでした。

行動規範の内容に同意します

回答2件

自己解決

少し前にActionCableとChannelという物を知り、この方法で実装しました。
開かれているブラウザのページ単位(？)でWebsocketを接続し、controller側からrenderとは別にブラウザへブロードキャストを流して、条件に一致する場合（今回だとDeviseでログインしているユーザー）javascriptを実行できるようです。

ruby
1# users_controller
2def export
3  ### レコードの抽出とrenderの処理
4
5  ExportChannel.broadcast_to(　current_user　)
6end

ruby
1# app/channels/export_chaneel.rb
2class ExportChannel < ApplicationCable::Channel
3  def subscribed
4    # stream_from "some_channel"
5    stream_for current_user
6  end
7
8  def unsubscribed
9    # Any cleanup needed when channel is unsubscribed
10  end
11end

js
1// javascript/channels/export_channel.js
2import consumer from "./consumer"
3
4consumer.subscriptions.create("ExportChannel", {
5  connected() {
6    // Called when the subscription is ready for use on the server
7  },
8
9  disconnected() {
10    // Called when the subscription has been terminated by the server
11  },
12
13  received(data) {
14    // Called when there's incoming data on the websocket for this channel
15    var form = $("form#download_form");
16    var submit = $(form).find('input[type="submit"]');
17    submit.prop("disabled", false);
18  }
19});