finalizacao

HipolitoDeveloper · May 21, 2021 · 828f72e · 828f72e
1 parent 2a647c7
commit 828f72e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/src/app/screen/home/home.component.css b/src/app/screen/home/home.component.css
@@ -3,6 +3,7 @@
   height: 100vh;
   display: flex;
   flex-direction: column;
+  font-family: Arial;
 
 }
 
@@ -14,6 +15,17 @@
   width: 100%;
 }
 
+.header{
+  display: flex;
+  flex-direction: row;
+}
+
+.user-informaton{
+  font-size: 16px;
+  color: #D44561;
+  margin-top: 15px;
+}
+
 .empty-message {
   font-size: 16px;
   font-weight: bold;
@@ -43,7 +55,6 @@
   border-bottom-left-radius: 100px;
   border-bottom-right-radius: 100px;
   font-weight: bold;
-  font-family: Arial;
   font-size: 16px;
 }
 
@@ -93,12 +104,10 @@
 
 .model-text {
   color: #D44561;
-  font-family: Arial;
   font-size: 25px;
   margin-bottom: 5px;
 }
 .information-text {
-  font-family: Arial;
   color: #D44561;
   font-weight: bold;
   font-size: 16px;
@@ -191,22 +200,19 @@ button {
 
 .rented-date{
   color: white;
-  font-family: Arial;
   font-size: 12px;
   margin-bottom: 5px;
 }
 
 .rented-model-text{
   color:white;
-  font-family: Arial;
   font-size: 25px;
   margin-bottom: 5px;
   font-weight: bold;
 }
 
 .rented-information-text{
   color: white;
-  font-family: Arial;
   font-size: 16px;
   margin-bottom: 5px;
 }

diff --git a/src/app/screen/home/home.component.html b/src/app/screen/home/home.component.html
@@ -1,7 +1,11 @@
 <div class="container">
+  <div class="header">
   <button type="button" class="logout-button" (click)="logout()">
     <i class="material-icons">logout</i>
   </button>
+    <span class="user-informaton">Seja bem-vindo <b>{{userName}}</b></span>
+  </div>
+
   <div class="list-vehicles">
     <div class="list-options">
 

diff --git a/src/app/screen/home/home.component.ts b/src/app/screen/home/home.component.ts
@@ -16,6 +16,7 @@ export class HomeComponent implements OnInit {
   isShowingRentedList: any
   warningMessage: any;
   emptyMessage: any;
+  userName: any;
 
   constructor(
     private vehicleSvc: VehicleService,
@@ -38,6 +39,8 @@ export class HomeComponent implements OnInit {
       await this.router.navigateByUrl('/login')
     } else {
       this.userId = localStorage.getItem("userId");
+      this.userName = localStorage.getItem("username");
+      this.userName = this.userName[0].toUpperCase() + this.userName.substr(1);
       isLogged = true;
     }