Completo tabela + Inserir+Excluir

Author: jenaroaaugusto

Pratico/Backend/main.js

@@ -47,7 +47,7 @@ app.post("/demanda", (req,resp) =>{
         }else{
             resp.status(200);
 
-            resp.json(result.userId)
+            resp.json(result.insertId)
 
         }
     } );
@@ -81,6 +81,7 @@ app.put("/demanda/:demaId",(req,resp) => {
     var demaId= req.params.demaId
     // resp.send("Successful Operation")
     console.log("PUT - Demanda ID: "+demaId);
+    console.log(demaId)
     var demanda = req.body;
 
     connection.query("UPDATE demandas SET ? WHARE iddemandas=?",[demanda,demaId],(err,result) =>{
@@ -139,7 +140,7 @@ app.get("/gerirdemandas:gerirId", (req,resp) =>{
 app.path("/gerirdemandas:gerirId",(req,resp) =>{
     var gerirdemandas = req.params.gerirId
     resp.send("Successful Operation");
-    console.log("PUT - Gerencair Demanda ID: "+gerirId);
+    console.log("PATH - Gerencair Demanda ID: "+gerirId);
 
 });
 

Pratico/Frontend-Um-Problema/src/app/app.module.ts

@@ -26,7 +26,8 @@ import {MatFormFieldModule} from '@angular/material/form-field';
     DemandasComponent,
     UsuariosComponent,
     GestaoComponent,
-    MngDemandaDialog
+    MngDemandaDialog,
+    
   ],
   imports: [
     BrowserModule,

Pratico/Frontend-Um-Problema/src/app/demandas.service.ts

@@ -17,10 +17,18 @@ export class DemandasService {
   }
   getDemanda(demaId: number): Observable<Demanda>{
     console.log(demaId)
-    return this.http.get<Demanda>("http://localhost:3000/demanda" + demaId);
+    return this.http.get<Demanda>("http://localhost:3000/demanda/" + demaId);
   }
 
   setDemanda(demanda: Demanda):Observable<any>{
     return this.http.post("http://localhost:3000/demanda",demanda);
   }
+
+  updateDemanda(demanda: Demanda):Observable<any>{
+    return this.http.put("http://localhost:3000/demanda/"+ demanda.iddemandas,demanda);
+  }
+  deleteDemanda(demaId: number): Observable<any>{
+    console.log(demaId)
+    return this.http.delete("http://localhost:3000/demanda/" + demaId);
+  }
 }

Pratico/Frontend-Um-Problema/src/app/demandas/demandas.component.html

@@ -41,7 +41,14 @@ <h1>Demandas</h1>
                 <th mat-header-cell *matHeaderCellDef>Status</th>
                 <td mat-cell *matCellDef="let demandas">{{demandas.status}}</td>
             </ng-container>
-        
+            
+            <ng-container matColumnDef="acoes">
+                <th mat-header-cell *matHeaderCellDef></th>
+                <td mat-cell *matCellDef="let demandas">
+                    <button mat-stroked-button class="float-right" color="primary" (click)="openEditDialog(demandas)" >Editar</button>
+                    <button mat-stroked-button class="float-right" color="primary" (click)="openExcluirDialog(demandas)" >Excluir</button>
+                </td>
+            </ng-container>
 
 
             <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

Pratico/Frontend-Um-Problema/src/app/demandas/demandas.component.ts

@@ -28,7 +28,7 @@ export class Demanda{
   styleUrls: ['./demandas.component.css']
 })
 export class DemandasComponent implements OnInit {
-  displayedColumns: string[]=['iddemandas','categorias','local','resumo','usuario_idusuario','status']
+  displayedColumns: string[]=['iddemandas','categorias','local','resumo','usuario_idusuario','status','acoes']
   // dataSource:Demanda[];
   dataSource = new MatTableDataSource<Demanda>();
   constructor( private service:DemandasService, public dialog:MatDialog) { }
@@ -55,6 +55,29 @@ export class DemandasComponent implements OnInit {
 
 
   }
+
+  openEditDialog(demanda:Demanda): void{
+    const dialogRef = this.dialog.open(MngDemandaDialog,{
+      width:'750px',
+      data:demanda
+    });
+    
+    dialogRef.afterClosed().subscribe(demanda =>{
+      console.log(demanda);
+      this.service.updateDemanda(demanda).subscribe(_ =>{
+          this.dataSource.data = this.dataSource.data.map(oldDemanda =>{
+              if(oldDemanda.iddemandas=demanda.iddemandas) return demanda;
+          });
+        });
+      });
+  }
+
+  openExcluirDialog(demanda:Demanda): void{
+    this.service.deleteDemanda(demanda.iddemandas).subscribe(_ =>{
+      this.dataSource.data = this.dataSource.data.filter(oldDemanda => oldDemanda.iddemandas != demanda.iddemandas)
+
+    });
+  }
 }
 
 @Component({