Remove fixed

Author: ultramani

frontend/src/app/app.module.ts

@@ -20,9 +20,11 @@ import { VideogameCardComponent } from './components/videogame/videogame-card.co
 import { VideogameCatalogComponent } from './components/videogame/videogame-catalog.component';
 import { VideogameEditFormComponent } from './components/videogame/videogame-edit-form.component';
 import { VideogamePurchaseComponent } from './components/videogame/videogame-purchase.component';
+import { VideogameDetailComponent } from './components/videogame/videogame-detail.component';
+
 import { EditNewComponent } from './components/news/editNew.component';
 import { EditNewFormComponent } from './components/news/editNewForm.component';
-
+import { CommonModule } from '@angular/common';  
 
 
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@@ -33,8 +35,8 @@ import { AboutComponent } from './components/about/about.component';
 
 
 @NgModule({
-  declarations: [EditNewFormComponent,EditNewComponent,AboutComponent,CarouselComponent,AppComponent,VideogamePurchaseComponent,VideogameEditFormComponent, LoginComponent, HeadComponent, NewsComponent, NavBarComponent, FooterComponent, NewsTemplateComponent,VideogameCatalogComponent, ShowNewsComponent, HomeComponent, UserProfile,VideogameCardComponent],
-  imports: [BrowserModule,NgbModule, FormsModule, HttpClientModule, routing, FormsModule,RouterModule],
+  declarations: [EditNewFormComponent,VideogameDetailComponent,EditNewComponent,AboutComponent,CarouselComponent,AppComponent,VideogamePurchaseComponent,VideogameEditFormComponent, LoginComponent, HeadComponent, NewsComponent, NavBarComponent, FooterComponent, NewsTemplateComponent,VideogameCatalogComponent, ShowNewsComponent, HomeComponent, UserProfile,VideogameCardComponent],
+  imports: [BrowserModule,NgbModule, FormsModule, HttpClientModule, routing, FormsModule,RouterModule,CommonModule],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

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

@@ -12,7 +12,7 @@ <h1 class="display-5 fw-bolder text-white mb-2">{{videogame.title}}</h1>
                             <p class="lead fw-normal text-white-50 mb-4" style="color: aliceblue !important;">{{videogame.shortDescription}}</p>
                         </div>
                     </div>
-                    <div class="col-xl-3 col-xxl-3 d-none d-xl-block text-center">
+                    <div  class="col-xl-3 col-xxl-3 d-none d-xl-block text-center" *ngIf="islogged()">
                         <p class="lead fw-normal text-white-50 mb-4"
                             style="color: aliceblue !important; font-size: 2em !important;"> Precio: {{videogame.price}}€</p>
                             <!--Button to pay-->

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

@@ -26,23 +26,19 @@ export class VideogameDetailComponent{
     const okResponse = window.confirm('Do you want to remove this videogame?');
     if (okResponse) {
         this.videogameService.deleteVideogame(this.videogame).subscribe(
-            _ => this.router.navigate(['/videogame/']), //Cambiar a el catalogo de videojuegos
+            _ => this.router.navigate(['/videogamecatalog']), //Cambiar a el catalogo de videojuegos
             error => console.error(error)
         );
     }
 }     
 
-//Forbidden error falta ser admin
     editVideogame() {
         this.router.navigate(['/videogame/edit/' + this.videogame.id]);
     }
 
-    gotovideogamescatalog() {
-        this.router.navigate(['/videogame']);
-    }
-
-    purchasevideogame(){ //falta meter user id
-        this.router.navigate(['/videogame/' + this.videogame.id + '/purchase/' ]);
+    purchasevideogame(){ 
+        var id = this.loginService.currentUser();
+        this.router.navigate(['/videogame/' + this.videogame.id + '/purchase/' + id?.id]);
     }
 
     videogameImage(){
@@ -54,6 +50,11 @@ export class VideogameDetailComponent{
         return this.videogame.imageCompany? '/api/videogames/'+this.videogame.id+'/companyImage' : '/assets/images/no_image.png';
     }
 
+    islogged(){
+        var user = this.loginService.currentUser();
+        return user;
+    }
+
     isAdmin(){
         return this.loginService.isAdmin();
       }

frontend/src/app/components/videogame/videogame-edit-form.component.ts

@@ -45,7 +45,7 @@ export class VideogameEditFormComponent{
   }
 
   uploadImage(videogame: Videogame): void {
-
+    
     const image = this.file.nativeElement.files[0];
     if (image) {
       let formData = new FormData();

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

@@ -34,7 +34,7 @@ <h3>Producto Comprado<br></h3>
                             <tbody>
                                 <tr>
                                     <td class="esd-block-image" align="center"><a target="_blank"><img class="adapt-img"
-                                                src="/videogame/{{videogame.id}}/imageVg" width="50%"></a></td>
+                                        [src]="videogameImage()" width="50%"></a></td>
                                 </tr>
                             </tbody>
                         </table>

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

@@ -40,4 +40,8 @@ export class VideogamePurchaseComponent{
     this.videogameService.purchasegame(this.videogame.id,this.user.id)
   }
 
+  videogameImage(){
+    return this.videogame.imageVg? '/api/videogames/'+this.videogame.id+'/image' : '/assets/images/no_image.png';
+}
+
 }