hotwire-love / touhyosan

Hotwire.love で使う投票ツール
MIT License
14 stars 19 forks source link

話題を並び替えて投票できるように #52

Closed yasu551 closed 1 year ago

morikiyo commented 1 year ago

次回の meetup で stimulus-sortable への載せ替えをするとして、このPRはマージします。 https://www.stimulus-components.com/docs/stimulus-sortable/

asip commented 1 year ago

@morikiyo

stimulus-sortable、ソースコードを読んだ感じ、SortableJSのonUpdate イベントを利用していて、このonUpdateイベント、draggable の sortable:sorted イベントと同じ挙動(のよう)なので、 stimulus-sortableを利用するなら、 (コントローラを)継承して、SortableJSの他のイベント(onEnd?)を利用する 形にすることになる、と思います。ご参考まで。

(stimulus-sortable、SortableJSのonUpdateイベント時に呼び出す メソッド内で、ドラッグ後のindex etcを組み立てたFormDataにセット、 fetchでドラッグする要素のdata属性にセットしたURLにそのFormDataを postして、更新する仕様になっています。 (既ににご存知かもしれませんが。。。))