<div class="getrole">
  <div class="roles-container">
    <label class="roles-title">
      <span class="fa fa-list"></span>
      {{comptitle}}
    </label>
    <div class="roles-comp-container" ng-style="{'border': (!curtool.roles || curtool.roles.length===0)? 'none' : '1px solid #cccccc'}">
      <div class="modalBody">
        <div class="input-group-btn">
          <div class="row roles-list-container">
            <div class="col-xs-10 bs-container">
              <span elementtype="'rôle'" gcautocompletedeprecated list="roles" res="selectedRole"></span>
            </div>
            <div class="col-xs-2 role-add-container">
              <a
                  class="btn btn-xs btn-success remover role-add-button"
                  title="{{'rights.roles.add' | translate}}"
                  data-ng-click="addRolesTool(curtool,selectedRole,$event)"
                  ng-disabled="!selectedRole"
              >
                <i class="fa fa-plus"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="roles-container">
          <div ng-repeat="r in curtool.roles" class="role-row">
            {{r}}
            <button
              type="button"
              class="btn btn-xs btn-danger remover"
              title="{{'rights.roles.delete' | translate}}"
              data-ng-click="removeRolesTool(curtool,selectedRole,$index)"
            >
              <i class="fa fa-minus"></i>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
