Afform - Add 'Placement' colum to admin screen
[civicrm-core.git] / 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.plural }}</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="types[$ctrl.tab].options !== false">
14 <a ng-if="types[$ctrl.tab].default" href="{{ types[$ctrl.tab].default }}" class="btn btn-primary">
15 {{ ts('New %1', {1: types[$ctrl.tab].label }) }}
16 </a>
17 <button type="button" ng-click="$ctrl.createLinks()" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
18 <span ng-class="{'sr-only': types[$ctrl.tab].default}">{{ ts('New %1', {1: types[$ctrl.tab].label }) }}</span>
19 <span class="caret"></span>
20 </button>
21 <ul class="dropdown-menu">
22 <li ng-class="{disabled: !types[$ctrl.tab].options || !types[$ctrl.tab].options.length}">
23 <input ng-if="types[$ctrl.tab].options && types[$ctrl.tab].options.length" type="search" class="form-control" placeholder="&#xf002" ng-model="searchCreateLinks.label">
24 <a href ng-if="!types[$ctrl.tab].options"><i class="crm-i fa-spinner fa-spin"></i></a>
25 <a href ng-if="types[$ctrl.tab].options && !types[$ctrl.tab].options.length">{{:: ts('None Found') }}</a>
26 </li>
27 <li ng-repeat="link in types[$ctrl.tab].options | filter:searchCreateLinks" class="{{:: link.class }}">
28 <a ng-if=":: link.url" href="{{:: link.url }}">
29 <i class="crm-i {{:: link.icon }}"></i>
30 {{:: link.label }}
31 </a>
32 </li>
33 </ul>
34 </div>
35 </div>
36
37 <table>
38 <thead>
39 <tr>
40 <th>{{:: ts('Title') }}</th>
41 <th>{{:: ts('Name') }}</th>
42 <th>{{:: ts('Page') }}</th>
43 <th>{{:: ts('Placement') }}</th>
44 <th></th>
45 </tr>
46 </thead>
47 <tbody>
48 <tr ng-repeat="afform in $ctrl.afforms[$ctrl.tab] | filter:$ctrl.searchAfformList">
49 <td>{{ afform.title }}</td>
50 <td>
51 <code>{{ afform.name }}</code>
52 </td>
53 <td>
54 <a ng-if="afform.server_route" ng-href="{{ crmUrl(afform.server_route) }}" target="_blank">
55 <code>{{ afform.server_route }}</code>
56 </a>
57 </td>
58 <td>{{ afform.placement.join(', ') }}</td>
59 <td class="text-right">
60 <a ng-if="afform.type !== 'system'" href="#/edit/{{ afform.name }}" class="btn btn-xs btn-primary">{{:: ts('Edit') }}</a>
61 <a ng-if="afform.type !== 'system'" href="#/clone/{{ afform.name }}" class="btn btn-xs btn-primary">{{:: ts('Clone') }}</a>
62 <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)">
63 {{ afform.has_base ? ts('Revert') : ts('Delete') }}
64 </a>
65 </td>
66 </tr>
67 <tr ng-if="!$ctrl.afforms[$ctrl.tab] || $ctrl.afforms[$ctrl.tab].length === 0">
68 <td colspan="9">
69 <p class="messages status no-popup text-center">
70 {{:: ts('None Found')}}
71 </p>
72 </td>
73 </tr>
74 </tbody>
75 </table>
76 </div>