Fixed: AudioRecorder did not request confirmation on page leave if re…

…corder is not ready to leave.

README.md

@@ -9,7 +9,7 @@ This project was generated with [Angular CLI](https://github.com/angular/angular
 
 ### Install NPM package
 Speechrecorder module is available as NPM package.
-Add `"speechrecorderng": "2.23.7"` to the `dependencies` array property in the `package.json` file of your application. Run `npm install` to install the package.
+Add `"speechrecorderng": "2.23.9"` to the `dependencies` array property in the `package.json` file of your application. Run `npm install` to install the package.
 ### Module integration
 Add SpeechRecorderNg module to imports property of your `AppModule` annotation. The module main component `SpeechRecorder` should be activated by an Angular route.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-speech-recorder-ng",
-  "version": "2.23.8",
+  "version": "2.23.9",
   "author": {
     "name": "Klaus Jänsch",
     "email": "klausj@phonetik.uni-muenchen.de"

projects/speechrecorderng/package.json

@@ -1,6 +1,6 @@
 {
   "name": "speechrecorderng",
-  "version": "2.23.8",
+  "version": "2.23.9",
   "peerDependencies": {
     "@angular/animations": "~13.3.2",
     "@angular/cdk": "~13.3.2",

projects/speechrecorderng/src/lib/speechrecorder/session/audiorecorder.ts

@@ -924,6 +924,33 @@ export class AudioRecorderComponent extends RecorderComponent  implements OnInit
       this.controlAudioPlayer = new AudioPlayer(audioContext,this.ar);
     }
     this.ar.controlAudioPlayer=this.controlAudioPlayer;
+
+    //TODO Duplicate code in SpeechRecorderComponent
+    window.addEventListener('beforeunload', (e) => {
+      console.debug("Before page unload event");
+
+      if (this.ready()) {
+        return;
+      } else {
+        // all this attempts to customize the message do not work anymore (for security reasons)!!
+        var message = "Please do not leave the page, until all recordings are uploaded!";
+        alert(message);
+        e = e || window.event;
+
+        if (e) {
+          e.returnValue = message;
+          e.cancelBubble = true;
+          if (e.stopPropagation) {
+            e.stopPropagation();
+          }
+          if (e.preventDefault) {
+            e.preventDefault();
+          }
+        }
+
+        return message;
+      }
+    });
   }
 
   ngAfterViewInit() {

projects/speechrecorderng/src/lib/speechrecorderng.component.ts

@@ -262,7 +262,7 @@ export class SpeechrecorderngComponent extends RecorderComponent implements OnIn
             this.uploader.listener = (ue) => {
                 this.uploadUpdate(ue);
             }
-
+           //TODO Duplicate code in AudioRecorderComponent
             window.addEventListener('beforeunload', (e) => {
                 console.debug("Before page unload event");
 

projects/speechrecorderng/src/lib/spr.module.version.ts

@@ -1 +1 @@
-export const VERSION='2.23.8'
+export const VERSION='2.23.9'