From c9fadd5cf9ea09316aeaeb6a8a0ff3f90d2e70f5 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Wed, 16 Jun 2021 00:27:16 -0700
Subject: [PATCH] msgtplui - Show Current/Draft/Original with form widgets

---
 ext/msgtplui/ang/msgtplui/Edit.html           |  6 +--
 ext/msgtplui/ang/msgtpluiEditContent.aff.html | 42 ++++++++++++++++++-
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/ext/msgtplui/ang/msgtplui/Edit.html b/ext/msgtplui/ang/msgtplui/Edit.html
index 7a13e8f3c9..a2b9d7dc99 100644
--- a/ext/msgtplui/ang/msgtplui/Edit.html
+++ b/ext/msgtplui/ang/msgtplui/Edit.html
@@ -2,9 +2,7 @@
 
   <div crm-ui-debug="$ctrl"></div>
 
-  The edit view.
-
-  <ng-form name="config_form">
+  <ng-form name="edit_form">
 
     <div class="form-group">
       <label for="msgtpl_title">
@@ -38,7 +36,7 @@
         </li>
       </ul>
       <div class="panel-body">
-        <msgtplui-edit-content options="{msg: $ctrl.records[$ctrl.tab]}"></msgtplui-edit-content>
+        <msgtplui-edit-content options="{record: $ctrl.records[$ctrl.tab], disabled: $ctrl.tab==='original'}"></msgtplui-edit-content>
 <!--        <msgtplui-edit-content options="" />-->
       </div>
     </div>
diff --git a/ext/msgtplui/ang/msgtpluiEditContent.aff.html b/ext/msgtplui/ang/msgtpluiEditContent.aff.html
index e7770ac1e7..7ab15875af 100644
--- a/ext/msgtplui/ang/msgtpluiEditContent.aff.html
+++ b/ext/msgtplui/ang/msgtpluiEditContent.aff.html
@@ -1,3 +1,41 @@
-<div>Hello world</div>
+<div crm-ui-debug="options"></div>
 
-<pre>{{options.msg|json}}</pre>
+<ng-form name="content_form">
+
+  <div class="form-group">
+    <label for="msgtpl_subject">
+      {{:: ts('Subject') }} <span class="crm-marker">*</span>
+    </label>
+    <input
+      ng-model="options.record.msg_title"
+      class="form-control" id="msgtpl_subject"
+      required
+      title="{{:: ts('Required') }}"
+      ng-disabled="options.disabled" />
+  </div>
+
+  <div class="form-group">
+    <label for="msgtpl_text">
+      {{:: ts('Text') }} <span class="crm-marker">*</span>
+    </label>
+    <textarea
+      ng-model="options.record.msg_text"
+      class="form-control" id="msgtpl_text"
+      required
+      title="{{:: ts('Required') }}"
+      ng-disabled="options.disabled"></textarea>
+  </div>
+
+  <div class="form-group">
+    <label for="msgtpl_html">
+      {{:: ts('Text') }} <span class="crm-marker">*</span>
+    </label>
+    <textarea
+      ng-model="options.record.msg_html"
+      class="form-control" id="msgtpl_html"
+      required
+      title="{{:: ts('Required') }}"
+      ng-disabled="options.disabled"></textarea>
+  </div>
+
+</ng-form>
-- 
2.25.1