From 0325d00f8239d1b4345629b2119da9c8356641ad Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Wed, 28 Jul 2021 20:53:17 -0700
Subject: [PATCH] msgtplui - Generate real previews

---
 ext/msgtplui/ang/msgtplui/Preview.html |  6 +++---
 ext/msgtplui/ang/msgtplui/Preview.js   | 27 ++++++++++++++++++--------
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/ext/msgtplui/ang/msgtplui/Preview.html b/ext/msgtplui/ang/msgtplui/Preview.html
index fe4a5b4396..a3ddd17782 100644
--- a/ext/msgtplui/ang/msgtplui/Preview.html
+++ b/ext/msgtplui/ang/msgtplui/Preview.html
@@ -62,16 +62,16 @@
 
         <div class="form-group" ng-if="!$ctrl.preview.loading">
           <label class="control-label col-sm-2">{{::ts('Subject')}}</label>
-          <p class="col-sm-9">{{$ctrl.preview.msg_subject}}</p>
+          <p class="col-sm-9">{{$ctrl.preview.subject}}</p>
         </div>
 
         <div class="form-group" ng-if="!$ctrl.preview.loading && model.formats[$ctrl.formatId].name === 'msg_text'">
-          <pre class="col-sm-12">{{$ctrl.preview.msg_text}}</pre>
+          <pre class="col-sm-12">{{$ctrl.preview.text}}</pre>
         </div>
 
         <div class="form-group" ng-if="!$ctrl.preview.loading && model.formats[$ctrl.formatId].name === 'msg_html'">
           <div class="jumbotron well col-sm-12">
-            <iframe crm-ui-iframe="$ctrl.preview.msg_html"></iframe>
+            <iframe crm-ui-iframe="$ctrl.preview.html"></iframe>
           </div>
         </div>
 
diff --git a/ext/msgtplui/ang/msgtplui/Preview.js b/ext/msgtplui/ang/msgtplui/Preview.js
index 895de19696..afbdd5c0a8 100644
--- a/ext/msgtplui/ang/msgtplui/Preview.js
+++ b/ext/msgtplui/ang/msgtplui/Preview.js
@@ -1,6 +1,6 @@
 (function(angular, $, _) {
 
-  angular.module('msgtplui').controller('MsgtpluiPreviewCtrl', function($scope, crmUiHelp, $timeout, $q) {
+  angular.module('msgtplui').controller('MsgtpluiPreviewCtrl', function($scope, crmUiHelp, crmStatus, crmApi4, $timeout, $q) {
     var ts = $scope.ts = CRM.ts('msgtplui');
     var hs = $scope.hs = crmUiHelp({file: 'CRM/Msgtplui/msgtplui'}); // See: templates/CRM/Msgtplui/msgtplui.hlp
 
@@ -19,14 +19,25 @@
       if (lastId === id) return;
       lastId = id;
 
+      //   $ctrl.preview = model.revisions[$ctrl.revisionId].rec;
       $ctrl.preview = {loading: true};
-      var dfr = $q.defer();
-      $timeout(function(){
-        $ctrl.preview = model.revisions[$ctrl.revisionId].rec;
-        dfr.resolve($ctrl.preview);
-      }, 333);
-      return dfr.promise;
-    }
+      var getting = crmApi4('WorkflowMessageExample', 'get', {
+        where: [["name", "=", model.examples[$ctrl.exampleId].name]],
+        select: ['workflow', 'data'],
+        chain: {
+          "render": ["WorkflowMessage", "render", {
+            "workflow": "$workflow",
+            "values": "$data.modelProps",
+            "messageTemplate": model.revisions[$ctrl.revisionId].rec
+          }]
+        }
+      }).then(function(response) {
+        $ctrl.preview = response[0].render[0];
+      }, function(failure) {
+        $ctrl.preview = {};
+      });
+      return crmStatus({start: ts('Rendering...'), success: ''}, getting);
+    };
 
     $scope.$watch('$ctrl.revisionId', update);
     $scope.$watch('$ctrl.formatId', update);
-- 
2.25.1