SearchKit - Improve searchDisplay pager with additional options
[civicrm-core.git] / ext / search_kit / ang / crmSearchAdmin / displays / searchAdminDisplayTable.html
1 <fieldset ng-include="'~/crmSearchAdmin/crmSearchAdminDisplaySort.html'"></fieldset>
2 <fieldset>
3 <div class="form-inline">
4 <div class="checkbox-inline form-control">
5 <label>
6 <input type="checkbox" ng-model="$ctrl.display.settings.actions">
7 <span>{{:: ts('Enable Actions') }}</span>
8 </label>
9 </div>
10 </div>
11 <search-admin-pager-config display="$ctrl.display"></search-admin-pager-config>
12 </fieldset>
13 <fieldset class="crm-search-admin-edit-columns-wrapper">
14 <legend>
15 {{:: ts('Columns') }}
16 <div ng-include="'~/crmSearchAdmin/displays/common/addColMenu.html'" class="btn-group btn-group-xs"></div>
17 </legend>
18 <div class="crm-search-admin-edit-columns" ng-model="$ctrl.display.settings.columns" ui-sortable="$ctrl.parent.sortableOptions">
19 <fieldset ng-repeat="col in $ctrl.display.settings.columns" class="crm-draggable">
20 <legend><i class="crm-i fa-arrows crm-search-move-icon"></i> {{ $ctrl.parent.getColLabel(col) }}</legend>
21 <div class="form-inline crm-search-admin-flex-row">
22 <label for="crm-search-admin-edit-col-{{ $index }}">{{:: ts('Header') }}</label>
23 <input id="crm-search-admin-edit-col-{{ $index }}" class="form-control crm-flex-1" type="text" ng-model="col.label" >
24 <button type="button" class="btn-xs" ng-click="$ctrl.parent.removeCol($index)" title="{{:: ts('Remove') }}">
25 <i class="crm-i fa-ban"></i>
26 </button>
27 </div>
28 <div class="form-inline">
29 <label>{{:: ts('Alignment') }}</label>
30 <select ng-model="col.alignment" class="form-control">
31 <option value="">{{:: ts('Left') }}</option>
32 <option value="text-center">{{:: ts('Center') }}</option>
33 <option value="text-right">{{:: ts('Right') }}</option>
34 </select>
35 </div>
36 <div ng-include="'~/crmSearchAdmin/displays/colType/' + col.type + '.html'"></div>
37 </fieldset>
38 </div>
39 </fieldset>