Skip to content
Snippets Groups Projects
Commit f1d274e5 authored by Dante Aléo's avatar Dante Aléo :pouting_cat:
Browse files

fixed static page of equipaments

parent d95aa7b0
No related branches found
No related tags found
No related merge requests found
<section class="photos-page" lang="pt"> <section class="photos-page" lang="pt">
<div class="container"> <div class="container">
<h2> Visualização dos Aceleradores </h2> <!-- <h2> Visualização dos Aceleradores </h2> -->
<div class="row align-items-start">
<div class="col-sm-5 col-md-5 pt-4" *ngFor="let machine of machines; let i = index"> <div class="row justify-content-center">
<p class="graph-warning">
<b>AVISO:</b> Para acessar a página de edição dos equipamentos é preciso estar loggado
</p>
</div>
<div class="row justify-content-center">
<div class="col-md-5 pt-4" *ngFor="let machine of machines; let i = index">
<div class="container photos-btn"> <div class="container photos-btn">
<img src='../assets/images/logo.png' alt="Avatar" class="img"> <img src='../assets/images/logo.png' alt="Avatar" class="img">
...@@ -26,5 +32,24 @@ ...@@ -26,5 +32,24 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row justify-content-center pt-4 ">
<div routerLink="/" class=" btn-list-el ">
<a>CADASTRAR</a>
</div>
</div>
</div> </div>
<!-- <button type="button" (click)="registerUser()" class=" button float-right">Cadastrar</button> -->
</section> </section>
// Importando os estilos globais // Importando os estilos globais
@import '../../sass/styles'; @import '../../sass/styles';
// Letras // Letras
.graph-warning {
padding: 20px 20px 20px 20px;
background-color: $white;
border: 3px solid $dark-purple;
margin-bottom: 40px;
color: $text-dark;
font-family: $open;
font-size: 20px;
line-height: 1.1em;
}
.btn-list-el {
padding: 20px 40px;
cursor:pointer;
outline: 0;
background: $bg-secondary;
text-align: center;
border-right: 3px solid $bg-default;
a {
font-size: 16px;
color: $text-light;
font-weight: bolder;
text-decoration: none;
}
&:hover {
text-decoration: none;
background: $dark-purple;
transition: 0.15s linear;
}
@media screen and (min-width: $break-small + 1) and (max-width: $break-large) {
padding: 10px 5px;
a {
font-size: 11px;
}
}
}
.photos-page { .photos-page {
text-align: justify; text-align: justify;
hyphens: auto; hyphens: auto;
font-family: $font-default; font-family: $font-default;
color: #000000; color: #000000;
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; color: $text-dark;
} }
h3 { h3 {
color: $text-dark; color: $text-dark;
padding: 10px; padding: 10px;
...@@ -39,7 +84,7 @@ ...@@ -39,7 +84,7 @@
display: inline-block; display: inline-block;
color: $text-dark; color: $text-dark;
} }
// Imagens // Imagens
.img { .img {
max-width: 100%; max-width: 100%;
...@@ -50,14 +95,15 @@ ...@@ -50,14 +95,15 @@
border-radius: 50%; border-radius: 50%;
padding: 10px; padding: 10px;
} }
.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%;
} }
.more_text { .more_text {
display: none; display: none;
} }
\ No newline at end of file
...@@ -17,6 +17,30 @@ ...@@ -17,6 +17,30 @@
@import '../../sass/styles'; @import '../../sass/styles';
.button {
background-color: #8e8cc4;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
&:hover {
text-decoration: none;
background:#4f425b;
transition: 0.15s linear;
cursor: pointer;
}
}
.graph-warning { .graph-warning {
padding: 20px 20px 20px 20px; padding: 20px 20px 20px 20px;
background-color: $white; background-color: $white;
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
</div> </div>
<div class="btn-list vertical-center d-none d-sm-block d-md-block d-lg-block d-xl-block"> <div class="btn-list vertical-center d-none d-sm-block d-md-block d-lg-block d-xl-block">
<div class="row"> <div class="row">
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<a>LOG OUT</a> <a>LOG OUT</a>
</div> </div>
</div> </div>
<div class="btn-list vertical-botton d-none d-sm-block d-md-block d-lg-block d-xl-block"> <div class="btn-list vertical-botton d-none d-sm-block d-md-block d-lg-block d-xl-block">
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</div> </div>
<div class="mx-auto col-12 col-md-3 home-btn"> <div class="mx-auto col-12 col-md-3 home-btn">
<a routerLink="/registro-equipamentos"> <a routerLink="/equipamentos">
<img src="../../assets/images/machine.png" alt="Máquina" class="horizontal-center"> <img src="../../assets/images/machine.png" alt="Máquina" class="horizontal-center">
</a> </a>
</div> </div>
......
...@@ -62,4 +62,4 @@ ...@@ -62,4 +62,4 @@
</div> </div>
</div> </div>
</section> </section>
\ No newline at end of file
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
.card { .card {
border-radius: 6px; border-radius: 6px;
} }
.button { .button {
background-color: #8e8cc4; background-color: #8e8cc4;
border: none; border: none;
color: white; color: white;
padding: 15px 32px; padding: 15px 32px;
...@@ -47,4 +47,3 @@ ...@@ -47,4 +47,3 @@
font-size: 20px; font-size: 20px;
} }
} }
...@@ -62,45 +62,58 @@ function verifyToken(req, res, next) { ...@@ -62,45 +62,58 @@ function verifyToken(req, res, next) {
router.get('/events', (req,res) => { router.get('/events', (req,res) => {
let events = [ let events = [
{ {
serial_number: 1, serial_number: 1,
room: 'a', room: 'a',
date_last_maintenance: 'a', date_last_maintenance: 'a',
date_next_maintenance: 'a', date_next_maintenance: 'a',
status: 'a', status: 'a',
address: 'a', address: 'a',
address_number: 'a', address_number: 'a',
district: 'a', district: 'a',
city: 'a', city: 'a',
state: 'a' state: 'a'
}, },
{ {
serial_number: 2, serial_number: 2,
room: 'b', room: 'b',
date_last_maintenance: 'b', date_last_maintenance: 'b',
date_next_maintenance: 'b', date_next_maintenance: 'b',
status: 'b', status: 'b',
address: 'b', address: 'b',
address_number: 'b', address_number: 'b',
district: 'b', district: 'b',
city: 'b', city: 'b',
state: 'b' state: 'b'
}, },
{ {
serial_number: 3, serial_number: 3,
room: 'c', room: 'c',
date_last_maintenance: 'c', date_last_maintenance: 'c',
date_next_maintenance: 'c', date_next_maintenance: 'c',
status: 'c', status: 'c',
address: 'c', address: 'c',
address_number: 'c', address_number: 'c',
district: 'c', district: 'c',
city: 'c', city: 'c',
state: 'c' state: 'c'
} },
{
serial_number: 4,
room: 'c',
date_last_maintenance: 'c',
date_next_maintenance: 'c',
status: 'c',
address: 'c',
address_number: 'c',
district: 'c',
city: 'c',
state: 'c'
}
] ]
res.json(events) res.json(events)
}) })
......
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