Newer
Older
<section class="photos-page" lang="pt">
<div class="container">
<!-- Título -->
<div class="titulo row ">
<div class="d-none d-sm-block col-md-1"></div>
<h2>Edição dos equipamentos:</h2>
<div routerLink="/registro-equipamentos" class=" btn-list-el ">
<a>CADASTRAR EQUIPAMENTO</a>
</div>
<!-- Row -->
<div class="row justify-content-center">
<div class="col-sm-5 col-md-5 pt-4" *ngFor="let machine of machines; let i = index">
<img src='{{machine.imagePath}}' alt="Avatar" class="img">
<button class="btn"(click)="changeButton(i)">Mais Informações</button>
<!-- Formulario -->
<form>
<div class="form-group">
<h4>Informações Gerais</h4>
<label for="serial_number">Número de Série: <input [(ngModel)]="machine.serial_number" name="serial_number" type="text" class="form-style" id="serial_number_{{machine.id}}"></label>
<label for="room"> Sala: <input [(ngModel)]="machine.room" name="room" type="text" class="form-style" id="room_{{machine.id}}"></label>
<label for="date_last_maintenance"> Data da última manutenção:
<div>
<input [(ngModel)]="machine.date_last_maintenance.day" name="date_last_maintenance_day" type="text" class="date-style" size="2" id="date_last_maintenance_day_{{machine.id}}">
<input [(ngModel)]="machine.date_last_maintenance.month" name="date_last_maintenance_month" type="text" class="date-style" size="2" id="date_last_maintenance_month_{{machine.id}}">
<input [(ngModel)]="machine.date_last_maintenance.year" name="date_last_maintenance_year" type="text" class="date-style" size="4" id="date_last_maintenance_year_{{machine.id}}">
<p style="color:red; font-size: small; display:none;" id="date_last_maintenance_error_msg_{{machine.id}}">Data inválida</p>
</div>
</label>
<label for="date_next_maintenance_{{machine.id}}"> Data da próxima manutenção:
<input [(ngModel)]="machine.date_next_maintenance.day" name="date_next_maintenance_day" type="text" class="date-style" size="2" id="date_next_maintenance_day_{{machine.id}}">
<input [(ngModel)]="machine.date_next_maintenance.month" name="date_next_maintenance_month" type="text" class="date-style" size="2" id="date_next_maintenance_month_{{machine.id}}">
<input [(ngModel)]="machine.date_next_maintenance.year" name="date_next_maintenance_year" type="text" class="date-style" size="4" id="date_next_maintenance_year_{{machine.id}}">
<p style="color:red; font-size: small; display:none;" id="date_next_maintenance_error_msg_{{machine.id}}">Data inválida</p>
</div>
</label>
<label for="Status">Estado: <input [(ngModel)]="machine.Status" name="Status" type="text" class="form-style" id="Status_{{machine.id}}"></label>
<label for="address">Rua: <input [(ngModel)]="machine.address" name="address" type="text" class="form-style" id="address_{{machine.id}}"></label>
<label for="address_number">Número: <input [(ngModel)]="machine.address_number" name="address_number" type="text" class="form-style" id="address_number_{{machine.id}}"></label>
<label for="district">Bairro: <input [(ngModel)]="machine.district" name="district" type="text" class="form-style" id="district_{{machine.id}}"></label>
<label for="city">Cidade: <input [(ngModel)]="machine.city" name="city" type="text" class="form-style" id="city_{{machine.id}}"></label>
<label for="state">Estado: <input [(ngModel)]="machine.state" name="state" type="text" class="form-style" id="state_{{machine.id}}"></label>
<label class="add-image">
Adicionar Imagem
<input type="file" name="image" style="display: none;" (change) ="onFileSelect($event, i)"/>
</label>
<p style="display:none" id="image_selected_{{machine.id}}"><b>Imagem selecionada:</b> {{machine.image.name}}</p>
<!-- Botão "Remover máquina" -->
<div class="text-center">
<button class="btn" style="margin-right: 15%;" (click)="removeMachine(i)"> Remover máquina </button>
<!-- Botão "salvar alteracoes" -->
<button class="btn text-right" (click)="update(i)"> Salvar alterações </button>
</div>
</span>
</div>
</div>
</div>
</div>