Fixes

Author: ultramani

frontend/src/app/components/videogame/videogame-purchase.component.html

@@ -1,5 +1,5 @@
 
-       <table class="es-content-body" width="600" align="center">
+       <table *ngIf="ready" class="es-content-body" width="600" align="center">
             <tbody>
                 <tr>
                     <td class="container px-5" id="confirmPaymentBox1">
@@ -106,7 +106,7 @@ <h3>Producto Comprado<br></h3>
                     </td>
                 </tr>
                 <tr>
-                    <td class="container px-5" id="confirmPaymentBox4y5">
+                    <td class="container px-5" id="confirmPaymentBox2y3">
                         <table width="100%">
                             <tbody>
                                 <tr>
@@ -127,7 +127,7 @@ <h3>Informacion y Confirmacion de Compra</h3>
                     </td>
                 </tr>
                 <tr>
-                    <td class="container px-5" id="confirmPaymentBox4y5" align="center">
+                    <td class="container px-5" id="confirmPaymentBox2y3" align="center">
                         <table width="100%">
                             <tbody>
                                 <tr>
@@ -141,13 +141,14 @@ <h3>Informacion y Confirmacion de Compra</h3>
                             </tbody>
                         </table>
                     </td>
-                </tr> 
-            <tr>
-                <td align="center" id="confirmPaymentFinalBox">
-                    <button onclick="location.href='/'; return false;">Cancelar</button>
-                    <button (onclick)="buygame()">COMPRAR</button>
-                    <button id="generatePDF">Descargar</button>
-                </td>
-            </tr>
+                </tr>        
+
+
         </tbody>
     </table>
+    <p style="align-self: center; text-align: center;">
+        <button class="btn btn-primary btn-lg px-4 me-sm-3 " type="button" (click)="buygame()">COMPRAR</button>
+        <button class="btn btn-primary btn-lg px-4 me-sm-3" type="button" id="generatePDF">Descargar</button>
+        <button class="btn btn-primary btn-lg px-4 me-sm-3" type="button" (click)="cancel()">Cancelar</button>
+    </p>
+

frontend/src/app/components/videogame/videogame-purchase.component.ts

@@ -15,12 +15,13 @@ export class VideogamePurchaseComponent{
   videogame!: Videogame;
   user!: Usero;
   date!: Date;
+  ready:boolean = false;
   constructor(private router: Router, activatedroute:ActivatedRoute, public videogameService: VideogameService, useroService: UseroService){
     const id = activatedroute.snapshot.params['id'];
     const id2 = activatedroute.snapshot.params['id2'];
 
     useroService.getUser(id2).subscribe(
-      data => {this.user= data as Usero},
+      data => {console.log(data);this.user= data as Usero},
       error => console.error(error)
     )
 
@@ -34,14 +35,22 @@ export class VideogamePurchaseComponent{
   ngOnInit(){
     const now = new Date();
     this.date = now;
+    this.ready = true;
+    
   }
 
   buygame(){
     this.videogameService.purchasegame(this.videogame.id,this.user.id)
+    this.router.navigate(['/videogamecatalog']);
+
   }
 
   videogameImage(){
     return this.videogame.imageVg? '/api/videogames/'+this.videogame.id+'/image' : '/assets/images/no_image.png';
 }
 
+cancel(){
+  this.router.navigate(['/videogame/' + this.videogame.id]);
+}
+
 }

frontend/src/app/services/videogame.service.ts

@@ -69,7 +69,7 @@ export class VideogameService {
         if (id == undefined || idus == undefined){
             return alert("Error al comprar el videojuego, intentelo más tarde.")
         }
-        return this.httpClient.delete(URL + id + '/purchase/' + idus)
+        return this.httpClient.put(URL + id + '/purchase/' + idus, null)
     }
 /*
     addRelatedNew(videogame: Videogame) {