<form #writeValueForm="ngForm" novalidate (ngSubmit)="save()" bs-modal-drag>
  <div class="modal-header">
    <h4 class="modal-title">
      <span>{{localization.setting}}</span>
      <span>{{variableName}}</span>
    </h4>
    <button type="button" class="close pull-right" aria-label="Close" (click)="close()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <span class="write-value-range">{{localization.writeValueRange}}：</span>
    <div class="write-value-range">
      {{writeValueRangeText}}
      <span *ngIf="valueType">({{valueType}})</span>
    </div>
    <input type="text" name="valueInput" autoFocus class="form-control write-value" [(ngModel)]="value" (keyup)="validate($event)" autocomplete="off">
    <span class="help-block text-danger" [hidden]="!validationError">{{validationErrorText}}</span>
  </div>
  <div class="modal-footer">
    <button type="submit" class="btn md-skip btn-primary btn-block" [disabled]="validationError || isSubmitting">
      <ng-container *ngIf="!isSubmitting">{{localization.submit}}</ng-container>
      <ng-container *ngIf="isSubmitting">{{localization.submitting}}</ng-container>
    </button>
  </div>
</form>
