Search ext: Add List display
[civicrm-core.git] / ext / search / ang / crmSearchAdmin / displays / searchAdminDisplayTable.html
1 <fieldset>
2 <div class="form-inline">
3 <label for="crm-search-admin-display-limit">{{:: ts('Results to display (0 for no limit):') }}</label>
4 <input id="crm-search-admin-display-limit" type="number" min="0" step="1" class="form-control" ng-model="$ctrl.display.settings.limit">
5 <label><input type="checkbox" ng-model="$ctrl.display.settings.pager"> {{:: ts('Use Pager') }}</label>
6 <label><input type="checkbox" ng-model="$ctrl.display.settings.actions"> {{:: ts('Enable Actions') }}</label>
7 </div>
8 </fieldset>
9 <div class="crm-flex-box crm-search-admin-edit-columns-wrapper">
10 <fieldset class="crm-search-admin-edit-columns" ng-model="$ctrl.display.settings.columns" ui-sortable="$ctrl.sortableOptions">
11 <legend>{{:: ts('Columns') }}</legend>
12 <fieldset ng-repeat="col in $ctrl.display.settings.columns" class="crm-draggable">
13 <legend>{{ $ctrl.getFieldLabel(col.expr) }}</legend>
14 <div class="form-inline">
15 <label>{{:: ts('Label:') }}</label> <input class="form-control" type="text" ng-model="col.label" />
16 <button class="btn-xs pull-right" ng-click="$ctrl.removeCol($index)" title="{{:: ts('Hide') }}">
17 <i class="crm-i fa-ban"></i>
18 </button>
19 </div>
20 <div class="form-inline">
21 <label>{{:: ts('Alignment:') }}</label>
22 <select ng-model="col.alignment" class="form-control">
23 <option value="">{{:: ts('Left') }}</option>
24 <option value="text-center">{{:: ts('Center') }}</option>
25 <option value="text-right">{{:: ts('Right') }}</option>
26 </select>
27 </div>
28 <div class="form-inline">
29 <label>{{:: ts('Link:') }}</label>
30 <crm-search-admin-link-select column="col" links="$ctrl.links"></crm-search-admin-link-select>
31 </div>
32 <div class="form-inline">
33 <label>{{:: ts('Tooltip:') }}</label>
34 <input class="form-control" type="text" ng-model="col.title" />
35 </div>
36 </fieldset>
37 </fieldset>
38 <fieldset class="crm-search-admin-edit-columns" ng-model="$ctrl.hiddenColumns" ui-sortable="$ctrl.sortableOptions">
39 <legend>{{:: ts('Hidden Columns') }}</legend>
40 <fieldset ng-repeat="col in $ctrl.hiddenColumns" class="crm-draggable">
41 <legend>{{ $ctrl.getFieldLabel(col.expr) }}</legend>
42 <div class="form-inline">
43 <label>{{:: ts('Label:') }}</label> <input disabled class="form-control" type="text" ng-model="col.label" />
44 <button class="btn-xs pull-right" ng-click="$ctrl.restoreCol($index)" title="{{:: ts('Show') }}">
45 <i class="crm-i fa-undo"></i>
46 </button>
47 </div>
48 </fieldset>
49 </fieldset>
50 </div>