<button
  type="button"
  class="btn btn-default"
  ng-class="{ 'active btn-info': isActive}"
  title="{{'bizedition.createPolygon' | translate}}"
  ng-click="reset();add()"
  ng-disabled="isAttributePopupOpen"
>
  <span class="glyphicon glyphicon-pencil"></span>
</button>

<div
  ng-show="isActive"
  style="margin-left: 2px; width:200px;"
  class="bizeditlineContrTab"
>
  {{'bizedition.shape' | translate}}
  <table>
    <form class="form-inline">
      <select class="form-control" ng-model="typeSelect">
        <option value="">{{'bizedition.choixForme' | translate}}</option>
        <option value="Circle">{{'bizedition.circle' | translate}}</option>
        <option value="Ellipse">{{'bizedition.ellipse' | translate}}</option>
        <option value="Square">{{'bizedition.square' | translate}}</option>
        <option value="Box">{{'bizedition.rectangle' | translate}}</option>
      </select>

      <div class="circleTypeSelected" ng-show=" typeSelect === 'Circle' ">
        <label class="lightWeightLabel">
          <input
              type="checkbox"
              ng-change="onAngDistClick()"
              ng-model="isDistanceConstraint"
          />
          {{'bizedition.radiusLabel' | translate}}
        </label>
        <input
          type="number"
          class="form-control distanceConstraint"
          title="mètre"
          ng-model="distanceConstraint"
        />
      </div>
    </form>
  </table>
</div>
