ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-19 13:07:52 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Configurator for qemu

Browse Source
This commit is contained in:
Piotr Pekala 2019-09-12 04:26:00 -07:00
parent 8fe6a3d517
commit 4b90568b7b
4 changed files with 158 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/components/project-map/node-editors/configurator/configurator.component.scss
View File

@ -17,6 +17,19 @@
scrollbar-width: thin;
}
.file-button {
width: 18%;
}
.file-name-form-field {
padding-left: 2%;
width: 80%;
}
.nonvisible {
display: none;
}
::-webkit-scrollbar {
width: 0.5em;
}

121
src/app/components/project-map/node-editors/configurator/qemu/configurator-qemu.component.html
View File

@ -10,10 +10,10 @@
<mat-form-field class="form-field">
<input matInput type="text" formControlName="name" [(ngModel)]="node.name" placeholder="Name">
</mat-form-field>
</form>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="node.properties.ram" placeholder="RAM">
<input matInput type="number" formControlName="ram" [(ngModel)]="node.properties.ram" placeholder="RAM">
</mat-form-field>
</form>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="node.properties.cpus" placeholder="vCPUs">
</mat-form-field>
@ -124,11 +124,25 @@
</mat-card>
</mat-tab>
<mat-tab label="CD/DVD">
<div>
<button mat-raised-button color="primary" (click)="filecdrom.click()" class="file-button">Browse</button>
<input
type="file"
#filecdrom
class="nonvisible"
(change)="uploadCdromImageFile($event)"/>
<mat-form-field class="file-name-form-field">
<input
matInput
type="text"
[(ngModel)]="node.properties.cdrom_image"
placeholder="Image"/>
</mat-form-field>
</div>
</mat-tab>
<mat-tab label="Network">
<br/><mat-checkbox [(ngModel)]="node.properties.use_any_adapter">
Allow GNS3 to use any configured VirtualBox adapter
<br/><mat-checkbox [(ngModel)]="node.properties.legacy_networking">
Use the legacy networking mode
</mat-checkbox>
<app-custom-adapters-table
#customAdapters
@ -138,7 +152,102 @@
></app-custom-adapters-table>
</mat-tab>
<mat-tab label="Advanced">
<mat-card>
<mat-card-title></mat-card-title>
<mat-card-subtitle>
Linux boot specific settings
</mat-card-subtitle>
<mat-card-content>
<div>
<button mat-raised-button color="primary" (click)="fileinitrd.click()" class="file-button">Browse</button>
<input
type="file"
#fileinitrd
class="nonvisible"
(change)="uploadInitrdFile($event)"/>
<mat-form-field class="file-name-form-field">
<input
matInput
type="text"
[(ngModel)]="node.properties.initrd"
placeholder="Initial RAM disk (initrd)"/>
</mat-form-field>
</div>
<div>
<button mat-raised-button color="primary" (click)="filekerenelimage.click()" class="file-button">Browse</button>
<input
type="file"
#filekernelimage
class="nonvisible"
(change)="uploadKernelImageFile($event)"/>
<mat-form-field class="file-name-form-field">
<input
matInput
type="text"
[(ngModel)]="node.properties.kernel_image"
placeholder="Kernel image"/>
</mat-form-field>
</div>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="node.properties.kernel_command_line" placeholder="Kernel command line">
</mat-form-field>
</mat-card-content>
</mat-card>
<mat-card>
<mat-card-title></mat-card-title>
<mat-card-subtitle>
Bios
</mat-card-subtitle>
<mat-card-content>
<div>
<button mat-raised-button color="primary" (click)="filebios.click()" class="file-button">Browse</button>
<input
type="file"
#filebios
class="nonvisible"
(change)="uploadBiosFile($event)"/>
<mat-form-field class="file-name-form-field">
<input
matInput
type="text"
[(ngModel)]="node.properties.bios_image"
placeholder="Bios image"/>
</mat-form-field>
</div>
</mat-card-content>
</mat-card>
<mat-card>
<mat-card-title></mat-card-title>
<mat-card-subtitle>
Optimization
</mat-card-subtitle>
<mat-card-content>
<mat-checkbox [(ngModel)]="activateCpuThrottling">
Activate CPU throttling
</mat-checkbox>
<mat-form-field *ngIf="activateCpuThrottling" class="form-field">
<input matInput type="number" [(ngModel)]="node.properties.cpu_throttling" placeholder="Perecentage of CPU allowed">
</mat-form-field>
<mat-form-field class="form-field">
<mat-select placeholder="Process priority" [(ngModel)]="node.properties.process_priority">
<mat-option *ngFor="let priority of priorities" [value]="priority">
{{priority}}
</mat-option>
</mat-select>
</mat-form-field>
</mat-card-content>
</mat-card>
<mat-card>
<mat-card-title></mat-card-title>
<mat-card-subtitle>
Additional settings
</mat-card-subtitle>
<mat-card-content>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="node.properties.options" placeholder="Options">
</mat-form-field>
</mat-card-content>
</mat-card>
</mat-tab>
<mat-tab label="Usage">
<mat-form-field class="form-field">

22
src/app/components/project-map/node-editors/configurator/qemu/configurator-qemu.component.ts
View File

@ -58,10 +58,28 @@ export class ConfiguratorDialogQemuComponent implements OnInit {
});
}
uploadCdromImageFile(event){
this.node.properties.cdrom_image = event.target.files[0].name;
}
uploadInitrdFile(event){
this.node.properties.initrd = event.target.files[0].name;
}
uploadKernelImageFile(event){
this.node.properties.kernel_image = event.target.files[0].name;
}
uploadBiosFile(event){
this.node.properties.bios_image = event.target.files[0].name;
}
getConfiguration() {
this.consoleTypes = this.qemuConfigurationService.getConsoleTypes();
this.onCloseOptions = this.qemuConfigurationService.getOnCloseOptions();
this.networkTypes = this.qemuConfigurationService.getNetworkTypes();
this.qemuConfigurationService.getNetworkTypes().forEach(n => {
this.networkTypes.push(n[0]);
});
this.bootPriorities = this.qemuConfigurationService.getBootPriorities();
this.diskInterfaces = this.qemuConfigurationService.getDiskInterfaces();
}
@ -78,7 +96,7 @@ export class ConfiguratorDialogQemuComponent implements OnInit {
this.node.properties.adapters = this.node.custom_adapters.length;
this.nodeService.updateNodeWithCustomAdapters(this.server, this.node).subscribe(() => {
this.nodeService. updateNodeWithCustomAdapters(this.server, this.node).subscribe(() => {
this.toasterService.success(`Node ${this.node.name} updated.`);
this.onCancelClick();
});

10
src/app/services/node.service.ts
View File

@ -104,6 +104,16 @@ export class NodeService {
});
}
updateQemuNode(server: Server, node: Node): Observable<Node> {
return this.httpServer.put<Node>(server, `/projects/${node.project_id}/nodes/${node.node_id}`, {
console_type: node.console_type,
console_auto_start: node.console_auto_start,
custom_adapters: node.custom_adapters,
name: node.name,
properties: node.properties
});
}
delete(server: Server, node: Node) {
return this.httpServer.delete<Node>(server, `/projects/${node.project_id}/nodes/${node.node_id}`);
}