投稿詳細画面へのコメント機能追加

[shunjikonishi]

frontend

投稿詳細画面で投稿に対してコメントを追加できるようにしてください。
コメントを追加するためにはサインインが必要です。自分が書いたコメントは編集・削除ができるようにしてください。

投稿詳細画面

• 「コメントを追加する」ボタンを画面のどこかに配置してください。

• 「コメントを追加する」ボタンをクリックした場合、コメントの入力欄を表示してください。コメント入力欄の他に「キャンセル」「保存する」ボタンを配置してください。
• コメントは必須入力です。
• 「キャンセル」ボタンをクリックした場合は、コメント入力を終了してください。
• 「保存する」ボタンをクリックした場合は、APIを呼び出してコメントが追加されるようにしてください。
• コメント追加が成功した場合は、どこかにメッセージを表示して、追加したコメントを投稿詳細に表示させてください。
  • 最初はalert()でいいです。

• コメントには「コメント」「ユーザー名」「更新日時」を表示させてください。
• 自分のコメントには「編集」「削除」ボタンを表示させてください。
• 「削除」ボタンをクリックした場合は、削除確認ダイアログを表示してください。
  • 最初はcomfirm()でいいです。
  • 削除確認ダイアログには「削除」「キャンセル」ボタンを配置してください。
  • 「削除」ボタンがクリックされた場合は、APIを呼び出して投稿を削除してください。
  • 削除が完了した場合は、どこかにメッセージを表示して、該当のコメントを画面上から削除してください。

• 「編集」ボタンをクリックした場合は、コメント入力欄を表示させてください。詳細についてはコメント作成時と同じです。