1 <div class=
"af-gui-edit-options-bar" >
2 <h4 class=
"pull-left">{{:: ts('Customize options') }}
</h4>
3 <div class=
"btn-group-sm">
4 <button type=
"button" class=
"btn btn-default" ng-click=
"close()">
5 <i class=
"crm-i fa-times-circle"></i>
8 <button type=
"button" class=
"btn btn-success" ng-click=
"save()">
9 <i class=
"crm-i fa-check-circle"></i>
14 <ul ui-sortable=
"{connectWith: '.af-gui-edit-options-deleted', cancel: 'input,textarea,button,select,option,a,[contenteditable]'}" ng-model=
"options" class=
"af-gui-edit-options-enabled">
15 <li ng-repeat=
"option in options">
16 <div af-gui-editable
ng-model=
"option.label" default-value=
"originalLabels[option.key]" >{{ option.label }}
</div>
17 <button type=
"button" class=
"btn btn-danger-outline btn-xs pull-right" ng-click=
"deleteOption(option, $index)" title=
"{{:: ts('Remove option') }}">
18 <i class=
"crm-i fa-trash"></i>
22 <h5 ng-show=
"deletedOptions.length">{{ ts('Deleted options') }}
</h5>
23 <ul ng-if=
"deletedOptions.length" ui-sortable=
"{connectWith: '.af-gui-edit-options-enabled'}" ng-model=
"deletedOptions" class=
"af-gui-edit-options-deleted">
24 <li ng-repeat=
"option in deletedOptions">
25 <div>{{ option.label }}
</div>
26 <button type=
"button" class=
"btn btn-success-outline btn-xs pull-right" ng-click=
"restoreOption(option, $index)" title=
"{{:: ts('Restore option') }}">
27 <i class=
"crm-i fa-arrow-circle-o-up"></i>