36 lines
979 B
TypeScript
36 lines
979 B
TypeScript
import { Component, OnInit, inject, signal } from '@angular/core';
|
|
import { ActivatedRoute } from '@angular/router';
|
|
import { Collection } from '../../interfaces/nasa-api';
|
|
import { NAPOD } from '../../services/napod';
|
|
|
|
|
|
|
|
@Component({
|
|
selector: 'app-video',
|
|
imports: [],
|
|
templateUrl: './video.html',
|
|
styleUrl: './video.css'
|
|
})
|
|
export class Video implements OnInit {
|
|
private readonly route = inject(ActivatedRoute)
|
|
asset=signal<Collection|null>(null);
|
|
//TODO: nom nul pour le service a changer
|
|
private readonly nasaApi: NAPOD = inject(NAPOD)
|
|
isLoading = signal<boolean>(true);
|
|
|
|
ngOnInit(){
|
|
const nasaId=this.route.snapshot.params['id'];
|
|
this.nasaApi.getAssetDetail(nasaId).subscribe({
|
|
next: (data)=>{
|
|
this.asset.set(data.collection);
|
|
this.isLoading.set(false);
|
|
console.log(this.asset());
|
|
},
|
|
error: error =>{
|
|
console.log(error);
|
|
this.isLoading.set(false);
|
|
}
|
|
})
|
|
}
|
|
}
|