63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<h1 mat-dialog-title>Editar Cliente</h1>
|
|
<div class="mat-dialog-content" [ngClass]="{'loading': loading}">
|
|
<mat-spinner class="loading-spinner" *ngIf="loading"></mat-spinner>
|
|
<form [formGroup]="clientForm" class="client-form" *ngIf="!loading">
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Padre</mat-label>
|
|
<mat-select formControlName="organizationalUnit">
|
|
<mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">{{ unit.name }}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Nombre</mat-label>
|
|
<input matInput formControlName="name">
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Número de Serie</mat-label>
|
|
<input matInput formControlName="serialNumber">
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Interfaz de red</mat-label>
|
|
<mat-select formControlName="netiface">
|
|
<mat-option *ngFor="let type of netifaceTypes" [value]="type.value">
|
|
{{ type.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Controlador de red</mat-label>
|
|
<mat-select formControlName="netDriver">
|
|
<mat-option *ngFor="let type of netDriverTypes" [value]="type.value">
|
|
{{ type.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>MAC</mat-label>
|
|
<input matInput formControlName="mac">
|
|
<mat-error>Formato de MAC inválido. Ejemplo válido: 00:11:22:33:44:55</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Dirección IP</mat-label>
|
|
<input matInput formControlName="ip">
|
|
<mat-error>Formato de dirección IP inválido. Ejemplo válido: 127.0.0.1</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Menú URL</mat-label>
|
|
<input matInput formControlName="menu" type="url">
|
|
<mat-error>Formato de URL inválido.</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="form-field">
|
|
<mat-label>Perfil de Hardware</mat-label>
|
|
<mat-select formControlName="hardwareProfile">
|
|
<mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">{{ unit.description }} </mat-option>
|
|
</mat-select>
|
|
<mat-error>Formato de URL inválido.</mat-error>
|
|
</mat-form-field>
|
|
</form>
|
|
</div>
|
|
<div mat-dialog-actions>
|
|
<button mat-button (click)="onNoClick()">Cancelar</button>
|
|
<button mat-button [disabled]="!clientForm.valid" (click)="onSubmit()">{{ !isEditMode ? 'Añadir' : 'Guardar' }}</button>
|
|
</div>
|