Ruby on rails 複数のモデルを条件分岐とAjaxを使って一つのページから更新したい

##複数のモデルを条件分岐とAjaxを使って一つのページから更新したい

たとえば、時間管理アプリをつくるとして

1.はじめの選択肢が、仕事、休憩、遊びの3つあり

2.仕事を選ぶと、startボタンが出現する、押すと時間の計測が始まる

3.stopボタンを押すと、非同期的に仕事モデルにstartを押した瞬間、endを押した瞬間の時間がそれぞれ格納される

4.はじめの選択する場面に非同期的に戻す

時間を動的に習得する部分に関してはなんなくできましたが、複数のモデルを単一のformから非同期的に操作する方法がいまいちわかりません。

複数やり方はあると思いますが、みなさんだったらどういう方針をとりますか？

方針を示してくださるだけでも、ありがたいですができれば
htlmとjsのサンプルコードを書いてくださるとありがたいです。

また、有益なサイト情報の提供もお待ちしています。

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

回答1件

ベストアンサー

ツッコミどころが３っつあります。
１つ目は
RDBを使っているのに正規化をしようと言う発想がない
仕事table 色々 started_time finished_time
休息table 色々 started_time finished_time
遊びtable 色々 started_time finished_time
を例えばpolymorphicを使って
仕事table 色々
休息table 色々
遊びtable 色々
タイムレコード started_time finished_time polymorphic_type polymorphic_id
みたいにして切り出せばタイムレコードのみを更新すればよくなります。モデルを切り替える必要はありません。
また、タイムレコードから仕事休息遊びを一覧で見ることができます。

２つ目は

stopボタンを押すと、非同期的に仕事モデルにstartを押した瞬間、endを押した瞬間の時間がそれぞれ格納される

これではブラウザを誤って閉じて閉まった場合はstartを押した瞬間のデータが消えてしまいますが
いいのでしょうか?
３つ目は
Rails5.1以降ですとこれらの処理はrailsに則って作ればturbolinksライブラリが全て非同期処理に
勝手に書き換えてくれます。
なのでajaxを気にする必要はありません。

つまりRailsに従って
0. polymorphicを使ってタイムレコードモデルを作る
0. タイムレコードコントローラーを作る
0. 仕事ボタンを押すとタイムレコードのnewに仕事パラメータを含めて誘導する
0. タイムレコードコントローラーnew methodで仕事モデルとタイムレコードモデルを生成(この時に開始時間を入れる)
0. タイムレコードのnew.html.erbをpartial化してトップ画面にrenderで埋め込む。
0. new.html.erb表示とともにカウントを始める。
0. submitボタンをstopに書き換える
0. カウントしたデータをpostパラメータの中に混ぜて、リダイレクト先をトップページにする
これで完成です。