Show alert when user leaves

[iAmAshuSahoo]

Date: 28 Apr 2024

Developer Name: Ashutosh Sahoo

---

Issue Ticket Number:-

Alert should be shown

Description:

1. Alert should be shown when the stream is running and the user tries to navigate to a different page.
2. Alert needs to be shown when the user is trying to close the window/tab where live is running.

Is Under Feature Flag

• Yes
• No

Database changes

• Yes
• No

Breaking changes (If your feature is breaking/missing something please mention pending tickets)

• Yes
• No

Is Development Tested?

• Yes
• No

Tested in staging?

• Yes
• No

Add relevant Screenshot below ( e.g test coverage etc. )

Test on firefox

Test on Chrome

Test Coverage

Build

[iAmAshuSahoo]

Ways taken for solving that DIDN'T worked

1. Adding window.addeventlistener in constructor of Controller, Component.

constructor() {
    super(...arguments);
    window.addEventListener('beforeunload', this.confirmLeave);
  }
willDestroy() {
    window.removeEventListener('beforeunload', this.confirmLeave);
    super.willDestroy(...arguments);
  }
@action
  confirmLeave(event) {
    event.preventDefault();
    event.returnValue = this.confirmationMessage;
    return this.confirmationMessage;
  }

Got error - TypeError: window.addEventListener is not a function

2. Added the same logic to Route as well with init and didInsertElement.
3. Using confirmation as a service and invoking this in hbs.
4. <div id="live" data-test-live onbeforeunload="return 'Are you sure you want to leave? Your changes may not be saved.';">
5. Tried adding the addon ember-onbeforeunload that uses the concepts of mixin. This is deprecated
6. Custom message
   https://stackoverflow.com/questions/38879742/is-it-possible-to-display-a-custom-message-in-the-beforeunload-popup

[palakgupta2712]

@iAmAshuSahoo

1. Kindly update the PR description.
2. Please check CI is failing.

[mehra-sourav]

Please add tests

[tejaskh3]

kindly add the date and developer name to the PR.

[tejaskh3]

Have you worked on this task before, then please add reference to those previous PRs and add staging proof too. if not then please mark this as "NO"

[iAmAshuSahoo]

@iAmAshuSahoo

1. Kindly update the PR description.

2. Please check CI is failing.

1. Updated description
2. CI is checked.
3. Added tests.
4. updated PR information

[satyam73]

LGTM