ext/afform/admin/ang/afGuiEditor/afGuiEditorPalette.html

   1 <div id="afGuiEditor-palette-config" class="panel panel-default">
   2     <ul id="afGuiEditor-palette-tabs" class="panel-heading nav nav-tabs">
   3       <li role="presentation" ng-class="{active: selectedEntityName === null}">
   4         <a href ng-click="editor.selectEntity(null)">
   5           <span>{{:: ts('Form Settings') }}</span>
   6         </a>
   7       </li>
   8       <li role="presentation" ng-repeat="entity in entities" ng-class="{active: selectedEntityName === entity.name}">
   9         <a href ng-click="editor.selectEntity(entity.name)">
  10           <span ng-if="!entity.loading && editor.allowEntityConfig" crm-ui-editable ng-model="entity.label">{{ entity.label }}</span>
  11           <span ng-if="!entity.loading && !editor.allowEntityConfig">{{ entity.label }}</span>
  12           <i ng-if="entity.loading" class="crm-i fa-spin fa-spinner"></i>
  13         </a>
  14       </li>
  15       <li role="presentation" ng-repeat="(key, searchDisplay) in editor.meta.searchDisplays" ng-class="{active: selectedEntityName === key}">
  16         <a href ng-click="editor.selectEntity(key)">
  17           <span>{{ searchDisplay.label }}</span>
  18         </a>
  19       </li>
  20       <li role="presentation" class="dropdown" ng-if="editor.allowEntityConfig">
  21         <a href class="dropdown-toggle" data-toggle="dropdown" title="{{ ts('Add Entity') }}">
  22           <span><i class="crm-i fa-plus"></i></span>
  23         </a>
  24         <ul class="dropdown-menu">
  25           <li ng-repeat="(entityName, entity) in editor.meta.entities" ng-if="entity.defaults">
  26             <a href ng-click="editor.addEntity(entityName, true)">
  27               <i class="crm-i {{:: entity.icon }}"></i>
  28               {{:: entity.label }}
  29             </a>
  30           </li>
  31         </ul>
  32       </li>
  33     </ul>
  34   <div class="panel-body" ng-include="'~/afGuiEditor/config-form.html'" ng-if="selectedEntityName === null"></div>
  35   <div class="panel-body" ng-repeat="entity in entities" ng-if="selectedEntityName === entity.name">
  36     <af-gui-entity entity="entity"></af-gui-entity>
  37   </div>
  38   <div class="panel-body" ng-repeat="(key, searchDisplay) in editor.meta.searchDisplays" ng-if="selectedEntityName === key">
  39     <af-gui-search display="searchDisplay"></af-gui-search>
  40   </div>
  41 </div>