42 lines
3.4 KiB
HTML
42 lines
3.4 KiB
HTML
<div *ngIf="isProcessing" class="process"
|
|
fxLayout="column"
|
|
fxLayoutAlign="space-around center">
|
|
<mat-spinner></mat-spinner>
|
|
</div>
|
|
<div *ngIf="!isProcessing" class="container"
|
|
fxLayout="column"
|
|
fxLayoutAlign="space-around center">
|
|
<!-- Params Form -->
|
|
<form [formGroup]="paramsFG"
|
|
fxLayout="column">
|
|
<mat-slide-toggle [checked]="slideDisable" (change)="onSlideChanged($event)" style="margin-left:10px; margin-top:0.3rem; margin-bottom:1rem; font-size: smaller;">Activer code PIN</mat-slide-toggle>
|
|
<code-input [isCodeHidden]="false" [codeLength]="4" [disabled]="!pinChecked" [code]="pinNumber" (codeChanged)="onCodeChanged($event)" (codeCompleted)="onCodeCompleted($event)" style="margin-bottom:1rem;"></code-input>
|
|
<mat-form-field style="margin: 5px 10px 5px 10px;">
|
|
<mat-label>Téléphone accepté</mat-label>
|
|
<span matPrefix style="font-size: smaller;">+33 </span>
|
|
<input matInput type="text" formControlName="num_accepted" class="form-control" name="num_accepted" placeholder="Numéro accepté" [ngClass]="{'is-invalid':submitted && paramsFG.controls['num_accepted'].errors}">
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['num_accepted'].hasError('required')">Le numéro est requis !</mat-error>
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['num_accepted'].hasError('pattern')">Le numéro est composé de 9 chiffres</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field style="margin: 2.5px 10px 2.5px 10px;">
|
|
<mat-label>Nombre de sonneries avant décrochage</mat-label>
|
|
<input matInput type="text" formControlName="num_tone" class="form-control" name="num_tone" placeholder="Nombre de sonneries" [ngClass]="{'is-invalid':submitted && paramsFG.controls['num_tone'].errors}">
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['num_tone'].hasError('required')">Le nombre de sonneries est requis !</mat-error>
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['num_tone'].hasError('pattern')">Le nombre est composé de 1 chiffre (entre 1 et 5)</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field style="margin: 2.5px 10px 2.5px 10px;">
|
|
<mat-label>Code DTMF à émettre</mat-label>
|
|
<input matInput type="text" formControlName="dtmf_code" class="form-control" name="dtmf_code" placeholder="Cpde DTMF (0-9, A-D, #, *)" [ngClass]="{'is-invalid':submitted && paramsFG.controls['dtmf_code'].errors}">
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['dtmf_code'].hasError('required')">Le code DTMF est requis !</mat-error>
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['dtmf_code'].hasError('pattern')">Le code DTMF est composé de 1 caractère alphanumérique ou numérique (0-9, A-D, #, *)</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field style="margin: 2.5px 10px 2.5px 10px;">
|
|
<mat-label>Durée d'émission du code DTMF</mat-label>
|
|
<input matInput type="text" formControlName="dtmf_duration" class="form-control" name="dtmf_duration" placeholder="Durée d'émission du code DTMF" [ngClass]="{'is-invalid':submitted && paramsFG.controls['dtmf_duration'].errors}">
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['dtmf_duration'].hasError('required')">Le temps d'émission du code DTMF est requis !</mat-error>
|
|
<mat-error class="myError" *ngIf="paramsFG.controls['dtmf_duration'].hasError('pattern')">Le temps d'émission du code DTMF est compris entre 1 et 255 (1/10 secondes)</mat-error>
|
|
</mat-form-field>
|
|
<button mat-raised-button color="primary" (click)="onUpdate()">Mise à jour</button>
|
|
</form>
|
|
</div>
|