diff --git a/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.html b/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.html index 5f6cfc4..8d5de1b 100644 --- a/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.html +++ b/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.html @@ -5,8 +5,12 @@ - URL - + Seleccionar URL + + + {{ download.filename }} + + diff --git a/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.ts b/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.ts index 227a730..e84ad07 100644 --- a/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.ts +++ b/ogWebconsole/src/app/components/images/images/create-image/create-image/create-image.component.ts @@ -1,16 +1,17 @@ import { HttpClient } from '@angular/common/http'; -import { Component, Inject } from '@angular/core'; +import { Component, Inject, OnInit } from '@angular/core'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; import { ToastrService } from 'ngx-toastr'; @Component({ selector: 'app-create-image', templateUrl: './create-image.component.html', - styleUrl: './create-image.component.css' + styleUrls: ['./create-image.component.css'] }) -export class CreateImageComponent { +export class CreateImageComponent implements OnInit { name: string = ''; - downloadUrl: string = ''; + downloads: any[] = []; + selectedDownload: any; constructor( private toastService: ToastrService, @@ -19,6 +20,26 @@ export class CreateImageComponent { @Inject(MAT_DIALOG_DATA) public data: any ) { } + ngOnInit(): void { + this.fetchDownloads(); + } + + fetchDownloads(): void { + this.http.get('http://127.0.0.1:8080/og-lives/server/get-isos?page=1&itemsPerPage=30') + .subscribe({ + next: (response: any) => { + this.downloads = response.data.downloads; + }, + error: (error) => { + console.error('Error fetching downloads:', error); + this.toastService.error('Error fetching downloads'); + } + }); + + + + } + onNoClick(): void { this.dialogRef.close(); } @@ -26,7 +47,7 @@ export class CreateImageComponent { addOgLive(): void { const payload = { name: this.name, - downloadUrl: this.downloadUrl + downloadUrl: this.selectedDownload.URL }; this.http.post('http://127.0.0.1:8080/og-lives', payload) @@ -38,7 +59,7 @@ export class CreateImageComponent { }, error: (error) => { console.error('Error:', error); - this.toastService.error(' Error creating image'); + this.toastService.error('Error creating image'); } }); } diff --git a/ogWebconsole/src/app/components/ogboot-status/ogboot-status.component.css b/ogWebconsole/src/app/components/ogboot-status/ogboot-status.component.css index 9791709..080a023 100644 --- a/ogWebconsole/src/app/components/ogboot-status/ogboot-status.component.css +++ b/ogWebconsole/src/app/components/ogboot-status/ogboot-status.component.css @@ -20,8 +20,6 @@ .disk-usage { flex: 2; margin-right: 20px; - - border: 1px solid #ff0000; } .services-status {