ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-02-21 02:01:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Support for Qemu

Browse Source
This commit is contained in:
piotrpekala7 2020-05-14 16:35:26 +02:00
parent 9e5985c8c8
commit d127986b03
3 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html
View File

@ -84,7 +84,8 @@
#file
class="nonvisible"
(change)="uploadImageFile($event)"
ngDefaultContro/>
ng2FileSelect
[uploader]="uploader"/>
<button mat-raised-button color="primary" (click)="file.click()" class="file-button">Browse</button>
<mat-form-field class="file-name-form-field">
<input

34
src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.ts
View File

@ -13,6 +13,7 @@ import { TemplateMocksService } from '../../../../services/template-mocks.servic
import { QemuConfigurationService } from '../../../../services/qemu-configuration.service';
import { ComputeService } from '../../../../services/compute.service';
import { Compute } from '../../../../models/compute';
import { FileUploader, FileItem, ParsedResponseHeaders } from 'ng2-file-upload';
@Component({
@ -31,6 +32,7 @@ export class AddQemuVmTemplateComponent implements OnInit {
selectedImage: QemuImage;
chosenImage: string = '';
qemuTemplate: QemuTemplate;
uploader: FileUploader;
nameForm: FormGroup;
memoryForm: FormGroup;
@ -67,6 +69,25 @@ export class AddQemuVmTemplateComponent implements OnInit {
}
ngOnInit() {
this.uploader = new FileUploader({});
this.uploader.onAfterAddingFile = file => {
file.withCredentials = false;
};
this.uploader.onErrorItem = (item: FileItem, response: string, status: number, headers: ParsedResponseHeaders) => {
this.toasterService.error('An error occured: ' + response);
};
this.uploader.onSuccessItem = (
item: FileItem,
response: string,
status: number,
headers: ParsedResponseHeaders
) => {
this.qemuService.getImages(this.server).subscribe((qemuImages: QemuImage[]) => {
this.qemuImages = qemuImages;
});
this.toasterService.success('Image uploaded');
};
const server_id = this.route.snapshot.paramMap.get("server_id");
this.serverService.get(parseInt(server_id, 10)).then((server: Server) => {
this.server = server;
@ -106,7 +127,16 @@ export class AddQemuVmTemplateComponent implements OnInit {
}
uploadImageFile(event) {
this.chosenImage = event.target.files[0].name;
let name = event.target.files[0].name;
this.diskForm.controls['fileName'].setValue(name);
const url = this.qemuService.getImagePath(this.server, name);
this.uploader.queue.forEach(elem => (elem.url = url));
const itemToUpload = this.uploader.queue[0];
if ((itemToUpload as any).options) (itemToUpload as any).options.disableMultipart = true;
this.uploader.uploadItem(itemToUpload);
}
goBack() {
@ -118,7 +148,7 @@ export class AddQemuVmTemplateComponent implements OnInit {
this.qemuTemplate.ram = this.memoryForm.get("ramMemory").value;
this.qemuTemplate.qemu_path = this.selectedBinary.path;
if (this.newImageSelected) {
this.qemuTemplate.hda_disk_image = this.chosenImage;
this.qemuTemplate.hda_disk_image = this.diskForm.get("fileName").value;
} else {
this.qemuTemplate.hda_disk_image = this.selectedImage.path;
}

4
src/app/services/qemu.service.ts
View File

@ -19,6 +19,10 @@ export class QemuService {
return this.httpServer.get<QemuTemplate>(server, `/templates/${template_id}`) as Observable<QemuTemplate>;
}
getImagePath(server: Server, filename: string): string {
return `http://${server.host}:${server.port}/v2/compute/qemu/images/${filename}`;
}
getBinaries(server: Server): Observable<QemuBinary[]> {
return this.httpServer.get<QemuBinary[]>(server, '/computes/local/qemu/binaries') as Observable<QemuBinary[]>;
}