ext/afform/admin/ang/afGuiEditor/elements/afGuiField.html

   1 <af-gui-edit-options ng-if="editingOptions" class="af-gui-content-editing-area"></af-gui-edit-options>
   2 <div ng-if="!editingOptions" class="af-gui-element af-gui-field" >
   3   <div class="af-gui-bar" title="{{:: getOriginalLabel() }}">
   4     <div class="form-inline">
   5       <span ng-if="$ctrl.node.defn.label === false">{{:: getOriginalLabel() }}</span>
   6       <div class="btn-group pull-right" af-gui-menu >
   7         <button type="button" class="btn btn-default btn-xs dropdown-toggle af-gui-add-element-button" data-toggle="dropdown" title="{{:: ts('Configure') }}">
   8           <span><i class="crm-i fa-gear"></i></span>
   9         </button>
  10         <ul class="dropdown-menu dropdown-menu-right" ng-if="menu.open" ng-include="'~/afGuiEditor/elements/afGuiField-menu.html'"></ul>
  11       </div>
  12     </div>
  13   </div>
  14   <label ng-style="{visibility: $ctrl.node.defn.label === false ? 'hidden' : 'visible'}" ng-class="{'af-gui-field-required': getProp('required')}" class="af-gui-node-title">
  15     <span crm-ui-editable ng-model="getSet('label')" ng-model-options="{getterSetter: true}" default-value="$ctrl.getDefn().label">{{ getProp('label') }}</span>
  16   </label>
  17   <div class="af-gui-field-help" ng-if="propIsset('help_pre')">
  18     <span crm-ui-editable ng-model="getSet('help_pre')" ng-model-options="{getterSetter: true}" default-value="$ctrl.getDefn().help_pre">{{ getProp('help_pre') }}</span>
  19   </div>
  20   <div class="af-gui-field-input af-gui-field-input-type-{{ getProp('input_type').toLowerCase() }}" ng-include="'~/afGuiEditor/inputType/' + getProp('input_type') + '.html'"></div>
  21   <div class="af-gui-field-help" ng-if="propIsset('help_post')">
  22     <span crm-ui-editable ng-model="getSet('help_post')" ng-model-options="{getterSetter: true}" default-value="$ctrl.getDefn().help_post">{{ getProp('help_post') }}</span>
  23   </div>
  24 </div>