<h3 class="modalTitle" translate>
  common.configuration
</h3>
<div class="modalBody marginTop">
  <div class="panel panel-primary panel-hpo width50">
    <h4 class="adjust-positions" translate>
      importexportwidget.csvFormatTitle
    </h4>

    <div class="row adjust-positions-top">
      <div class="col-xs-12 marginBottom">
        <div class="col-xs-5 nopadding">
          <label translate>importexportwidget.columnDelimiterPrompt</label>
        </div>
        <div class="col-xs-7 marginBottom">
          <select
            id="select1"
            ng-change="onCsvDelimiterChange(configuser.columnDelimiter)"
            ng-model="configuser.columnDelimiter"
            class="form-control"
          >
            <option value="," translate
              >importexportwidget.comaDelimiterValue</option
            >
            <option value=";" translate
              >importexportwidget.semicolonDelimiterValue</option
            >
            <option value="TAB" translate
              >importexportwidget.tabDelimiterValue</option
            >
            <option value="|" translate
              >importexportwidget.pipeDelimiterValue</option
            >
          </select>
        </div>
      </div>
    </div>
  </div>

  <!-- Single button -->
  <div class="row nomargin">
    <div class="col-xs-12 text-right nopadding-col marginBottom">
      <button
        type="button"
        class="btn btn-default"
        title="{{ 'dashBoard.configuration.saveBtn' | translate }}"
        ng-click="confirm(configuser.columnDelimiter)"
      >
        <span class="glyphicon glyphicon-floppy-save"></span>
      </button>
    </div>
  </div>
</div>
