ext/afform/admin/ang/afAdmin/afAdminList.html

   1 <div id="bootstrap-theme" class="afadmin-list">
   2   <h1 crm-page-title>{{:: ts('Form Builder') }}</h1>
   3
   4   <ul class="nav nav-tabs">
   5     <li role="presentation" ng-repeat="tab in $ctrl.tabs" ng-class="{active: tab.name === $ctrl.tab}">
   6       <a href ng-click="$ctrl.tab = tab.name; $ctrl.searchAfformList = ''"><i class="crm-i {{ tab.icon }}"></i> {{:: tab.label }}</a>
   7     </li>
   8   </ul>
   9
  10   <div class="form-inline">
  11     <label for="afform-list-filter">{{:: ts('Filter:') }}</label>
  12     <input class="form-control" type="search" id="afform-list-filter" ng-model="$ctrl.searchAfformList" placeholder="&#xf002">
  13     <div class="btn-group pull-right" ng-if="tabs[$ctrl.tab].options">
  14       <a ng-if="tabs[$ctrl.tab].default" href="{{ tabs[$ctrl.tab].default }}" class="btn btn-primary">
  15         {{ ts('New %1', {1: tabs[$ctrl.tab].label }) }}
  16       </a>
  17       <button ng-click="$ctrl.createLinks()" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  18         <span ng-class="{'sr-only': tabs[$ctrl.tab].default}">{{ ts('New %1', {1: tabs[$ctrl.tab].label }) }}</span>
  19         <span class="caret"></span>
  20       </button>
  21       <ul class="dropdown-menu">
  22         <li>
  23           <input ng-if="tabs[$ctrl.tab].options.length" type="search" class="form-control" placeholder="&#xf002" ng-model="$ctrl.searchCreateLinks">
  24           <a href ng-if="!tabs[$ctrl.tab].options.length"><i class="crm-i fa-spinner fa-spin"></i></a>
  25         </li>
  26         <li ng-repeat="link in tabs[$ctrl.tab].options | filter:$ctrl.searchCreateLinks">
  27           <a href="{{ link.url }}">
  28             <i class="crm-i {{ link.icon }}"></i>
  29             {{ link.label }}
  30           </a>
  31         </li>
  32       </ul>
  33     </div>
  34   </div>
  35
  36   <table>
  37     <thead>
  38     <tr>
  39       <th>{{:: ts('Title') }}</th>
  40       <th>{{:: ts('Name') }}</th>
  41       <th>{{:: ts('Page') }}</th>
  42       <th>{{:: ts('Style') }}</th>
  43       <th></th>
  44     </tr>
  45     </thead>
  46     <tbody>
  47     <tr ng-repeat="afform in $ctrl.afforms[$ctrl.tab] | filter:$ctrl.searchAfformList">
  48       <td>{{afform.title}}</td>
  49       <td>
  50         <code>{{afform.name}}</code>
  51       </td>
  52       <td>
  53         <a ng-if="afform.server_route" ng-href="{{ crmUrl(afform.server_route) }}" target="_blank">
  54           <code>{{afform.server_route}}</code>
  55         </a>
  56       </td>
  57       <td>{{afform.is_public ? ts('Frontend') : ts('Backend')}}</td>
  58       <td class="text-right">
  59         <a ng-if="afform.type !== 'system'" href="#/edit/{{ afform.name }}" class="btn btn-xs btn-primary">{{ ts('Edit') }}</a>
  60         <a ng-if="afform.type !== 'system'" href="#/clone/{{ afform.name }}" class="btn btn-xs btn-primary">{{ ts('Clone') }}</a>
  61         <a href ng-if="afform.has_local" class="btn btn-xs btn-danger" crm-confirm="{type: afform.has_base ? 'revert' : 'delete', obj: afform}" on-yes="$ctrl.revert(afform)">
  62           {{ afform.has_base ? ts('Revert') : ts('Delete') }}
  63         </a>
  64       </td>
  65     </tr>
  66     <tr ng-if="!$ctrl.afforms[$ctrl.tab] || $ctrl.afforms[$ctrl.tab].length === 0">
  67       <td colspan="9">
  68         <p class="messages status no-popup text-center">
  69           {{:: ts('None Found')}}
  70         </p>
  71       </td>
  72     </tr>
  73     </tbody>
  74   </table>
  75 </div>