計画

プレーヤーのレベルを変更する計画は次のとおりです。

(1) ユーザーが増加、減少のボタンをクリックすると、 playerIdとhowMuchをペイロードとして、 ChangeLevelメッセージをトリガーします。

(2) Html.program(ナビゲーションがラップしている)は、このメッセージを Main.Updateに送り返し、Players.Update(3)に送ります。

(4) Players.Updateはプレーヤーを保存するコマンドを返します。このコマンドはHtml.program(5)に流れます。

(6) Elmランタイムはコマンドを実行し(API呼び出しをトリガする)、保存成功または失敗のいずれかの結果を返します。 成功の場合、更新されたプレーヤーをペイロードとして「SaveSuccess」メッセージをトリガーします。

(7) Main.UpdateはSaveSuccessメッセージを Players.Updateにルーティングします。

(8) Players.Updateではplayersモデルを更新して返します。 これはHtml.program(9)に戻ります。

(10) その後、Html.programは更新されたモデルでアプリケーションをレンダリングします。