[v.17] Fix missing not saved warning

docs/CHANGELOG.md

@@ -7,6 +7,7 @@ Changelog
 - Fix #389: Fix notification about participant joining
 - Fix #396: Don't override global styles
 - Enh #397: Use PHP CS Fixer
+- Fix #400: Fixed missing `not saved` warning
 
 3.2.1 (April 15, 2024)
 ----------------------

resources/js/humhub.mail.ConversationView.js

@@ -22,6 +22,10 @@ humhub.module('mail.ConversationView', function (module, require, $) {
             this.setActiveMessageId(Widget.instance('#inbox').getFirstMessageId());
         }
 
+        window.onbeforeunload = function() {
+            return this.onbeforeunloadCheck();
+        }
+
         this.reload();
 
         this.$.on('mouseenter', '.mail-conversation-entry', function () {
@@ -31,6 +35,15 @@ humhub.module('mail.ConversationView', function (module, require, $) {
         });
     };
 
+    ConversationView.prototype.onbeforeunloadCheck = function () {
+        var replyRichtext = this.getReplyRichtext();
+        if (replyRichtext && $(replyRichtext.$[0]).closest('form').find('textarea').val().trim().length) {
+            return confirm(module.text('warn.onBeforeUnload'));
+        }
+
+        return true;
+    };
+
     ConversationView.prototype.loader = function (load) {
         if (load !== false) {
             loader.set(this.$);
@@ -172,6 +185,10 @@ humhub.module('mail.ConversationView', function (module, require, $) {
     };
 
     ConversationView.prototype.loadMessage = function (evt) {
+        if (!this.onbeforeunloadCheck()) {
+            return false;
+        }
+
         var messageId = object.isNumber(evt) ? evt : evt.$trigger.data('message-id');
         var that = this;
         this.loader();

resources/js/humhub.mail.messenger.bundle.js

@@ -22,6 +22,10 @@ humhub.module('mail.ConversationView', function (module, require, $) {
             this.setActiveMessageId(Widget.instance('#inbox').getFirstMessageId());
         }
 
+        window.onbeforeunload = function() {
+            return this.onbeforeunloadCheck();
+        }
+
         this.reload();
 
         this.$.on('mouseenter', '.mail-conversation-entry', function () {
@@ -31,6 +35,15 @@ humhub.module('mail.ConversationView', function (module, require, $) {
         });
     };
 
+    ConversationView.prototype.onbeforeunloadCheck = function () {
+        var replyRichtext = this.getReplyRichtext();
+        if (replyRichtext && $(replyRichtext.$[0]).closest('form').find('textarea').val().trim().length) {
+            return confirm(module.text('warn.onBeforeUnload'));
+        }
+
+        return true;
+    };
+
     ConversationView.prototype.loader = function (load) {
         if (load !== false) {
             loader.set(this.$);
@@ -172,6 +185,10 @@ humhub.module('mail.ConversationView', function (module, require, $) {
     };
 
     ConversationView.prototype.loadMessage = function (evt) {
+        if (!this.onbeforeunloadCheck()) {
+            return false;
+        }
+
         var messageId = object.isNumber(evt) ? evt : evt.$trigger.data('message-id');
         var that = this;
         this.loader();
@@ -415,7 +432,7 @@ humhub.module('mail.ConversationView', function (module, require, $) {
 
     module.export = ConversationView;
 });
-
+
 humhub.module('mail.ConversationEntry', function (module, require, $) {
 
     var Widget = require('ui.widget').Widget;
@@ -439,7 +456,7 @@ humhub.module('mail.ConversationEntry', function (module, require, $) {
     };
 
     module.export = ConversationEntry;
-});
+});
 humhub.module('mail.inbox', function (module, require, $) {
     var Widget = require('ui.widget').Widget;
     var Filter = require('ui.filter').Filter;
@@ -703,7 +720,7 @@ humhub.module('mail.inbox', function (module, require, $) {
         toggleInbox: toggleInbox
     });
 });
-
+
 humhub.module('mail.conversation', function (module, require, $) {
     var Widget = require('ui.widget').Widget;
     var modal = require('ui.modal');

widgets/ConversationView.php

@@ -8,6 +8,7 @@
 
 namespace humhub\modules\mail\widgets;
 
+use Yii;
 use humhub\widgets\JsWidget;
 use humhub\modules\mail\helpers\Url;
 
@@ -33,6 +34,19 @@ class ConversationView extends JsWidget
      */
     public $messageId;
 
+    public function init()
+    {
+        parent::init();
+
+        $this->view->registerJsConfig([
+            'mail.ConversationView' => [
+                'text' => [
+                    'warn.onBeforeUnload' => Yii::t('base', 'Unsaved changes will be lost. Do you want to proceed?'),
+                ],
+            ],
+        ]);
+    }
+
     public function getData()
     {
         return [