Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【メンター向け機能】日報にコメントをだけ入れて確認済みにしなかったらアラートを出す #6928

Open
JunichiIto opened this issue Sep 25, 2023 · 16 comments
Assignees

Comments

@JunichiIto
Copy link
Contributor

機能の説明

メンターが日報にコメントをだけ入れて確認済みにしないまま画面を離れようとしたらアラートを出す。

メッセージ例「日報を確認済みにしていませんがよろしいですか?」

何故この機能が必要なのか

本当はコメントを入れて日報を確認済みにすべきところを、コメントだけ入れて画面を離れてしまうことがたまにあるから。

ただし、確認済みにしなかったとしても致命的な問題ではないので、そこまで優先度の高い機能ではないかもしれない。

Copy link

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

@github-actions github-actions bot added the stale label Nov 25, 2023
@komagata komagata removed the stale label Nov 28, 2023
Copy link

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

@github-actions github-actions bot added the stale label Jan 28, 2024
@komagata komagata removed the stale label Jan 29, 2024
@machida
Copy link
Member

machida commented Feb 15, 2024

📝 コメントのreact化が完了したらスタート。

@unikounio
Copy link
Contributor

@machida さん
お疲れ様です!

上のコメントで

コメントのreact化が完了したらスタート。

とありますが、該当しそうなIssueを確認したところまだ作業中のようでした。
comment.vue, comments.vueをreactを対応させる · Issue #5122 · fjordllc/bootcamp

本Issueは作業を進めてよいのでしょうか?
念のため確認させてください🙏

@machida
Copy link
Member

machida commented Mar 11, 2024

@unikounio ごめんなさい!これを見逃してました。別のIssueをアサインします🙇‍♂️

@unikounio
Copy link
Contributor

@machida さん
迅速なご対応ありがとうございます🙏✨
該当Issueが完了するまでの間、本Issueのカンバンでの状態は現在のまま「作業中」とすべきでしょうか?👀

@machida
Copy link
Member

machida commented Mar 12, 2024

@unikounio こちらアサインを外してやるに戻させていただきます🙇‍♂️

Copy link

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

Copy link

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

@github-actions github-actions bot added the stale label Jul 12, 2024
@machida machida removed the stale label Jul 17, 2024
@komagata komagata moved this to 今のイテレーション in bootcamp Aug 21, 2024
@su-su-su-su
Copy link
Contributor

@machida
お疲れ様です。確認したい点があります。

📝 コメントのreact化が完了したらスタート。

とあったのですが、#5122 を確認するとまだ作業中のとのことでした。
こちらまだ着手しない方が良いでしょうか?

@machida
Copy link
Member

machida commented Aug 27, 2024

@su-su-su-su すいません、React化はまだ先になりそうなので、着手をお願いしますー🙏

@su-su-su-su
Copy link
Contributor

@machida
返信ありがとうございます。
かしこまりました!進めたいと思います🙇

@su-su-su-su
Copy link
Contributor

@machida

お疲れ様です。
メンターがコメントを投稿していて、かつその日報が確認されていない場合に、ページを離れる際にアラートを表示する機能を実装しようとしています。
現在beforeunloadを使用して、ページを離れる際にカスタムメッセージを表示することを試みました。
以下が一部抜粋したコードです。

window.addEventListener('beforeunload', this.handleUnload)

handleUnload(e) {
  const userCommented = this.comments.some(
    (comment) => comment.user.id === this.currentUserId
  )
  const noConfirmed = !this.checkId;

  if (userCommented && noConfirmed) {
    e.preventDefault()
    e.returnValue = '日報を確認済みにしていませんがよろしいですか?'
  }
}

調べた結果、ブラウザの仕様によりbeforeunloadイベントではカスタムメッセージを表示することができないことがわかりました。標準の警告メッセージが表示されてしまいます。
このためカスタムメッセージを表示することができない状況です。

またコメント途中にページを離れる際に出るアラートの部分(app/javascript/warning.js)も調べたのですが、こちらもカスタムメッセージがあるものの表示されるのは標準の警告メッセージが表示されてしまいます。

この問題に対して、カスタムメッセージを表示するための他のアプローチやブラウザの標準メッセージを利用するなど、何か他に解決方法がありましたら、ご教示いただけると幸いです。よろしくお願いいたします。

@machida
Copy link
Member

machida commented Sep 4, 2024

@su-su-su-su
調査ありがとうございます!!

「ページを離れる際に」だと、デフォルトのメッセージしか表示できなくなってしまったので、
コメントの投稿時にメッセージを表示するようにしたいです。

メンターのコメント欄は以下のようになってますが、

Image

確認済になっていないとき、Bではなく、Aをクリックしたら、

「日報を確認済みにしていませんがよろしいですか?」

というメッセージが表示される、

というようにしたいです。

@su-su-su-su
Copy link
Contributor

@machida

ありがとうございます。画像も添付して頂き助かります!

確認済になっていないとき、Bではなく、Aをクリックしたら、
「日報を確認済みにしていませんがよろしいですか?」
というメッセージが表示される、
というようにしたいです。

承知しました。そのように変更したいと思います。

Copy link

github-actions bot commented Nov 5, 2024

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

@github-actions github-actions bot added the stale label Nov 5, 2024
@komagata komagata removed the stale label Nov 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 完成
Development

No branches or pull requests

5 participants