Skip to content
Snippets Groups Projects
Commit 3bcedd97 authored by Mariana Moreira's avatar Mariana Moreira
Browse files

stylize machine fields of the page

parent ec0dc534
No related branches found
No related tags found
1 merge request!64Resolve "Estilizar os campos da página de Visualização dos Equipamentos"
...@@ -17,11 +17,7 @@ export class EditMachineComponent implements OnInit { ...@@ -17,11 +17,7 @@ export class EditMachineComponent implements OnInit {
} }
events = [] events = []
constructor(private _eventService: EventService) { } constructor() { }
ngOnInit() { ngOnInit() {
this._eventService.getEvents().subscribe(
res => this.events = res,
err => console.log(err)
)
} }
} }
...@@ -10,18 +10,19 @@ ...@@ -10,18 +10,19 @@
<h3> {{machine.serial_number}} </h3> <h3> {{machine.serial_number}} </h3>
<button class="btn"(click)="changeButton(i)">Mais Informações</button> <button class="btn"(click)="changeButton(i)">Mais Informações</button>
<span class="more_text"> <span class="more_text">
<p><b>Número de Série:</b> {{machine.serial_number}}</p> <h4>Informações Gerais</h4>
<p><b>Sala: </b> {{machine.room}}</p> <p>Número de Série: {{machine.serial_number}}</p>
<p><b>Data da última manutenção:</b> {{machine.date_last_maintenance}}</p> <p>Sala: {{machine.room}}</p>
<p><b>Data da próxima manutenção:</b> {{machine.date_next_maintenance}}</p> <p>Data da última manutenção: {{machine.date_last_maintenance}}</p>
<p><b>Estado da máquina:</b> {{machine.Status}}</p> <p>Data da próxima manutenção: {{machine.date_next_maintenance}}</p>
<p>Estado da máquina: {{machine.Status}}</p>
<p><b>Endereço:</b></p> <h4>Endereço</h4>
<p><b>Rua:</b> {{machine.address}}</p> <p>Rua: {{machine.address}}</p>
<p><b>Número:</b> {{machine.address_number}}</p> <p>Número: {{machine.address_number}}</p>
<p><b>Bairro:</b> {{machine.district}}</p> <p>Bairro: {{machine.district}}</p>
<p><b>Cidade:</b> {{machine.city}}</p> <p>Cidade: {{machine.city}}</p>
<p><b>Estado:</b> {{machine.state}}</p> <p>Estado: {{machine.state}}</p>
</span> </span>
</div> </div>
</div> </div>
......
...@@ -6,24 +6,26 @@ ...@@ -6,24 +6,26 @@
text-align: justify; text-align: justify;
hyphens: auto; hyphens: auto;
font-family: $font-default; font-family: $font-default;
color: #000000; color: $text-dark;
h2 { h2 {
font-family: $font-header; font-family: $font-header;
font-weight: bolder; font-weight: bolder;
font-size: 36px; font-size: 36px;
color: $text-dark;
} }
h3 { h3 {
color: $text-dark;
padding: 10px; padding: 10px;
} }
h4 {
font-size: 22px;
margin-top: 30px;
font-weight: bolder;
}
p { p {
color: $text-dark;
text-indent: 30px; text-indent: 30px;
font-size: 18px; font-size: 18px;
line-height: 1.41; line-height: 1.41;
} }
...@@ -33,11 +35,11 @@ ...@@ -33,11 +35,11 @@
.btn { .btn {
border-width: 4px; border-width: 4px;
border-radius: 8px; border-radius: 8px;
font-size: 18px;
font-family: $font-default;
cursor: pointer; cursor: pointer;
display: inline-block;
color: $text-dark; color: $text-dark;
display: inline-block;
font-size: 18px;
font-family: $font-default;
} }
// Imagens // Imagens
...@@ -53,11 +55,12 @@ ...@@ -53,11 +55,12 @@
.photos-btn { .photos-btn {
align-items: center; align-items: center;
background-color: #b0cfed; background-color: #b0cfed;
padding: 5px; padding: 5px;
border-radius: 3%; border-radius: 3%;
} }
//Tag para o botao "Mais informacoes"
.more_text { .more_text {
display: none; display: none;
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment