Merge pull request #337 from whiteout-io/dev/WO-964

[WO-964] Do not wait for next watch timer for ui update and general clea...

src/js/controller/app/read.js

@@ -53,9 +53,13 @@ var ReadCtrl = function($scope, $location, $q, email, invitation, outbox, pgp, k
     };
 
     $scope.decrypt = function(message) {
+        return $q(function(resolve) {
+            resolve();
+        }).then(function() {
             return email.decryptBody({
                 message: message
             });
+        });
     };
 
     $scope.getKeyId = function(address) {

src/js/directive/read.js

@@ -53,8 +53,7 @@ ngModule.directive('frameLoad', function($window) {
             if (open) {
                 // trigger rendering of iframe
                 // otherwise scale to fit would not compute correct dimensions on mobile
-                displayText(scope.state.mailList.selected ? scope.state.mailList.selected.body : undefined);
+                displayContent();
-                displayHtml(scope.state.mailList.selected ? scope.state.mailList.selected.html : undefined);
             }
         });
 
@@ -84,46 +83,39 @@ ngModule.directive('frameLoad', function($window) {
 
         iframe.onload = function() {
             // set listeners
-            scope.$watch('state.mailList.selected.body', displayText);
+            scope.$watch('state.mailList.selected.body', displayContent);
-            scope.$watch('state.mailList.selected.html', displayHtml);
+            scope.$watch('state.mailList.selected.html', displayContent);
             // display initial message body
             scope.$apply();
         };
 
-        function displayText(body) {
+        function displayContent() {
             var mail = scope.state.mailList.selected;
 
-            if (mail && mail.encrypted && !mail.decrypted) {
+            if (!mail) {
+                return;
+            }
+
+            if (mail.encrypted && !mail.decrypted) {
                 // decrypt current mail
-                scope.decrypt(mail);
+                scope.decrypt(mail).then(function() {
-                return;
+                    if (scope.state.mailList.selected === mail && mail.decrypted) {
+                        // decrypted mail is still selected, immidiately show body
+                        displayContent();
                     }
-
+                });
-            if (mail && mail.html) {
-                return;
-            }
-
-            resetWidth();
-
-            // send text body for rendering in iframe
-            iframe.contentWindow.postMessage({
-                text: body
-            }, '*');
-        }
-
-        function displayHtml(html) {
-            if (!html) {
                 return;
             }
 
             resetWidth();
 
+            if (mail.html) {
                 // if there are image tags in the html?
-            var hasImages = /<img[^>]+\bsrc=['"][^'">]+['"]/ig.test(html);
+                var hasImages = /<img[^>]+\bsrc=['"][^'">]+['"]/ig.test(mail.html);
                 scope.showImageButton = hasImages;
 
                 iframe.contentWindow.postMessage({
-                html: html,
+                    html: mail.html,
                     removeImages: hasImages // avoids doing unnecessary work on the html
                 }, '*');
 
@@ -133,11 +125,17 @@ ngModule.directive('frameLoad', function($window) {
                     scope.displayImages = function() {
                         scope.showImageButton = false;
                         iframe.contentWindow.postMessage({
-                        html: html,
+                            html: mail.html,
                             removeImages: false
                         }, '*');
                     };
                 }
+            } else if (mail.body) {
+                iframe.contentWindow.postMessage({
+                    text: mail.body
+                }, '*');
+            }
+
         }
 
         // reset the iframe width to the original (min-width:100%)