<div class="col-md-12 xgos_content">
  <div
    bs-active-pane="tabs.activeTab"
    ng-model="tabs.activeTab"
    ng-change="changedTab(tabs.activeTab)"
    bs-tabs
  >
    <div
      ng-repeat="tab in tabs"
      title="{{ tab.title }}"
      ng-class="{ 'disabledpane' : tab.disabled && tab.disabled() ,
                '' : !tab.disabled || !tab.disabled() }"
      bs-pane
    ></div>
  </div>

  <div class="col-md-12" ng-show="tabs.activeTab === 0">
    <preparation-analysis-data-hpo></preparation-analysis-data-hpo>
  </div>

  <div class="col-md-12" ng-show="tabs.activeTab === 1">
    <preparation-correction-data-hpo></preparation-correction-data-hpo>
  </div>

  <div class="col-md-12" ng-show="tabs.activeTab === 2">
    <div class="correctPositionDataTAble"></div>
    <div
      id="hpoPrepareDataHistorique"
      fti="historique.selectedfti"
      attributes="historique.attributes"
      where="fullfilter"
      height="{{datatableHeightImport}}"
      res="historique.result"
      auto-adjust-height="false"
      table-fill-page="false"
      crud="datatableCrudHpo"
      relationshow="true"
      date-format="'dd-MM-yyyy HH:mm'"
      reset-filter-on-toggle="true"
      display-total-number="true"
      hide-act-label="true"
      dont-show-filter="false"
      classicupdate="true"
      hide-crud="false"
      usesweetalert="true"
      translate-attrs="translateFtiAttributes"
      display-total-number="true"
      start-count="10"
      specialactions="buttonSpecialActions"
      disabled-edit="disabledEdit"
      hide-filter="hideFilter"
      dont-use-guid="true"
      gcdata-datatable
    ></div>
  </div>
</div>
