From 1d86bc3cc5a10991efbe5419915028725d2eb3f4 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Wed, 16 Jun 2021 00:19:13 -0700
Subject: [PATCH] msgtplui - Edit - Download real msgtpl data. Show tabs with
 JSON.

---
 ext/msgtplui/ang/msgtplui.ang.php             |  1 +
 ext/msgtplui/ang/msgtplui/Edit.html           | 47 ++++++++-
 ext/msgtplui/ang/msgtplui/Edit.js             | 97 +++++++++++++------
 ext/msgtplui/ang/msgtpluiEditContent.aff.html |  3 +
 4 files changed, 118 insertions(+), 30 deletions(-)
 create mode 100644 ext/msgtplui/ang/msgtpluiEditContent.aff.html

diff --git a/ext/msgtplui/ang/msgtplui.ang.php b/ext/msgtplui/ang/msgtplui.ang.php
index 5f6e466429..57d79625d8 100644
--- a/ext/msgtplui/ang/msgtplui.ang.php
+++ b/ext/msgtplui/ang/msgtplui.ang.php
@@ -21,6 +21,7 @@ return [
     'crmRouteBinder',
     'crmUi',
     'crmUtil',
+    'msgtpluiEditContent',
     'ngRoute',
     'ngSanitize',
     'api4',
diff --git a/ext/msgtplui/ang/msgtplui/Edit.html b/ext/msgtplui/ang/msgtplui/Edit.html
index db4703271e..7a13e8f3c9 100644
--- a/ext/msgtplui/ang/msgtplui/Edit.html
+++ b/ext/msgtplui/ang/msgtplui/Edit.html
@@ -1,10 +1,51 @@
-<div class="crm-container">
+<div id="bootstrap-theme">
+
+  <div crm-ui-debug="$ctrl"></div>
 
   The edit view.
 
-<!--  <div crm-ui-debug="$ctrl.myContact"></div>-->
+  <ng-form name="config_form">
+
+    <div class="form-group">
+      <label for="msgtpl_title">
+        {{:: ts('Message Title') }} <span class="crm-marker">*</span>
+      </label>
+      <input ng-model="$ctrl.records.main.msg_title" class="form-control" id="msgtpl_title" required title="{{:: ts('Required') }}" ng-disabled="!!$ctrl.records.main.workflow_name" />
+      <p class="help-block">{{:: ts('Descriptive title of the message - used for template selection') }}</p>
+    </div>
+
+    <div class="form-group" ng-if="$ctrl.lang">
+      <label for="msgtpl_language">
+        {{:: ts('Locale') }} <span class="crm-marker">*</span>
+      </label>
+      <input ng-model="$ctrl.lang" class="form-control" id="msgtpl_language" required title="{{:: ts('Required') }}" ng-disabled="true" />
+      <!-- TODO: Pretty name -->
+    </div>
+
+    <div class="panel panel-info">
+      <ul class="panel-heading nav nav-tabs">
+        <li role="presentation" ng-class="{active: $ctrl.tab == 'main'}" ng-if="!$ctrl.lang">
+          <a class="text-success" crm-icon="fa-file" ng-click="$ctrl.tab = 'main'">{{ts('Current')}}</a>
+        </li>
+        <li role="presentation" ng-class="{active: $ctrl.tab == 'txActive'}" ng-if="!!$ctrl.lang">
+          <a class="text-success" crm-icon="fa-file" ng-click="$ctrl.tab = 'txActive'">{{ts('Current')}}</a>
+        </li>
+        <li role="presentation" ng-class="{active: $ctrl.tab == 'txDraft'}" ng-if="!!$ctrl.lang">
+          <a class="text-warning" crm-icon="fa-file" ng-click="$ctrl.tab = 'txDraft'">{{ts('Draft')}}</a>
+        </li>
+        <li role="presentation" ng-class="{active: $ctrl.tab == 'original'}">
+          <a class="text-info" crm-icon="fa-file" ng-click="$ctrl.tab = 'original'">{{ts('Original')}}</a>
+        </li>
+      </ul>
+      <div class="panel-body">
+        <msgtplui-edit-content options="{msg: $ctrl.records[$ctrl.tab]}"></msgtplui-edit-content>
+<!--        <msgtplui-edit-content options="" />-->
+      </div>
+    </div>
+
+  </ng-form>
 
-<!--  <h1 crm-page-title>{{ts('About %1', {1: $ctrl.myContact.first_name + ' ' + $ctrl.myContact.last_name})}}</h1>-->
+    <!--  <h1 crm-page-title>{{ts('About %1', {1: $ctrl.myContact.first_name + ' ' + $ctrl.myContact.last_name})}}</h1>-->
 
 <!--  <form name="myForm" crm-ui-id-scope>-->
 
diff --git a/ext/msgtplui/ang/msgtplui/Edit.js b/ext/msgtplui/ang/msgtplui/Edit.js
index 6783a97473..6eaa5d56df 100644
--- a/ext/msgtplui/ang/msgtplui/Edit.js
+++ b/ext/msgtplui/ang/msgtplui/Edit.js
@@ -1,5 +1,37 @@
 (function(angular, $, _) {
 
+  function chainTranslations(lang, status) {
+    return ["Translation", "get", {
+      "select": ['id', 'entity_field', 'string'],
+      "where": [
+        ['entity_table', '=', 'civicrm_msg_template'],
+        ['entity_id', '=', '$id'],
+        ['language', '=', lang],
+        ['status_id:name', '=', status]
+      ]
+    }];
+  }
+
+  function mergeTranslations(prefetch) {
+    angular.forEach(prefetch, function(results) {
+      angular.forEach(results, function(result) {
+        if (result.translations) {
+          angular.forEach(result.translations, function(tx) {
+            result[tx.entity_field] = tx.string;
+          });
+        }
+      });
+    });
+    return prefetch;
+  }
+
+  function pickFirsts(prefetch) {
+    return _.reduce(prefetch, function(all, record, key){
+      all[key] = record[0] || undefined;
+      return all;
+    }, {});
+  }
+
   angular.module('msgtplui').config(function($routeProvider) {
       $routeProvider.when('/edit', {
         controller: 'MsgtpluiEdit',
@@ -9,43 +41,54 @@
         // If you need to look up data when opening the page, list it out
         // under "resolve".
         resolve: {
-          myContact: function(crmApi) {
-            return crmApi('Contact', 'getsingle', {
-              id: 'user_contact_id',
-              return: ['first_name', 'last_name']
-            });
+          prefetch: function(crmApi4, crmStatus, $location) {
+            var args = $location.search();
+            var requests = {};
+
+            requests.main = ['MessageTemplate', 'get', {
+              where: [['id', '=', args.id]],
+            }];
+
+            requests.original = ['MessageTemplate', 'get', {
+              join: [["MessageTemplate AS other", "INNER", null, ["workflow_name", "=", "other.workflow_name"]]],
+              where: [["other.id", "=", args.id], ["is_reserved", "=", true]],
+              limit: 25
+            }];
+
+            if (args.lang) {
+              requests.txActive = ['MessageTemplate', 'get', {
+                where: [['id', '=', args.id]],
+                chain: {translations: chainTranslations(args.lang, 'active')}
+              }];
+
+              requests.txDraft = ['MessageTemplate', 'get', {
+                where: [['id', '=', args.id]],
+                chain: {translations: chainTranslations(args.lang, 'draft')}
+              }];
+            }
+
+            console.log('requests', requests);
+            return crmStatus({start: ts('Loading...'), success: ''}, crmApi4(requests).then(mergeTranslations).then(pickFirsts));
           }
         }
       });
     }
   );
 
-  // The controller uses *injection*. This default injects a few things:
-  //   $scope -- This is the set of variables shared between JS and HTML.
-  //   crmApi, crmStatus, crmUiHelp -- These are services provided by civicrm-core.
-  //   myContact -- The current contact, defined above in config().
-  angular.module('msgtplui').controller('MsgtpluiEdit', function($scope, crmApi, crmStatus, crmUiHelp, myContact) {
-    // The ts() and hs() functions help load strings for this module.
+  angular.module('msgtplui').controller('MsgtpluiEdit', function($scope, crmApi, crmStatus, crmUiHelp, $location, prefetch) {
     var ts = $scope.ts = CRM.ts('msgtplui');
     var hs = $scope.hs = crmUiHelp({file: 'CRM/msgtplui/Edit'}); // See: templates/CRM/msgtplui/Edit.hlp
-    // Local variable for this controller (needed when inside a callback fn where `this` is not available).
     var ctrl = this;
+    var args = $location.search();
 
-    // We have myContact available in JS. We also want to reference it in HTML.
-    this.myContact = myContact;
-
-    this.save = function() {
-      return crmStatus(
-        // Status messages. For defaults, just use "{}"
-        {start: ts('Saving...'), success: ts('Saved')},
-        // The save action. Note that crmApi() returns a promise.
-        crmApi('Contact', 'create', {
-          id: ctrl.myContact.id,
-          first_name: ctrl.myContact.first_name,
-          last_name: ctrl.myContact.last_name
-        })
-      );
-    };
+    ctrl.records = prefetch;
+    if (args.lang) {
+      ctrl.lang = args.lang;
+      ctrl.tab = args.status === 'draft' ? 'txDraft' : 'txActive';
+    }
+    else {
+      ctrl.tab = 'main';
+    }
   });
 
 })(angular, CRM.$, CRM._);
diff --git a/ext/msgtplui/ang/msgtpluiEditContent.aff.html b/ext/msgtplui/ang/msgtpluiEditContent.aff.html
new file mode 100644
index 0000000000..e7770ac1e7
--- /dev/null
+++ b/ext/msgtplui/ang/msgtpluiEditContent.aff.html
@@ -0,0 +1,3 @@
+<div>Hello world</div>
+
+<pre>{{options.msg|json}}</pre>
-- 
2.25.1