<div class="form-group-network-attributes">
  <!--  Label avec le bouton d'ajout d'une valeur personnalisée  -->
  <div class="title-row">
    <div class="title">
      <label class="form-group-network-attributes-label" ng-class="{'required': required}">{{attributeName | translate}}</label>
      <button
        type="button"
        ng-if="!showAddCustomValue"
        class="btn btn-default btn-xs"
        ng-click="toggleAddCustomValue()"
        title="{{'model.network.enableAddCustomValue' | translate}}">
        <i class="fa fa-plus"></i>
      </button>
      <button
        type="button"
        ng-if="showAddCustomValue"
        class="btn btn-default btn-xs"
        ng-click="toggleAddCustomValue()"
        title="{{'model.network.hideCustomValue' | translate}}">
        <i class="fa fa-remove"></i>
      </button>
    </div>
    <div class="custom-value">
      <input
          type="text"
          class="custom-value-menu input-custom-value form-control"
          ng-show="showAddCustomValue"
          ng-model="customValue">
      <button
        type="button"
        ng-if="showAddCustomValue"
        class="custom-value-menu btn btn-xs btn-success"
        ng-click="addCustomValue()"
        title="{{'common.add' | translate}}">
        <i class="fa fa-plus"></i>
      </button>
    </div>
  </div>
  <!-- Select associé  -->
  <div>
    <gcautocomplete list="list"
                    ng-model="ngModel"
                    attribute-displayed="attributeDisplayed"
                    attribute-used="attributeUsed"
                    on-change="onAutocompleteChange()">
    </gcautocomplete>
  </div>
</div>