<div class="row nomargin">
  <div class="col-xs-12">
    <div
      bs-active-pane="hpo.activeTab"
      ng-model="hpo.activeTab"
      ng-show="!page"
      class="menuHpo"
      bs-tabs
    >
      <div
        ng-repeat="page in hpo.pages track by $index"
        title="{{ page.label | translate }}"
        bs-pane
      ></div>
    </div>

    <div class="col-xs-12" ng-show="hpo.activeTab === 0">
      <admin-datastore-hpo
        calculheight="calculheightSpecial"
      ></admin-datastore-hpo>
    </div>

    <div class="col-xs-12" ng-show="hpo.activeTab === 1">
      <admin-features-hpo
        calculheight="calculheightSpecial"
      ></admin-features-hpo>
    </div>

    <div class="col-xs-12" ng-show="hpo.activeTab === 2">
      <admin-basemap-hpo calculheight="calculheightSpecial"></admin-basemap-hpo>
    </div>

    <div class="col-xs-12" ng-show="hpo.activeTab === 3">
      <div class="row description">
        <div class="col-md-7 col-md-offset-2">
          <div class="alert alert-info smallMarginBottom">
            <div class="row">
              <div
                class="full-height"
                ng-class="{ 'col-md-7' : xgos.isroot , 'col-md-10' : !xgos.isroot }"
              >
                <div ng-bind-html="description2"></div>
              </div>
              <div
                ng-class="{ 'col-md-5' : xgos.isroot , 'col-md-2' : !xgos.isroot }"
              >
                <button
                  class="btn btn-success btn-sm pull-right"
                  type="button"
                  ng-click="save()"
                >
                  <translate>common.save</translate>
                </button>
                <button
                  ng-if="xgos.isroot"
                  class="btn btn-warning btn-sm pull-right"
                  type="button"
                  ng-click="reinitApplicationConfig()"
                >
                  <translate>hpo.common.reinitapp</translate>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-xs-12" ng-style="{ height : calculheight }">
          <div edit-list></div>
        </div>
      </div>
    </div>
  </div>
</div>
