Merge pull request #6424 from seamuslee001/4.6-CRM-13644

[civicrm-core.git] / ang / crmCxn / ManageCtrl.html

<div crm-ui-debug="appMetas"></div>
<div crm-ui-debug="cxns"></div>
<div crm-ui-debug="alerts"></div>

<!--
 The merits of this layout:
 * On a fresh install, the available connections show up first.
 * Once you've made a connection, the extant connections bubble up.
 * Extant connections can be portrayed as enabled or disabled.
-->

<div ng-show="cxns.length > 0">
  <span crm-ui-order="{var: 'cxnOrder', defaults: ['-created_date']}"></span>
  <h3>{{ts('Existing Connections')}}</h3>
  <table class="display">
    <thead>
    <tr>
      <th>{{ts('Title')}}</th> <!-- <a crm-ui-order-by="[cxnOrder, 'app_meta.appId']"> -->
      <th>{{ts('Description')}}</th> <!-- <a crm-ui-order-by="[cxnOrder, 'desc']"> -->
      <th>{{ts('Status')}}</th>
      <th></th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="cxn in cxns  | orderBy:cxnOrder.get()">
      <td>{{cxn.app_meta.title}}</td>
      <td><div ng-bind-html="cxn.app_meta.desc"></div></td>
      <td>{{cxn.is_active ? ts('Enabled') : ts('Disabled')}}</td>
      <td>
        <!--
        <a class="action-item crm-hover-button" ng-click="toggleCxn(cxn)">{{cxn.is_active ? ts('Disable') : ts('Enable') }}</a>
        -->
        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'settings', {title: ts('%1: Settings (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.settings">{{ts('Settings')}}</a>
        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'logs', {title: ts('%1: Logs (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.logs">{{ts('Logs')}}</a>
        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'docs', {title: ts('%1: Documentation (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.docs">{{ts('Docs')}}</a>
        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'support', {title: ts('%1: Support (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.support">{{ts('Support')}}</a>
        <a class="action-item crm-hover-button"
           crm-confirm='{width: "65%", resizable: true, title: ts("Disconnect"), message: ts("Are you sure you want to disconnect \"%1?\". Doing so may permanently destroy data linkage.", {1: cxn.app_meta.title})}'
           on-yes="unregister(cxn.app_meta)"
          >{{ts('Disconnect')}}</a>
      </td>
    </tr>
    </tbody>
  </table>
</div>

<div ng-show="hasAvailApps()">
  <span crm-ui-order="{var: 'availOrder', defaults: ['title']}"></span>

  <h3>{{ts('New Connections')}}</h3>
  <table class="display">
    <thead>
    <tr>
      <th><a crm-ui-order-by="[availOrder, 'title']">{{ts('Title')}}</a></th>
      <th><a crm-ui-order-by="[availOrder, 'desc']">{{ts('Description')}}</a></th>
      <th></th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="appMeta in appMetas | orderBy:availOrder.get()" ng-show="!findCxnByAppId(appMeta.appId)">
      <td>{{appMeta.title}}</td>
      <td><div ng-bind-html="appMeta.desc"></div></td>
      <td>
        <a class="action-item crm-hover-button"
           crm-confirm='{width: "65%", resizable: true, title:ts("Connect"), templateUrl: "~/crmCxn/ConfirmConnectCtrl.html", export: {appMeta: appMeta}}'
           on-yes="register(appMeta)"
          >{{ts('Connect')}}</a>
      </td>
    </tr>
    </tbody>
  </table>
</div>

<div ng-show="$.isEmptyObject(appMetas)" class="messages status no-popup">
  <div class="icon inform-icon"></div>
  {{ts('No available applications')}}
</div>