<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">
    <input type="text" name="characterInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()" *ngIf="!isPassword"
      autocomplete="off">
    <input type="password" name="passwordInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()"
      *ngIf="isPassword" 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">{{localization.submit}}</button>
  </div>
</form>
