[動画機能] 動画編集・削除機能の追加

[a-terumoto-gs]

Issue

• https://github.com/fjordllc/bootcamp/issues/7421

PR元

• https://github.com/fjordllc/bootcamp/pull/7535

概要

動画機能に編集機能・削除機能を追加しました。 また動画選択時のプレビュー表示も追加しています。

変更確認方法

動画機能の追加のブランチがまだメインにマージされていないため、そのブランチにPRを送る形にしています。

1. feature/add-movie-editing-and-deliting-functionをローカルに取り込む
2. bin/setup、rails db:migrate、rails db:seedを実行
3. foreman start -f Procfile.devでアプリを起動し、ログインする
4. 左側のサイドバーの「Docs・動画」をクリックして 上部の動画タブをクリック
5. 動画一覧ページで「WIPのテスト」という動画がWIP状態で表示されていることを確認
6. 動画を追加ボタンから新規追加ページに移動し、以下の点をチェックする
   • 左上に「動画を追加」の表示がある
   • 動画を選択するとmp4形式・mov形式のどちらの場合でもプレビューが表示される
   • タイトル・説明を追加し、WIPボタンを押すと、WIP状態で保存され、「動画をWIPとして保存しました。」の表示がでる
7. 動画を保存するor一覧ページから移動し、動画個別ページで以下の点をチェックする
   • 動画の説明欄の下に「内容変更」と「削除する」のボタンがある
   • WIP状態のもの
     • タイトルの前にWIPの表示と、その下に動画作成中の表示と更新日時の表示がある
   • WIP状態でないもの
     • タイトルの前にWIPの表示がなく、その下に公開日時と更新日時の表示がある
   • 動画の説明欄の下の「内容変更」ボタンをクリックすると編集画面に遷移する
8. 動画編集ページで以下の点をチェックする
   • 左上に「動画編集」の表示がある
   • 動画を変更するとmp4形式・mov形式のどちらの場合でもプレビューが切り替わる
   • 下部の青色の保存ボタンの文言は、動画がwip状態から一度も提出されていない場合は「動画を追加」、すでに提出済みの場合は「内容を更新」である
9. 個別ページの動画の説明欄の下の「削除する」ボタンを押し、動画が削除され一覧ページにリダイレクトされることを確認する

Screenshot

変更前

• 一覧画面

• 追加画面

• 個別画面

変更後

• 一覧画面 wipの動画にwipの表示が付くように

• 追加画面 動画のプレビューとwipボタンの追加

• 編集画面(新規画面) 追加画面とほぼ同じだが、動画を選択箇所と青色のボタンの文言が異なる

• 個別画面 wipの際にはwipの表示が付くようになり、内容変更・削除するボタンの追加