Pequeños fixeos

Author: JLRR2019

frontend/src/app/components/news/editNew.component.html

@@ -95,8 +95,7 @@ <h1 style="padding-bottom: 10px;">Noticias destacadas sobre este Titulo.</h1>
             <div class="container px-5 my-5" style="margin-bottom: 0px !important ;">
                 <div class="row gx-5 justify-content-center">
 
-                    <!-- {{>newsTemplate}}  FALTA AÑADIR -->
-                    <!--<newsTemplate [news]="news"></newsTemplate>-->
+                  <newsTemplate class="col-lg-4 mb-5" *ngFor="let ng of news" [news]="ng"></newsTemplate>
 
                 </div>
             </div>

frontend/src/app/components/news/editNew.component.ts

@@ -3,6 +3,8 @@ import { Router,ActivatedRoute } from '@angular/router';
 import { Videogame } from 'src/app/models/videogame.model';
 import { LoginService } from 'src/app/services/login.service';
 import { VideogameService } from 'src/app/services/videogame.service';
+import { News } from 'src/app/models/news.model';
+import { NewsService } from 'src/app/services/news.service';
 
 @Component({
   selector: 'videogame-detail',
@@ -11,15 +13,24 @@ import { VideogameService } from 'src/app/services/videogame.service';
 
 export class VideogameDetailComponent{
 
+
+  news!: News[];
   videogame!: Videogame;
 
-  constructor(private router: Router,public loginService: LoginService, activatedRoute: ActivatedRoute, public videogameService: VideogameService){
-    
+  constructor(private router: Router,public loginService: LoginService, activatedRoute: ActivatedRoute, public videogameService: VideogameService, newsService: NewsService){
+
     const id = activatedRoute.snapshot.params['id'];
     videogameService.getVideogame(id).subscribe(
         videogame => this.videogame = videogame,
         error => console.error(error)
     )
+
+
+    newsService.getNew(id).subscribe(
+      news => {this.news = news as News[]},
+      error => console.error(error)
+    )
+
   }
 
   removeVideogame() {
@@ -30,13 +41,13 @@ export class VideogameDetailComponent{
             error => console.error(error)
         );
     }
-}     
-   
+}
+
     editVideogame() {
         this.router.navigate(['/videogame/edit/' + this.videogame.id]);
     }
 
-    purchasevideogame(){ 
+    purchasevideogame(){
         var id = this.loginService.currentUser();
         this.router.navigate(['/videogame/' + this.videogame.id + '/purchase/' + id?.id]);
     }
@@ -45,7 +56,7 @@ export class VideogameDetailComponent{
         return this.videogame.imageVg? '/api/videogames/'+this.videogame.id+'/image' : '/assets/images/no_image.png';
     }
 
-    
+
     companyImage(){
         return this.videogame.imageCompany? '/api/videogames/'+this.videogame.id+'/companyImage' : '/assets/images/no_image.png';
     }

frontend/src/app/components/news/editNewForm.component.html

@@ -177,9 +177,9 @@ <h2 style="text-align: center; padding-top: 2%;">Edit Videogame Form</h2>
                     <div class="col-md-8">
                         <p>Related News: </p>
                         <select name="notices" multiple style="width: 100%;">
-                            <!-- {{#news}}
-                            <option value="{{ id }}">{{ title }}</option>
-                            {{/news}} -->
+
+                            <option *ngFor="let ng of news" value="{{ ng.id }}">{{ ng.title }}</option>
+
                         </select>
                     </div>
                 </div>
@@ -209,4 +209,4 @@ <h2 style="text-align: center; padding-top: 2%;">Edit Videogame Form</h2>
             </div>
         </form>
     </section>
-</main>
+</main>

frontend/src/app/components/news/editNewForm.component.ts

@@ -2,6 +2,8 @@ import { Component, Input, ViewChild } from '@angular/core';
 import { Router,ActivatedRoute } from '@angular/router';
 import { Videogame } from 'src/app/models/videogame.model';
 import { VideogameService } from 'src/app/services/videogame.service';
+import { News } from 'src/app/models/news.model';
+import { NewsService } from 'src/app/services/news.service';
 
 @Component({
   selector: 'videogame-edit-form',
@@ -13,26 +15,33 @@ export class VideogameEditFormComponent{
   videogame!: Videogame;
   ready:boolean = false;
 
+  news!: News[];
+
   @ViewChild("file")
   file: any;
 
   @ViewChild("file1")
   file1: any;
 
-  constructor(private router: Router, activatedroute:ActivatedRoute, public videogameService: VideogameService){
+  constructor(private router: Router, activatedroute:ActivatedRoute, public videogameService: VideogameService, newsService: NewsService){
     const id = activatedroute.snapshot.params['id'];
-    videogameService.getVideogame(id).subscribe(      
+    videogameService.getVideogame(id).subscribe(
       data => {this.videogame= data as Videogame},
       error => console.error(error)
     )
 
+    newsService.getNews().subscribe(
+      data => {this.news = data as News[]},
+      error => console.error(error)
+    )
+
   }
 
 
   ngOnInit(){
     this.ready = true;
   }
-  
+
   cancel() {
     window.history.back();
   }
@@ -45,7 +54,7 @@ export class VideogameEditFormComponent{
   }
 
   uploadImage(videogame: Videogame): void {
-    
+
     const image = this.file.nativeElement.files[0];
     if (image) {
       let formData = new FormData();
@@ -58,9 +67,9 @@ export class VideogameEditFormComponent{
       this.afterUploadImage(videogame);
     }
   }
-  
+
   private afterUploadImage(videogame: Videogame){
     this.router.navigate(['/videogame/', videogame.id]);
   }
 
-}
+}