  <div class="spatialcqlfilter">
    <div class="spatialcqlfilter-buttons">
      <div
          edit-polygon
          map="map"
          ng-click="buildDrawPolygonClick()"
          res="limitZoneGeometry"
          isactive="isActive"
          onfinish="buildDrawPolygonClause(limitZoneGeometry)"
          toolbarwidget="toolBarWidget"
          usemode="'query'"
      ></div>
      <div><button
          type="button"
          ng-class="useCurrent ? 'btn btn-info' : 'btn btn-default' "
          title="{{'query.current_selection' | translate}}"
          ng-click="useCurrentSelection()"
      >
        <span class="glyphicon glyphicon-retweet"></span>
      </button></div>
    </div>
    <button
      type="button"
      class="btn btn-default spatial-operators"
      placeholder="{{'query.spatial_relation' | translate}}"
      ng-model="selections.selectedGeomOperand"
      ng-change="geometricOperandChange()"
      bs-options="geomop for geomop in geometricoperand"
      bs-select
    ></button>
  </div>
  <div class="spatialcqlfilter-buffer-row" ng-show="useCurrent">
    <div class="spatialcqlfilter-buffer-value">
      <label for="cqlfilter-buffer-size" class="buffer-size">
        <span>{{'query.bufferSize' | translate}}</span>
      </label>
      <input
        id="cqlfilter-buffer-size"
        type="number"
        class="form-control buffer-size"
        ng-model="buffersize"
        ng-keyup="validBufferSize()"
      />
    </div>
    <div class="spatialcqlfilter-buffer-apply">
      <button
        type="button"
        class="btn btn-primary"
        title="{{'query.applyBuffer' | translate}}"
        ng-click="applyBuffer()"
        ng-disabled="isApplyBufferDisabled"
      >
      <i class="fa fa-check" aria-hidden="true"></i><span>{{'common.apply' | translate}}</span>
    </button>
    </div>
  </div>
