Afform - move contentEditable directive into crmUI library for reusability

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

<div class="af-gui-bar">
  <div class="form-inline pull-right">
    <div class="btn-group pull-right" af-gui-menu>
      <button type="button" class="btn btn-default btn-xs dropdown-toggle af-gui-add-element-button" data-toggle="dropdown" title="{{:: ts('Configure') }}">
        <span><i class="crm-i fa-gear"></i></span>
      </button>
      <ul class="dropdown-menu" ng-if="menu.open" ng-include="'~/afGuiEditor/elements/afGuiButton-menu.html'"></ul>
    </div>
  </div>
</div>
<button type="button" class="btn {{ getSetStyle() }} disabled">
  <span class="crm-editable-enabled" ng-click="pickIcon()" >
    <i class="crm-i {{ $ctrl.node['crm-icon'] }}"></i>
  </span>
  <span crm-ui-editable ng-model="$ctrl.node['#children'][0]['#text']" >
    {{ $ctrl.node['#children'][0]['#text'] }}
  </span>
</button>