Afform - Ref directives to components in their own files
[civicrm-core.git] / ext / afform / admin / ang / afGuiEditor / elements / afGuiContainer-menu.html
1 <li ng-if="!$ctrl.node['af-fieldset'] && !block.layout"><a href ng-click="saveBlock()">{{:: ts('Save as block') }}</a></li>
2 <li ng-if="!$ctrl.node['af-fieldset'] && !block.layout" role="separator" class="divider"></li>
3 <li ng-if="tags[$ctrl.node['#tag']]">
4 <div class="af-gui-field-select-in-dropdown form-inline" ng-click="$event.stopPropagation()">
5 {{:: ts('Element:') }}
6 <select class="form-control" ng-model="$ctrl.node['#tag']" title="{{:: ts('Container type') }}">
7 <option ng-repeat="(opt, label) in tags" value="{{ opt }}">{{ label }}</option>
8 </select>
9 </div>
10 </li>
11 <li ng-if="isRepeatable()" ng-click="$event.stopPropagation()">
12 <div class="af-gui-field-select-in-dropdown form-inline">
13 <label ng-click="toggleRepeat()">
14 <i class="crm-i fa-{{ $ctrl.node['af-repeat'] || $ctrl.node['af-repeat'] === '' ? 'check-' : '' }}square-o"></i>
15 {{:: ts('Repeat') }}
16 </label>
17 <span ng-style="{visibility: $ctrl.node['af-repeat'] || $ctrl.node['af-repeat'] === '' ? 'visible' : 'hidden'}">
18 <input type="number" class="form-control" ng-model="getSetMin" ng-model-options="{getterSetter: true}" placeholder="{{:: ts('min') }}" min="0" step="1" />
19 - <input type="number" class="form-control" ng-model="getSetMax" ng-model-options="{getterSetter: true}" placeholder="{{:: ts('max') }}" min="2" step="1" />
20 </span>
21 </div>
22 </li>
23 <li ng-click="$event.stopPropagation()" ng-if="!block">
24 <div class="af-gui-field-select-in-dropdown form-inline">
25 {{:: ts('Layout:') }}
26 <div class="btn-group btn-group-sm" role="group">
27 <button type="button" class="btn btn-default" ng-class="{active: opt === getLayout()}" ng-repeat="(opt, label) in layouts" ng-click="setLayout(opt)" title="{{ label }}">
28 <i class="af-gui-layout-icon {{ opt }}"></i>
29 </button>
30 </div>
31 </div>
32 </li>
33 <li><af-gui-menu-item-border node="$ctrl.node"></af-gui-menu-item-border></li>
34 <li><af-gui-menu-item-background node="$ctrl.node"></af-gui-menu-item-background></li>
35 <li role="separator" class="divider"></li>
36 <li><a href ng-click="$ctrl.deleteThis()"><span class="text-danger">{{ !block ? ts('Delete this container') : ts('Delete this block') }}</span></a></li>