Merge branch '39-estilizacao-da-pagina-de-registro' into 'development'

Resolve "Estilização da página de registro"

Closes #39

See merge request !52

pinsisApp/src/app/app.module.ts

@@ -49,6 +49,7 @@ import { RegisterEquipamentComponent } from './register-equipament/register-equi
 
 import { KibanaGraphsComponent } from './kibana-graphs/kibana-graphs.component';
 import { MachineComponent } from './machine/machine.component';
+import { WebserviceReportService } from './report.service';
 
 @NgModule({
   declarations: [
@@ -67,7 +68,7 @@ import { MachineComponent } from './machine/machine.component';
     LoginComponent,
     EventsComponent,
     SpecialEventsComponent,
-    RegisterEquipamentComponent
+    RegisterEquipamentComponent,
     KibanaGraphsComponent,
     MachineComponent
   ],

pinsisApp/src/app/register/register.component.html

@@ -28,6 +28,8 @@
       </div>
   </form>
 </div> -->
+
+<section class="register-page" lang="pt">
 <div class="py-5">
   <div class="row">
     <div class="col-md-6 mx-auto">
@@ -36,19 +38,19 @@
       <!-- form card login -->
       <div class="card rounded-0">
         <div class="card-header">
-          <h3 class="mb-0">Register</h3>
+          <h2>Cadastro</h2>
         </div>
         <div class="card-body">
           <form class="form">
             <div class="form-group">
-              <label for="uname1">Username</label>
+              <label for="uname1"><h4>Usuário</h4></label>
               <input type="text" [(ngModel)]="registerUserData.email" name="email" class="form-control rounded-0" required>
             </div>
             <div class="form-group">
-              <label>Password</label>
+              <label><h4> Senha </h4></label>
               <input type="password" [(ngModel)]="registerUserData.password" name="password" class="form-control rounded-0"  required>
             </div>
-            <button type="button" (click)="registerUser()" class="btn btn-primary float-right">Register</button>
+            <button type="button" (click)="registerUser()" class="button float-right">Cadastrar</button>
           </form>
         </div>
         <!--/card-block-->
@@ -60,3 +62,4 @@
 
   </div>
 </div>
+</section>
\ No newline at end of file

pinsisApp/src/app/register/register.component.scss

+@import '../../sass/styles';
+
 .btn-primary{
     color:#98FB98 ;
 
   }
 
-  // .form-group{
-  // color:#98FB98 ;
-  //
-  //
-  // }
+  .card {
+    border-radius: 6px;
+  }
+  
   .button {
-    background-color: #8e8cc4; /* Green */
+    background-color: #8e8cc4; 
     border: none;
     color: white;
     padding: 15px 32px;
@@ -21,10 +22,29 @@
     cursor: pointer;
 
 
-  &:hover {
-    text-decoration: none;
-    background:#4f425b;
-    transition: 0.15s linear;
-    cursor: pointer;
-  }
+    &:hover {
+      text-decoration: none;
+      background:#4f425b;
+      transition: 0.15s linear;
+      cursor: pointer;
+    }
   }
+
+.register-page {
+    font-family: $font-default;
+    color: $text-dark;
+
+    h2, h4 {
+        font-family: $font-header;
+        font-weight: bolder;
+    }
+
+    h2 {
+        font-size: 30px;
+    }
+
+    h4 {
+        font-size: 20px;
+    }
+}
+