Afform - Ref directives to components in their own files

[civicrm-core.git] / ext / afform / admin / ang / afGuiEditor / elements / afGuiContainer-menu.html

<li ng-if="!$ctrl.node['af-fieldset'] && !block.layout"><a href ng-click="saveBlock()">{{:: ts('Save as block') }}</a></li>
<li ng-if="!$ctrl.node['af-fieldset'] && !block.layout" role="separator" class="divider"></li>
<li ng-if="tags[$ctrl.node['#tag']]">
  <div class="af-gui-field-select-in-dropdown form-inline" ng-click="$event.stopPropagation()">
    {{:: ts('Element:') }}
    <select class="form-control" ng-model="$ctrl.node['#tag']" title="{{:: ts('Container type') }}">
      <option ng-repeat="(opt, label) in tags" value="{{ opt }}">{{ label }}</option>
    </select>
  </div>
</li>
<li ng-if="isRepeatable()" ng-click="$event.stopPropagation()">
  <div class="af-gui-field-select-in-dropdown form-inline">
    <label ng-click="toggleRepeat()">
      <i class="crm-i fa-{{ $ctrl.node['af-repeat'] || $ctrl.node['af-repeat'] === '' ? 'check-' : '' }}square-o"></i>
      {{:: ts('Repeat') }}
    </label>
    <span ng-style="{visibility: $ctrl.node['af-repeat'] || $ctrl.node['af-repeat'] === '' ? 'visible' : 'hidden'}">
      <input type="number" class="form-control" ng-model="getSetMin" ng-model-options="{getterSetter: true}" placeholder="{{:: ts('min') }}" min="0" step="1" />
      - <input type="number" class="form-control" ng-model="getSetMax" ng-model-options="{getterSetter: true}" placeholder="{{:: ts('max') }}" min="2" step="1" />
    </span>
  </div>
</li>
<li ng-click="$event.stopPropagation()" ng-if="!block">
  <div class="af-gui-field-select-in-dropdown form-inline">
    {{:: ts('Layout:') }}
    <div class="btn-group btn-group-sm" role="group">
      <button type="button" class="btn btn-default" ng-class="{active: opt === getLayout()}" ng-repeat="(opt, label) in layouts" ng-click="setLayout(opt)" title="{{ label }}">
        <i class="af-gui-layout-icon {{ opt }}"></i>
      </button>
    </div>
  </div>
</li>
<li><af-gui-menu-item-border node="$ctrl.node"></af-gui-menu-item-border></li>
<li><af-gui-menu-item-background node="$ctrl.node"></af-gui-menu-item-background></li>
<li role="separator" class="divider"></li>
<li><a href ng-click="$ctrl.deleteThis()"><span class="text-danger">{{ !block ? ts('Delete this container') : ts('Delete this block') }}</span></a></li>