<div class="row nomargin">
  <div class="col-xs-12">
      <div class="renderedForm" ng-if="hpo.ftis && hpo.ftis.length > 0">
          <div class="row wrapper"  style="min-height: {{minheight}};">
              <div class="tree" style="overflow:auto;z-index:9999;">
                <div class="col-md-12">
                  <div class="col-md-1 nopadding">
                    <div class="btn btn-default btn-xs pull-left smallmargintop"
                              ng-disabled="parameters_data && parameters_data.length > 0 && !parameters_control.collapse_all"
                              title="{{ 'hpo.common.collapse_all' | translate }}"
                              ng-click="parameters_control.collapse_all()">
                        <i class="fa fa-minus"></i>
                    </div>
                  </div>
                  <div class="col-md-10">
                    <div class="search">
                      <span class="fa fa-filter"></span>
                      <input type="text" ng-model="filterValue" class="form-control"
                          placeholder="{{ 'hpo.data.prepare.filter' | translate }}"
                      ng-keydown="filterValue = $event.keyCode === 27 ? '' : filterValue "/>
                      <a ng-show="filterValue.length > 0" ng-click="filterValue = ''">
                        <span class="fa fa-times-circle"></span>
                      </a>
                    </div>
                  </div>
                  <div class="col-md-1 nopadding">
                    <div class="btn btn-default btn-xs pull-right smallmargintop"
                              ng-disabled="parameters_data && parameters_data.length > 0 && !parameters_control.expand_all"
                              title="{{ 'hpo.common.expand_all' | translate }}"
                              ng-click="parameters_control.expand_all()">
                        <i class="fa fa-plus"></i>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <abn-tree tree-data="parameters_data"
                            tree-control="parameters_control"
                            initial-selection="undefined"
                            class="full-height marginTop"
                            style="min-height: {{maxheight}}; width: 100%;"
                            on-select= "tree_handler(branch)"
                            filter-func="filterFunc"
                            filter-value="filterValue"></abn-tree>
                </div>
              </div>
              <div  class="render" style="max-height: {{minheight}}; overflow:auto; float: right;">
                <div class="col-md-12" ng-if="hpo.tableselected && hpo.tableselected.special === 'categorie'">
                    <div class="col-md-6 col-md-offset-3 nopadding marginBottom">
                      <div class="col-md-12">
                        <div class="search">
                          <span class="fa fa-filter"></span>
                          <input type="text" ng-model="filtering.filterValue" class="form-control"
                              placeholder="{{ 'hpo.data.prepare.filter' | translate }}"
                          ng-keydown="filtering.filterValue = $event.keyCode === 27 ? '' : filtering.filterValue "/>
                          <a ng-show="filtering.filterValue.length > 0" ng-click="filtering.filterValue = ''">
                            <span class="fa fa-times-circle"></span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-12 marginTop">
                      <div class="col-md-4 marginBottom" ng-hide="!filterFunc(filtering.filterValue,result.label) || !result.label"
                                              ng-repeat="result in hpo.tableselected.children | orderBy:'name'">
                        <div class="col-md-12 nopadding">
                          <div class="card card-hpo-dashboard card-info" ng-class="{ '' : (($index+1) % 10) <= 3 ,
                                                'block-info' : (($index+1) % 10) > 3 && (($index+1) % 10) <= 6 ,
                                                'block-success' : (($index+1) % 10) > 6 && (($index+1) % 10) <= 9  }">
                            <div class="card-block">
                                <h4 class="card-header">
                                  <div class="col-md-12">
                                      <button type="button" class="btn btn-default btn-sm pull-right"
                                                            ng-click="selectBranch(result)">
                                            <i class="fa fa-info"></i>
                                      </button>
                                  </div>
                                </h4>
                                <div class="card-body marginTop">
                                  <div class="form-group clearfix">
                                    <div class="col-xs-12">
                                        <label><translate>model.featuretypes.attributes.name</translate></label>
                                        <input type="text"
                                           class="form-control"
                                           ng-model="result.label"
                                           limit="25" disabled/>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
                <div class="col-md-12" ng-if="hpo.tableselected && !hpo.tableselected.special">
                  <div id="hpoListedata"
                           fti="hpo.tableselected"
                           attributes="attributesSelected || hpo.tableselected.attributes"
                           where="hpo.clauseWhere"
                           res="hpo.result"
                           height="{{ datatableHeight }}"
                           import-csv="false"
                           export-csv="{{ hideCrud ? '' : hpo.tableselected.alias + '.csv' }}"
                           crud="datatableCrudHpo"
                           relationshow="true"
                           date-format="'dd-MM-yyyy'"
                           reset-filter-on-toggle="true"
                           display-total-number="true"
                           hide-act-label="true"
                           dont-show-filter="false"
                           hide-crud="false"
                           usesweetalert="true"
                           display-total-number="true"
                           start-count="10"
                           no-default-action="true"
                           choose-separator="true"
                           configuser="configuser"
                           save-config="saveConfig"
                           button-edit="buttonEditIcon"
                           auto-adjust-height="autoadjustheight"
                           where-filter="hpo.wherefilter"
                           specialactions="buttonSpecialActions"
                           show-chart="true"
                           dont-use-guid="true"
                           gcdata-datatable></div>
               </div>
           </div>
         </div>
     </div>
     <div class="alert alert-info" ng-if="!hpo.ftis || hpo.ftis.length === 0">
       <translate>hpo.common.nodata</translate>
     </div>
  </div>
</div>