Docs新規作成フォームのプラクティス選択をChoices.jsに置き換える

[a-terumoto-gs]

Issue

• [Choices.js] Docs作成フォームのプラクティス選択をChoices.jsに置き換える。 #7498

概要

select2というjQueryライブラリで実装されていたDocs作成フォームのプラクティス選択部分のセレクトボックスを、
他ページでのプラクティス選択部分の実装に合わせ、Choices.jsというライブラリでの実装に変更しました。

関連issue

• [Choice.js] 新規質問作成フォームのプラクティス選択をChoice.jsに置き換える。 #4582
• [Choice.js] 日報作成、編集フォームのプラクティス選択をChoice.jsに置き換える。 #4583
• [Choice.js] 日報一覧のプラクティスで絞り込むをchoice.jsに置き換える。 #4584

変更確認方法

1. feature/replace-practice-selection-in-creation-new-docs-form-with-choices-jsをローカルに取り込む
2. http://localhost:3000/pages にアクセス
3. 右上の+Doc作成を押す
4. 「関連プラクティス」欄について、仕様が以下のように変わっていることを確認する

• デフォルトとして「関連プラクティスを指定しない」という文字列が「関連プラクティス」欄にグレーで表示されている
  

• プルダウンをクリックして、一覧の中でhoverしたプラクティスの欄がグレーになり、右側に「選択」とグレーで表示される

• プラクティスを一つ選択すると「関連プラクティス」欄に黒字で表示される
  

Screenshot

変更前

デフォルトの「関連プラクティスを指定しない」という文字列が黒
hoverするとプラクティスの欄が濃い紫に
選択済みのプラクティスは濃いグレーに

変更後

デフォルトの「関連プラクティスを指定しない」という文字列がグレー
hoverするとプラクティスの欄がグレーに、かつ右側に「選択」と表示

[a-terumoto-gs]

@machida
おつかれさまです！
こちらのissueのデザインについてなのですが、以下のissueで実装された他ページのものを流用して実装しています。
一応確認をお願いしてもよろしいでしょうか？

• [Choice.js] 新規質問作成フォームのプラクティス選択をChoice.jsに置き換える。 #4582
• [Choice.js] 日報作成、編集フォームのプラクティス選択をChoice.jsに置き換える。 #4583
• [Choice.js] 日報一覧のプラクティスで絞り込むをchoice.jsに置き換える。 #4584

[machida]

@a-terumoto-gs 確認しました！！このデザインでOKですー👍

[a-terumoto-gs]

@kurumadaisuke
お疲れ様です！
お手すきの際にこちらのPRのレビューをお願いしてもよろしいでしょうか？
お忙しい等あれば遠慮なくその旨お伝えください。
よろしくお願いいたしますm(__)m

[kurumadaisuke]

@a-terumoto-gs
すいません....
ちょっと仕事がバタバタしていてレビューまで、お時間空いてしまっても大丈夫であれば確認いたします🙇‍♂️
もし、急ぎ等あれば申し訳ないのですが違う方への依頼お願いできますでしょうか🙇‍♂️

[a-terumoto-gs]

@kurumadaisuke
コメントありがとうございます！
お忙しいところお手数おかけして申し訳ないです💦
今回は他の方にお願いさせてもらおうと思いますm(__)m

[a-terumoto-gs]

@ham-cap
お疲れ様です！
お手すきの際にこちらのPRのレビューをお願いしてもよろしいでしょうか？
お忙しい等あれば遠慮なくその旨お伝えください。
よろしくお願いいたしますm(__)m

[ham-cap]

@a-terumoto-gs
返信が遅くなり申し訳ありません🙏
コンフリクトが起きているようですので、まずそちらを解消していただけますでしょうか👀

よろしくお願いいたします🙏

[a-terumoto-gs]

@ham-cap
対応遅くなってしまい申し訳ございません。
コンフリクト解消いたしましたm(__)m
レビューお願いいたします！

[a-terumoto-gs]

@ham-cap
お忙しいところ失礼しますm(__)m
こちらいかがでしょうか？

[ham-cap]

@a-terumoto-gs
遅くなっており申し訳ありません🙇
明日中には対応させていただきますのでもう少しだけお時間いただければ幸いです🙏💦

[ham-cap]

@a-terumoto-gs
お疲れ様です！
ローカルでの動作確認とコードの確認をさせていただきました！
問題ないと思いますのでApproveさせていただきますー🙆‍♂️

[a-terumoto-gs]

@ham-cap
ありがとうございました(*'▽')

@komagata
メンバーの方にApproveいただいたのでレビューをお願いいたしますm(__)m

[komagata]

このIssueはとっても助かります～！
確認させていただきました。OKです～👌