ext/search_kit/ang/crmSearchAdmin/displays/searchAdminDisplayList.html

   1 <fieldset ng-include="'~/crmSearchAdmin/crmSearchAdminDisplaySort.html'"></fieldset>
   2 <fieldset>
   3   <div class="form-inline">
   4     <label for="crm-search-admin-display-style">{{:: ts('Style') }}</label>
   5     <select id="crm-search-admin-display-style" class="form-control" ng-model="$ctrl.display.settings.style" ng-change="$ctrl.display.settings.symbol = ''">
   6       <option value="ul">{{:: ts('Bullets') }}</option>
   7       <option value="ol">{{:: ts('Numbers') }}</option>
   8     </select>
   9     <label for="crm-search-admin-display-symbol">{{:: ts('Symbol') }}</label>
  10     <select id="crm-search-admin-display-symbol" class="form-control" ng-model="$ctrl.display.settings.symbol">
  11       <option ng-repeat="symbol in $ctrl.symbols[$ctrl.display.settings.style]" value="{{ symbol.char }}">
  12         {{ symbol.label }}
  13       </option>
  14     </select>
  15     <div class="form-group" ng-include="'~/crmSearchAdmin/displays/common/searchButtonConfig.html'"></div>
  16   </div>
  17   <search-admin-pager-config display="$ctrl.display"></search-admin-pager-config>
  18 </fieldset>
  19 <fieldset class="crm-search-admin-edit-columns-wrapper">
  20   <legend>
  21     {{:: ts('Fields') }}
  22     <div ng-include="'~/crmSearchAdmin/displays/common/addColMenu.html'" class="btn-group btn-group-xs"></div>
  23   </legend>
  24   <div class="crm-search-admin-edit-columns" ng-model="$ctrl.display.settings.columns" ui-sortable="$ctrl.parent.sortableOptions">
  25     <fieldset ng-repeat="col in $ctrl.display.settings.columns" class="crm-draggable">
  26       <legend><i class="crm-i fa-arrows crm-search-move-icon"></i> {{ $ctrl.parent.getColLabel(col) }}</legend>
  27       <div class="form-inline" title="{{ ts('Should this item display on its own line or inline with other items?') }}">
  28         <label><input type="checkbox" ng-model="col.break"> {{:: ts('New Line') }}</label>
  29         <button type="button" class="btn-xs pull-right" ng-click="$ctrl.parent.removeCol($index)" title="{{:: ts('Remove') }}">
  30           <i class="crm-i fa-ban"></i>
  31         </button>
  32       </div>
  33       <div class="form-inline crm-search-admin-flex-row">
  34         <label>
  35           <input type="checkbox" ng-checked="col.label" ng-click="col.label = col.label ? null : $ctrl.parent.getColLabel(col)" >
  36           {{:: ts('Label') }}
  37         </label>
  38         <input ng-if="col.label" class="form-control crm-flex-1" type="text" ng-model="col.label" ng-model-options="{updateOn: 'blur'}">
  39         <crm-search-admin-token-select ng-if="col.label" model="col" field="label" suffix=":label"></crm-search-admin-token-select>
  40       </div>
  41       <div class="form-inline" ng-if="col.label">
  42         <label style="visibility: hidden"><input type="checkbox" disabled></label><!--To indent by 1 checkbox-width-->
  43         <div class="checkbox">
  44           <label><input type="checkbox" ng-model="col.forceLabel"> {{:: ts('Show label even when field is blank') }}</label>
  45         </div>
  46       </div>
  47       <div ng-include="'~/crmSearchAdmin/displays/colType/' + col.type + '.html'"></div>
  48     </fieldset>
  49   </div>
  50 </fieldset>