57 lines
2.3 KiB
HTML
57 lines
2.3 KiB
HTML
<h2 mat-dialog-title>{{ isEditMode ? 'Editar' : 'Añadir' }} subred</h2>
|
|
|
|
<mat-dialog-content>
|
|
<mat-tab-group>
|
|
<mat-tab label="Subred">
|
|
<div class="spacing-container">
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Nombre</mat-label>
|
|
<input matInput [(ngModel)]="name" placeholder="Nombre de la subred" required>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Netmask</mat-label>
|
|
<input matInput [(ngModel)]="netmask" placeholder="Netmask" required>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Dirección IP</mat-label>
|
|
<input matInput [(ngModel)]="ipAddress" placeholder="Dirección IP" required>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Next Server</mat-label>
|
|
<input matInput [(ngModel)]="nextServer" placeholder="Next Server" required>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="fill" class="full-width">
|
|
<mat-label>Boot File Name</mat-label>
|
|
<input matInput [(ngModel)]="bootFileName" placeholder="Boot File Name" required>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-tab>
|
|
|
|
<mat-tab *ngIf="isEditMode" label="Clientes">
|
|
<mat-list>
|
|
<ng-container *ngFor="let client of clients">
|
|
<mat-list-item >
|
|
<div class="list-item-content">
|
|
<mat-icon matListItemIcon>computer</mat-icon>
|
|
<div class="text-content">
|
|
<div matListItemTitle>{{ client.name }}</div>
|
|
<div matListItemLine>{{ client.mac }}</div>
|
|
</div>
|
|
<div class="icon-container">
|
|
<button mat-icon-button color="warn" class="right-icon" (click)="deleteClient(client)">
|
|
<mat-icon>delete</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-list-item>
|
|
</ng-container>
|
|
</mat-list>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</mat-dialog-content>
|
|
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button (click)="onNoClick()">Cancelar</button>
|
|
<button mat-button (click)="addNetworkConfig()" cdkFocusInitial>Guardar</button>
|
|
</mat-dialog-actions>
|