<div class="longitudinalprofileContainer">
  <div id="longitudinalprofileTitle">
    {{'profil.profilViewTitle' | translate}}
  </div>
  <div id="profilmap"></div>
  <div class="longitudinalAsterisque" ng-if="api">{{'profil.profilApi' | translate}} {{api}}</div>
  <div style="padding-bottom: 10px;padding-right: 10px;text-align: right;">
    <a
      id="imgLink"
      ng-click="exportToImage()"
      title="{{'profil.export_img' | translate}}"
    >
      <button type="button" class="btn btn-default">
        <i class="fa fa-picture-o"></i>
      </button>
    </a>
    <!-- <button type="button" class="btn btn-default"  ng-click="exportToShape()" title="{{'profil.export_shp' | translate}}">
            <i class="fa fa-file-photo-o"></i>
        </button> -->
    <!--        <button type="button" class="btn btn-default"  ng-click="exportToCSV()" title="{{'profil.export_csv' | translate}}">
            <i class="fa fa-file-excel-o"></i>
        </button>-->
    <button
      class="btn btn-default"
      title="{{'profil.export_csv' | translate}}"
      ng-csv="csvSourceArray"
      add-bom="true"
      csv-header="getCsvHeader()"
      filename="profil.csv"
      field-separator=","
    >
      <i class="fa fa-file-excel-o"></i>
    </button>
    <button
      type="button"
      class="btn btn-default"
      ng-if="isEsriType"
      ng-click="openProfileForm()"
      title="{{'profil.export_dxf' | translate}}"
    >
      <i class="fa fa-line-chart"></i>
    </button>
    <button
      type="button"
      class="btn btn-default"
      ng-click="exportToJasper()"
      title="{{'profil.export_report' | translate}}"
    >
      <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
    </button>
  </div>
</div>
<div id="popupProfil" class="ol-popup">
  <a href="#" id="popup-closer-Profil" class="ol-popup-closer">x</a>
  <div id="popup-content-Profil"></div>
</div>
