<div ng-hide="inprogress">
    <select-objects-for-treatment
      data-geo-limit="geoLimit"
      >
    </select-objects-for-treatment>
    <div class="input-group">
      <div class="col-sm-2" edit-polygon map="map" res="limitZoneGeometry"
      usemode="'edition'"
      ng-show="geoLimit=='Zone'" toolbarwidget="toolBarWidget">
      </div>
    </div>
    <label><translate>geotreat.Get_Data_From_Component </translate></label>
    <div class="row spbrow">
      <label class="margin col-xs-3"><translate>geotreat.Component </translate>  </label>
        <div class="col-xs-9" model-component geomtype="" res="fti1"> </div>
    </div>
    <div class="row spbrow">
      <label class=" margin col-xs-3"><translate>geotreat.Attribute </translate>  </label>
      <div class="col-xs-8">
        <select  class="form-control" ng-model="attributeChse" >
          <option ng-repeat="attr  in fti1.attributes" value="{{attr.name}}">
            {{attr.name}}
          </option>
        </select>
      </div>
    </div>
    <label><translate>geotreat.Data_To_Component </translate>  </label>
    <div class="row spbrow">
      <label class="margin col-xs-3"><translate>geotreat.Component </translate>  </label>
      <div class="col-xs-9" model-component geomtype="" res="fti2"> </div>
    </div>
    <div class="row spbrow">
      <label class=" margin col-xs-3"><translate>geotreat.Attribute </translate>  </label>
      <div class="col-xs-8"><select  class="form-control" ng-model="attributeChse2" >
          <option ng-repeat="attr  in fti2.attributes" value="{{attr.name}}">
          {{attr.name}}</option>
      </select></div>
    </div>
    <label><translate>geotreat.Topologic_Operand </translate>  </label>
      <div >
        <button style="width: 160px;" type="button" class="btn btn-default"
                placeholder="{{'query.spatial_relation' | translate}}"
                ng-model="selectedGeomOperand"
                bs-options="geomop for geomop in geometricoperand " bs-select>
         </button>
       </div>
       <button type="button" class="btn btn-default" title="Configuration"
                ng-click="run(fti1,fti2, attributeChse,attributeChse2, selectedGeomOperand)" ng-disabled="!(geoLimit&&fti1.uid&&fti2.uid&&attributeChse&&attributeChse2&&selectedGeomOperand)">
            <translate>geotreat.Run </translate>
       </button>
    </label>
    <div class="col-xs-9" geomtype="" model-component res="fti1"></div>
  </div>
  <div class="row spbrow">
    <label class=" margin col-xs-3">
      <translate>geotreat.Attribute</translate>
    </label>
    <div class="col-xs-9"><select class="form-control" ng-model="attributeChse">
      <option ng-repeat="attr  in fti1.attributes" value="{{attr.name}}">
        {{attr.name}}
      </option>
    </select></div>
  </div>
  <label>
    <translate>geotreat.Data_To_Component</translate>
  </label>
  <div class="row spbrow">
    <label class="margin col-xs-3">
      <translate>geotreat.Component</translate>
    </label>
    <div class="col-xs-9" geomtype="" model-component res="fti2"></div>
  </div>
  <div class="row spbrow">
    <label class=" margin col-xs-3">
      <translate>geotreat.Attribute</translate>
    </label>
    <div class="col-xs-9"><select class="form-control" ng-model="attributeChse2">
      <option ng-repeat="attr  in fti2.attributes" value="{{attr.name}}">
        {{attr.name}}
      </option>
    </select></div>
  </div>
  <label>
    <translate>geotreat.Topologic_Operand</translate>
  </label>
  <div>
    <button
      bs-options="geomop for geomop in geometricoperand "
      bs-select
      class="btn btn-default"
      ng-model="selectedGeomOperand"
      placeholder="{{'query.spatial_relation' | translate}}"
      style="width: 160px;"
      type="button"
    >
    </button>
  </div>
  <button
    class="btn btn-default"
    ng-click="run(fti1,fti2, attributeChse,attributeChse2, selectedGeomOperand)"
    ng-disabled="!(geoLimit&&fti1.uid&&fti2.uid&&attributeChse&&attributeChse2&&selectedGeomOperand)"
    title="Configuration"
    type="button"
  >
    <translate>geotreat.Run</translate>
  </button>
  </label>
</div>
<div ng-show="inprogress">
  <div class="geoloader" style="height:200px">
    <i class="fa fa-cog fa-spin fa-3x fa-fw margin-bottom"></i>
    <span class="main">
            <translate>common.processing </translate>
          </span>
    <br>
    <span class="main">
             {{state.infoMessage}}
          </span>
  </div>
  <button class="btn btn-default" ng-click="stop()" style="z-index:1600"
          title="Configuration" type="button">
    <translate>geotreat.Stop</translate>
  </button>
</div>
