個別のお問い合わせにコメントがつけられるようにした

[ayu-0505]

Issue

• 管理者ページのお問い合わせ個別にコメントを付けたい。 #7452

概要

個別のお問い合わせページにおいて、コメントがつけられるようにしました。
現在コメント機能を提供しているVueファイルを使用せずに実装するために、slimファイルやJSファイルを新規で作成しています。
（また、大まかな実装方針としてはQ&AのAnswer部分を非Vue化 #8033を参考にしております。）
いくつか変更点にて追加でコメントしています。

変更確認方法

1. feature/add-comment-form-in-inquiryをローカルに取り込む。
   1. git fetch origin pull/8263/head:feature/add-comment-form-in-inquiry（２度目以降は--forceをつけてください）
   2. git switch feature/add-comment-form-in-inquiry
2. rails db:seedで初期データにする。
3. foreman start -f Procfile.devでローカルサーバーを立ち上げる。
4. 管理者（例: user:komagata, password: testtest）でログインする。
5. お問い合わせ一覧から任意の個別のお問い合わせページにアクセスし、コメント欄が表示されていることを確認。
6. 新規作成確認
   1. 適当なコメントをフォームに入力し、プレビューボタンを押すとプレビューに切り替わることを確認。
   2. コメントするボタンをクリックするとコメントが新規作成され、右上にコメントを投稿しました！のトーストが数秒表示されることを確認。
   3. 画面のリロードなしで先ほどの新規コメントが投稿されていることを確認。
   4. 投稿フォームが初期化されているかを確認。
7. コメント位置ジャンプとリアクション機能確認
   1. コメントに対して、リアクションボタン押下後に適当なリアクションを選択し、正常にリアクションが付与されているか確認。
   2. コメントの日付部分をクリックするとCopiedと数秒表示され、クリップボードにハッシュパラメータ付きURLが保存される。
   3. URLをアドレスバーにペーストしてリロードし、ジャンプできるか確認。
8. 編集確認
   1. 編集ボタンをクリック。
   2. 既存コメントの編集ができるようになり、コメントを適当に変更。
   3. プレビューボタンを押すとプレビューに切り替わることを確認。
   4. キャンセルボタンを押すと、変更前の既存のコメント内容に戻って編集画面が終了されることを確認。
   5. 再度編集ボタンを押してコメントを適当に変更し、保存するボタンをクリック。
   6. 画面のリロードなしでコメント内容が更新されていることを確認。
9. 削除確認
   1. コメント右下の削除するボタンをクリック。
   2. 本当に宜しいですか？のダイアログが表示される。
   3. OKを押すと画面のリロードなしで該当コメントが削除されることを確認。
10. コメント件数による表示制限確認
    1. コメントを9件以上投稿し、画面をリロードする。
       （以下のコードをrails cで行うと素早くできます。userはmachidaさん、commentable_idはinquiry1 に該当しています。）

    20.times do |i|
      Comment.create!(description: "test #{i}",
      user_id: 679998234,
      commentable_id: 1044063400,
      commentable_type: "Inquiry")
    end
    

    2. 最大表示コメントが８件分表示され、過去分が折り畳まれた表示になる。コメント読み込みボタンに前のコメント（8/コメント全件数）、または前のコメント（見表示コメント件数）という表示があることを確認。
    3. コメント読み込みボタンを押すごとにリロードなしで８件ずつ表示されていき、コメント読み込みボタンの件数が変化していくことを確認。

Screenshot

変更前

• お問い合わせにはコメント機能はありません。

変更後

• コメント投稿フォームが表示されています。

• コメントが8件より多くなると古いコメントが折りたたまれます。これは既存のコメント機能と同様の動きです。

[ayu-0505]

こちらのInquiryによる分岐ですが、bootcampアプリ自体の機能のための分岐ではなく、「コメント機能をvueからJS、Hotwireに変更していく過程」で発生している分岐です。
本来は不必要な分岐のため、上記のようにコード内コメントで注釈をつけています。

[ayu-0505]

今までのcommentableに該当するモデルはすべてuserカラムを持っていましたが、Inquiryは外部からの問い合わせのため、userカラムを持っていません。
そのため、commentableのuserを使用した処理について、Inquiryのコメントが該当しないようにcomment.rbやafter_create_callback.rbにて変更を加えています。

[ayu-0505]

@Judeeeee さん、お疲れ様です🍵
もしよろしければこちらのPRについてレビューをいただけますでしょうか？？
ご都合的に難しいようでしたら遠慮なくおっしゃってください。
確認のほどよろしくお願いします🙇🏻‍♀️

（追記）
大変申し訳ありません。テストを作成するのを失念しておりました。
数日中にテストを作成いたします。
その後、改めてレビュー依頼を行いたいと思います。
もし今お忙しいようでしたら現段階で断っていただいても構いません🙏

[Judeeeee]

@ayu-0505
お疲れ様です！レビュー依頼ありがとうございます！🙏
現在私の体調が優れず、取り組める見込みが立っていない状態なので他の方に依頼いただけると幸いです💦
折角の機会なので担当したかったのですが、申し訳ないです🙇‍♀️🙇‍♀️

[ayu-0505]

@Judeeeee さん、お疲れ様です🍵
お返事いただきありがとうございます〜了解いたしました🙇🏻‍♀️
体調不良とのことなので、お身体お大事になさってください🍵