<div class="col-md-12 marginTop">
  <div class="card card-hpo-dashboard" style="font-size:10px">
    <div class="card-header col-md-12 nopadding">
      <div class="col-md-12 nopadding" ng-show="!data || data.length === 0">
        <div class="col-md-4">
          <img
            class="card-img-top-left"
            src="img/hpo/dashboard.png"
            alt="Card image cap"
            width="300"
          />
        </div>
        <div class="col-md-8">
          <div
            class="alert alert-hpo-info"
            style="position:absolute;top:75px;width:80%;"
          >
            <translate>hpo.common.configdashboard</translate>
          </div>
        </div>
      </div>
      <div class="col-md-12 nopadding max-height-dashboard">
        <div
          class="col-md-4 nopaddingLeft"
          ng-repeat="dashboard in data track by $index"
        >
          <div class="card card-hpo-dashboard-sub card-hpo-div">
            <div class="card-body col-md-12 nopadding full-height">
              <center class="full-height">
                <img
                  src="img/common/wait.gif"
                  class="exp_waitImg"
                  ng-show="!dashboard.loaded"
                  style="position:absolute;top:180px;"
                />
                <div
                  class="col-md-12 nopadding full-height"
                  ng-switch
                  on="dashboard.statistic.mode"
                  ng-if="dashboard.loaded && dashboard.statistic.mode"
                >
                  <button
                    type="button"
                    ng-if="dashboard.statistic.mode!='counts'"
                    class="btn btn-info btn-sm btn-hpo-dashboard pull-right"
                    ng-click="ShowFullAnalyse(dashboard.statistic)"
                    ng-hide="dashboard.statistic.mode === 'map'"
                    title="{{ 'hpo.common.show' | translate }}"
                  >
                    <i class="fa fa-info"></i>
                  </button>
                  <liste-data-hpo
                    ng-switch-when="table"
                    fti="dashboard.statistic.tableselected"
                    operands="dashboard.statistic"
                    use-operands="true"
                    show-toastr="false"
                    res="dashboard.statistic"
                    fixedheader="false"
                    autoadjustheight="true"
                    hide-crud="true"
                    show-advanced-filter="false"
                  ></liste-data-hpo>
                  <hpo-map
                    ng-switch-when="map"
                    ftis="dashboard.statistic.ftis"
                    hidefilterbtn="true"
                    res="dashboard.statistic.result"
                    config-user="dashboard.statistic.configName"
                    class="hpo-map"
                    savedconfig="dashboard.statistic.savedconfig"
                    configid="dashboard.statistic.configid"
                    only-map="true"
                    special-dashboard="true"
                  ></hpo-map>
                  <div
                    chart-viewer-hpo
                    fti="dashboard.statistic.tableselected"
                    where="dashboard.statistic.clauseWhere"
                    selected="false"
                    options="dashboard.statistic.chartoptions"
                    config="dashboard.statistic.chartconfig"
                    attrchoice="dashboard.statistic.attrchoice"
                    runcalc="true"
                    hide-export="true"
                    ng-switch-when="graphe"
                    ctrltype="'dashboard'"
                  >
                  </div>
                  <div class="statistic-section one-page-section full-height"
                       hpo-statistics-counts
                      ng-switch-when="counts"
                      counts='dashboard.statistic.counts'>
                  </div>
                </div>
              </center>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
