From e244892f29b8cfd5065874f58c18edcead142abf Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Tue, 22 Jun 2021 15:53:02 -0700
Subject: [PATCH] msgtplui - Preview.html - More plausible widgets

---
 ext/msgtplui/ang/msgtplui/Preview.html | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/ext/msgtplui/ang/msgtplui/Preview.html b/ext/msgtplui/ang/msgtplui/Preview.html
index efb6c29402..c7c81071c2 100644
--- a/ext/msgtplui/ang/msgtplui/Preview.html
+++ b/ext/msgtplui/ang/msgtplui/Preview.html
@@ -53,10 +53,25 @@
             </div>
           </div>
         </div>
-      </div>
 
-      <pre>Subject: {{model.revisions[model.revisionId].rec.msg_subject|json}}</pre>
-      <pre>Body: {{model.revisions[model.revisionId].rec[model.formats[model.formatId].name]|json}}</pre>
+        <hr/>
+
+        <div class="form-group">
+          <label class="control-label col-sm-2">{{::ts('Subject')}}</label>
+          <p class="col-sm-9">{{model.revisions[model.revisionId].rec.msg_subject}}</p>
+        </div>
+
+        <div class="form-group" ng-if="model.formats[model.formatId].name === 'msg_text'">
+          <pre class="col-sm-12">{{model.revisions[model.revisionId].rec.msg_text}}</pre>
+        </div>
+
+        <div class="form-group" ng-if="model.formats[model.formatId].name === 'msg_html'">
+          <div class="jumbotron well col-sm-12">
+            <iframe crm-ui-iframe="model.revisions[model.revisionId].rec.msg_html"></iframe>
+          </div>
+        </div>
+
+      </div>
 
     </div>
   </form>
-- 
2.25.1