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 {