From 3f928e46370163e939d972fcfeb269ae0c64d37b Mon Sep 17 00:00:00 2001
From: Mateus Felipe <mateusgoettems@gmail.com>
Date: Sun, 9 Oct 2022 10:16:29 -0300
Subject: [PATCH] Edit Carrier and User, only frontend

---
 .../src/app/carriers/carriers.component.html  | 75 ++++++++++++++++++-
 .../src/app/carriers/carriers.component.ts    | 23 ++++++
 .../main/src/app/rct-qt/rct-qt.component.ts   |  4 +-
 .../main/src/app/users/users.component.html   | 70 ++++++++++++++++-
 .../main/src/app/users/users.component.ts     | 23 ++++++
 5 files changed, 188 insertions(+), 7 deletions(-)

diff --git a/frontend/main/src/app/carriers/carriers.component.html b/frontend/main/src/app/carriers/carriers.component.html
index ae1e54c..cc5db10 100644
--- a/frontend/main/src/app/carriers/carriers.component.html
+++ b/frontend/main/src/app/carriers/carriers.component.html
@@ -94,19 +94,19 @@ <h2 class="text-uppercase">New Carrier</h2>
 
 <table class="table table-bordered">
     <thead>
-        
+
         <th>Item</th>
         <th>Carrier name</th>
         <th>Tax of transport</th>
         <th>E-mail</th>
         <th>Cnpj</th>
         <th>Action</th>
-        
+
 
     </thead>
     <tbody>
         <tr *ngFor="let carrier of carriers;let i = index;">
-            
+
             <td>{{i+1}}</td>
             <td>{{carrier.razao}}</td>
             <td>{{carrier.taxa}}</td>
@@ -114,7 +114,74 @@ <h2 class="text-uppercase">New Carrier</h2>
             <td>{{carrier.cnpj}}</td>
             <td>
                 <button class="btn btn-danger mr-2" (click)="deletar(carrier.id)">Delet</button>
-                <button class="btn btn-primary mr-2" (click)="alterar()">Edit</button>
+
+
+                <button class="btn btn-primary" (click)="openModalEdit()">Edit</button>
+
+                <div class="portfolio-modal modal fade show" id="modal3" tabindex="-1" role="dialog" aria-hidden="true">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+                            <div class="container">
+                                <div class="row">
+                                    <div class="col-lg-8">
+                                        <div class="modal-body">
+                                            <h2 class="text-uppercase">Edit Carrier</h2>
+                                            <p class="item-intro text-muted">Change the information below!</p>
+                                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="razao" class="form-control"
+                                                    razao="Razao"  required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="taxa" class="form-control" taxa="Taxa"
+                                                     required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="email" class="form-control"
+                                                    email="E-mail"  required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="cnpj" class="form-control" cnpj="CNPJ"
+                                                     required tabindex="1">
+                                            </div>
+
+                                            <br>
+                                            <button class="btn btn-primary btn-xl text-uppercase"
+                                                data-bs-dismiss="modal" type="button" (click)="closeModalEdit()"
+                                                (click)="alterar()">
+                                                <i class="fas fa-xmark me-1"></i>
+                                                Save
+                                            </button>
+
+                                            <button class="btn btn-danger btn-xl text-uppercase "
+                                                data-bs-dismiss="modal" type="button" (click)="closeModalEdit()">
+                                                <i class="fas fa-xmark me-1"></i>
+                                                Close
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+
+
+               
             </td>
 
         </tr>
diff --git a/frontend/main/src/app/carriers/carriers.component.ts b/frontend/main/src/app/carriers/carriers.component.ts
index 32adf7b..750a853 100644
--- a/frontend/main/src/app/carriers/carriers.component.ts
+++ b/frontend/main/src/app/carriers/carriers.component.ts
@@ -116,6 +116,29 @@ export class CarriersComponent implements OnInit {
   
     }
 
+
+    openModalEdit(){
+
+      var modal = document.getElementById('modal3')
+  
+      modal?.setAttribute('style', 'display:block;')
+  
+      modal?.setAttribute('class', 'portfolio-modal modal fade show')
+      modal?.removeAttribute('aria-hidden')
+  
+      modal?.setAttribute('arial-modal', 'true')
+  
+    }
+  
+    closeModalEdit(){
+      var modal = document.getElementById('modal3')
+  
+      modal?.setAttribute('class', 'portfolio-modal modal fade')
+      setTimeout(()=>{
+        modal?.setAttribute('style', 'display:none;')
+      },500)
+  
+    }
  
 
   }
diff --git a/frontend/main/src/app/rct-qt/rct-qt.component.ts b/frontend/main/src/app/rct-qt/rct-qt.component.ts
index cd82bd8..3ea1273 100644
--- a/frontend/main/src/app/rct-qt/rct-qt.component.ts
+++ b/frontend/main/src/app/rct-qt/rct-qt.component.ts
@@ -84,13 +84,13 @@ export class RctQtComponent implements OnInit {
     console.log(id);
 
 
-    this.http.delete('http://localhost:8080/quote/recent/'+id)
+    this.http.delete('http://localhost:8080/quote/recent/'+id).subscribe();
 
     setTimeout(()=>{
       this.succeed = id
       setTimeout(() => {
         this.ngOnInit()
-      }, 2000);
+      }, 3000);
     }, 1500)
 
   }
diff --git a/frontend/main/src/app/users/users.component.html b/frontend/main/src/app/users/users.component.html
index f383cd6..bd557e5 100644
--- a/frontend/main/src/app/users/users.component.html
+++ b/frontend/main/src/app/users/users.component.html
@@ -108,7 +108,75 @@ <h2 class="text-uppercase">New User</h2>
             <td>{{user.birth}}</td>
             <td>
                 <button class="btn btn-danger mr-2" (click)="deletar(user.id)">Delet</button>
-                <button class="btn btn-primary mr-2" (click)="alterar()">Edit</button>
+               
+               
+                <button class="btn btn-primary" (click)="openModalEdit()">Edit</button>
+
+                <div class="portfolio-modal modal fade show" id="modal3" tabindex="-1" role="dialog" aria-hidden="true">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="close-modal" data-bs-dismiss="modal"><img src="" alt="" /></div>
+                            <div class="container">
+                                <div class="row">
+                                    <div class="col-lg-8">
+                                        <div class="modal-body">
+                                            <h2 class="text-uppercase">Edit User</h2>
+                                            <p class="item-intro text-muted">Change the information below!</p>
+                                            <!-- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> -->
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="name" class="form-control" name="Nome"
+                                                     required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="email" class="form-control" email="E-mail"
+                                                     required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="document" class="form-control" document="CPF"
+                                                     required tabindex="1">
+                                            </div>
+                                            <br>
+                                            <div class="input-group" style="width: 100%;">
+                                                <span class="input-group-text"
+                                                    style="border-radius: 5px; border-right: 10px;">🧑🏽‍💻</span>
+                                                <input type="text" [(ngModel)]="birth" class="form-control" birth="Data"
+                                                     required tabindex="1">
+                                            </div>
+                
+                                            <br>
+                                            <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"
+                                                (click)="closeModalEdit()"
+                                                (click)="alterar()">
+                                                <i class="fas fa-xmark me-1"></i>
+                                                Save
+                                            </button>
+                
+                                            <button class="btn btn-danger btn-xl text-uppercase " data-bs-dismiss="modal" type="button"
+                                                (click)="closeModalEdit()">
+                                                <i class="fas fa-xmark me-1"></i>
+                                                Close
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
+               
+               
+               
+               
+                
             </td>
         </tr>
     </tbody>
diff --git a/frontend/main/src/app/users/users.component.ts b/frontend/main/src/app/users/users.component.ts
index 00ee717..f73b082 100644
--- a/frontend/main/src/app/users/users.component.ts
+++ b/frontend/main/src/app/users/users.component.ts
@@ -106,6 +106,29 @@ id!: number
     },500)
 
   }
+
+  openModalEdit(){
+
+    var modal = document.getElementById('modal3')
+
+    modal?.setAttribute('style', 'display:block;')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade show')
+    modal?.removeAttribute('aria-hidden')
+
+    modal?.setAttribute('arial-modal', 'true')
+
+  }
+
+  closeModalEdit(){
+    var modal = document.getElementById('modal3')
+
+    modal?.setAttribute('class', 'portfolio-modal modal fade')
+    setTimeout(()=>{
+      modal?.setAttribute('style', 'display:none;')
+    },500)
+
+  }
   
 
 }