--- /dev/null
+<table>
+ <thead>
+ <tr>
+ <th>{{ts('Property')}}</th>
+ <th>{{ts('Value')}}</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="odd-row odd">
+ <td>App ID</td>
+ <td>{{appMeta.appId}}</td>
+ </tr>
+ <tr class="even-row even">
+ <td>App URL</td>
+ <td><code>{{appMeta.appUrl}}</code></td>
+ </tr>
+ </tbody>
+</table>
--- /dev/null
+(function(angular, $, _) {
+
+ // This directive formats the data in appMeta as a nice table.
+ // example: <div crm-cxn-perm-table="{appMeta: cxn.app_meta}"></div>
+ angular.module('crmCxn').directive('crmCxnAdvTable', function crmCxnAdvTable() {
+ return {
+ restrict: 'EA',
+ scope: {
+ crmCxnAdvTable: '='
+ },
+ templateUrl: '~/crmCxn/AdvTable.html',
+ link: function(scope, element, attrs) {
+ scope.ts = CRM.ts(null);
+ scope.$watch('crmCxnAdvTable', function(crmCxnAdvTable){
+ scope.appMeta = crmCxnAdvTable.appMeta;
+ });
+ }
+ };
+ });
+})(angular, CRM.$, CRM._);
<div crm-ui-accordion="{title: ts('Permissions: Details'), collapsed: true}">
<div crm-cxn-perm-table="{perm: appMeta.perm}"></div>
</div>
+ <div crm-ui-accordion="{title: ts('Advanced'), collapsed: true}">
+ <div crm-cxn-adv-table="{appMeta: appMeta}"></div>
+ </div>
</div>
<div crm-ui-accordion="{title: ts('Permissions: Details'), collapsed: true}">
<div crm-cxn-perm-table="{perm: cxn.app_meta.perm}"></div>
</div>
+ <div crm-ui-accordion="{title: ts('Advanced'), collapsed: true}">
+ <div crm-cxn-adv-table="{appMeta: cxn.app_meta}"></div>
+ </div>
+
</div>