Merge branch 'pu/je/felamimail_background_quoted_emails' into '2024.11'

tweak(Felamimail): Set background for quoted emails in editor See merge request tine20/tine20!4988
tine-groupware · Feb 21, 2024 · 7531c48 · 7531c48
2 parents 38d075c + 7b12f8d
commit 7531c48
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/tine20/Felamimail/js/MessageEditDialog.js b/tine20/Felamimail/js/MessageEditDialog.js
@@ -535,6 +535,10 @@ Tine.Felamimail.MessageEditDialog = Ext.extend(Tine.widgets.dialog.EditDialog, {
             }
         }
 
+        if (this.isForwardedMessage()) {
+            this.msgBody = '<div class="felamimail-body-forwarded">' + this.msgBody + '</div>'
+        }
+
         this.msgBody = this.getQuotedMailHeader(format) + this.msgBody;
 
         if (this.isForwardedMessage()) {

diff --git a/tine20/Tinebase/js/util/contrastColors.js b/tine20/Tinebase/js/util/contrastColors.js
@@ -13,7 +13,7 @@ const contrastColors = {
       if (c.classList.contains('felamimail-body-signature-current')) {
         return;
       }
-      if (c.classList.contains('felamimail-body-blockquote')) {
+      if (c.classList.contains('felamimail-body-blockquote') || c.classList.contains('felamimail-body-forwarded')) {
         // quoted email gets its own background
         contrastColors.findBackground(c)
       } else {

diff --git a/tine20/library/ExtJS/src/widgets/form/HtmlEditor.js b/tine20/library/ExtJS/src/widgets/form/HtmlEditor.js
@@ -4,6 +4,8 @@
  * [email protected]
  * http://www.extjs.com/license
  */
+import {contrastColors} from "../../../../../Tinebase/js/util/contrastColors";
+
 /**
  * @class Ext.form.HtmlEditor
  * @extends Ext.form.Field
@@ -667,6 +669,7 @@ Ext.form.HtmlEditor = Ext.extend(Ext.form.Field, {
     // private
     initEvents : function(){
         this.originalValue = this.getValue();
+        this.on('activate', this.onActivate);
     },
 
     /**
@@ -892,6 +895,14 @@ Ext.form.HtmlEditor = Ext.extend(Ext.form.Field, {
         this.fireEvent('activate', this);
     },
 
+    onActivate: function (e) {
+        _.forEach(this.getEditorBody().children, (c) => {
+            if (c.classList.contains('felamimail-body-blockquote') || c.classList.contains('felamimail-body-forwarded')) {
+                contrastColors.findBackground(c)
+            }
+        })
+    },
+
     // private
     adjustFont: function(btn){
         var adjust = btn.getItemId() == 'increasefontsize' ? 1 : -1,