ブログ記事公開時に通知先のターゲットを選択できるようにした

[ayu-0505]

Issue

• ブログ記事公開時の通知のターゲットを選択できるようにしたい #8244

概要

ブログ記事を公開する際に通知先を選択できるようにターゲットをラジオボタンで選択できるように変更しました。
選択肢は「全員（退会者を除く）」、「現役生のみ」、「就職希望者のみ」、「通知しない」の４つで、「通知しない」を選択した場合はメンター・管理者含めどこにも通知が飛ばないようになっています。
通知は初回公開時のみに行われるため、「公開するボタン」をクリックすると、「通知を行う旨と通知先」をお知らせするダイアログが表示されます。
通知送付後、一度公開した記事の編集画面では通知をすでに行ったというメッセージが表示され、ターゲット選択のラジオボタンは非表示となっています。

変更確認方法

1. {feature/set-article-notification-target}をローカルに取り込む
   1. git fetch origin pull/8346/head:feature/set-article-notification-target
   2. g switch feature/set-article-notification-target
2. foreman start -f Procfile.dev でサーバーを起動する
3. komagataでログインする。（pass：testtest）

編集画面の確認

1. ブログ記事新規作成画面に行き、通知ターゲット欄が表示されているか確認する。
2. 公開するボタンを押すと警告ダイアログが出るかを確認する。（例：この記事を公開すると、全員（退会者を除く）に通知が送られます。もし記事に誤った情報が含まれている場合、その通知を受け取った人を介してSNSなどで拡散される可能性があります。そのため、記事内の年月日などに間違いがないか、しっかり確認してください。公開しても問題ありませんか？）
   1. 一度キャンセルし、ターゲットを切り替えて公開ボタンを押すと、警告ダイアログの通知先が変更に合わせて変わっていることを確認する。 （全員（退会者を除く）、現役生のみ、就職希望者のみ）
   2. 通知しないの場合の警告ダイアログは「通知しない」が選択されています。よろしいですか？となっているか確認する。
3. 任意の通知先で記事を作成し公開した後、その記事の編集画面に行くとこの記事は初回公開時にxxxxのみに対してすでに通知を行っています。といった通知をすでに行った旨のメッセージが表示され、選択ボタンは表示されなくなっているかを確認する。
   （通知先は先ほど選んだ通知先となっています。）
   • 通知しないを選択した場合はこの記事は通知を行わずに公開しました。というメッセージとなっている。

通知先の確認

1. ブログ記事新規作成画面に行き、それぞれのターゲット（通知なしも含む）のブログ記事を作成する。
   1. わかりやすいようにタイトル部分にターゲット先の名称を入れる。（例： 全員、現役生、就職希望者、通知なし） 本文部分は適当に入力する。
   2. タイトル部分と同じターゲットをラジオボタンで選択する。
2. 公開するボタンをクリックしてOKし、記事を公開する。
3. komagataのままトップページに飛び、記事の作成者には通知が飛んでいないことを確認する。
4. 以下のユーザーにそれぞれログインし（pass：testtest）、通知の有無を確認する。（「通知なし」の記事はいずれのユーザーにも飛ばない）
   • kimura（現役生）：全員、現役生に該当。
   • jobseeker（就職希望者）：全員、現役生、就職希望者に該当。
   • kensyu（研修生）：全員に該当。
   • mentormentaro（メンター）：全員、現役生、就職希望者に該当。（メンターはどの通知先でも届く。）
   • machida（管理者）：全員、現役生、就職希望者に該当。（管理者はどの通知先でも届く。）
   • sotugyou-with-job：（卒業生）：全員に該当。

Screenshot

変更前

変更後

[ayu-0505]

@machida

お疲れ様です🍵
こちらのPRに関して、以下の部分にデザインを入れていただきたいと思っています。

ターゲット先選択ラジオボタン

アナウンスからそのまま引っ張ってきたので、４つ目の「通知しない」で改行されてしまいます。

通知送付後の編集画面の文言

pタグそのままなので、必要であればお願いします。

またお手隙のときによろしくお願いいたします🙏

[machida]

@ayu-0505 連絡ありがとうございます！デザイン了解ですー