日報作成、編集フォームのプラクティス選択をChoices.jsに置き換える。

[NorifumiOgawa]

• [Choice.js] 日報作成、編集フォームのプラクティス選択をChoice.jsに置き換える。 #4583

概要

• 日報作成、編集フォームのプラクティス選択をselect2からChoices.jsに置き換える。
• 既存のcompany-select.js を choices-ui.js にリネームし、複数選択可能なプルダウン用にjs-choices-multiple-selectというidを当てて対応する方針です。※詳細はIssueの町田さんからのコメントにあります。
• テストもChoices.jsに合わせて修正しました。

変更前

変更後

確認方法

1. ブランチ feature/replace-practice-selection-on-daily-report-editing-forms-with-choices-js をローカルに取り込む
2. bin/rails sでサーバーを立ち上げる
   3.komagata でログインし、日報作成の画面を開く
3. 「プラクティス」の項目をクリックし、複数のプラクティスが選択できることを確認する
4. 「プラクティス」で選択されているプラクティスの「✗」ボタンクリックで削除できることを確認する
5. 「プラクティス」の項目に文字railsを入力し、railsに該当するプラクティスが候補として表示されることを確認する

[NorifumiOgawa]

@garammasala29 ガラムマサラさんが先日、管理者向けユーザー編集画面の「企業」欄で導入されたChoices.jsを、日報作成・編集フォームの「プラクティス」欄に適用するIssueの対応となります。お手すきの際にレビューをお願いします🙏

@machida ひと通り実装してみました。この段階でデザインをお願いして大丈夫でしょうか？よろしくお願いします🙏

[machida]

@NorifumiOgawa デザイン了解です！

[garammasala29]

@NorifumiOgawa さん
お疲れ様です。レビュー依頼ありがとうございました！
複数選択できることを確認できました、LGTMです👍

[machida]

@NorifumiOgawa デザイン入れましたー

[NorifumiOgawa]

@garammasala29 さん、レビューありがとうございました！
@machida さん、デザインありがとうございました！
@komagata さん、レビューよろしくお願いします🙏

[komagata]

確認させて頂きました。OKです〜🙆‍♂️