<div ng-form="gaugeForm" ng-controller="kpiConfigCtrl" class="no-card-context bg-inherit">
  <c8y-data-point-list
    max-select-count="1"
    datapoints="config.datapoints"
    ng-model="config"
    dont-save="true"
    no-chart
    allow-adding-data-points-from-context-mo-only="dashboard.deviceType && dashboard.deviceTypeValue"
    class="bg-inherit"
  ></c8y-data-point-list>

  <fieldset class="c8y-fieldset">
    <legend>{{ 'Decimal places' | translate }}</legend>
    <div class="form-group form-group-sm m-b-16">
      <input
        name="decimalPlaces"
        ng-model="config.fractionSize"
        ng-init="config.fractionSize = (config.fractionSize === undefined || config.fractionSize === null ? 2 : config.fractionSize)"
        type="number"
        ng-min="0"
        ng-max="10"
        step="1"
        c8y-model-options="{unsetWhenNull: true}"
        class="form-control"
        placeholder="{{ 'e.g.' | translate}} 2"
      />
      <c8y-error-feedback field="gaugeForm.decimalPlaces"></c8y-error-feedback>
    </div>
  </fieldset>
</div>
