mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-08 11:16:47 +00:00
e143fe353a
The create wizard's two pages lose their inline scripts and handlers: create_machine.js (machine types of the chosen architecture, Next, the XML editor) and create_instance.js (volume and network pickers, disk source, presets and flavors, row lists, a refused form restored). Their URLs and messages are data attributes of #select_chipset, #next and #create-vm-form; URL parts use __name__ placeholders, so the volume list URL is now the routed one with its trailing slash. The XML form shows the please-wait dialog through data-please-wait. The page script tests read the static files.
43 lines
2 KiB
JavaScript
43 lines
2 KiB
JavaScript
// The create wizard's first page (create_instance_w1.html): the machine
|
|
// types of the chosen architecture, Next to the form for them, and a VM
|
|
// defined from XML instead.
|
|
|
|
// the machine types of the chosen architecture, the default one selected;
|
|
// the list is empty while it loads, and a newer load aborts the older one
|
|
function load_machines(arch) {
|
|
const next = document.querySelector("#next"), list = document.querySelector("#select_chipset");
|
|
next.disabled = true;
|
|
list.replaceChildren();
|
|
if (list.request) list.request.abort();
|
|
list.request = $.getJSON(list.dataset.machinesUrl.replace("__arch__", encodeURIComponent(arch)), function (data) {
|
|
list.replaceChildren(...data['machines'].map(
|
|
item => new Option(item, item, false, item === list.dataset.default)));
|
|
next.disabled = !data['machines'].length;
|
|
});
|
|
}
|
|
|
|
// placeholders, not "x86_64"/"pc": an architecture such as ppc64 contains "pc"
|
|
function create_url(arch, machine) {
|
|
return document.querySelector("#next").dataset.createUrl
|
|
.replace("__arch__", encodeURIComponent(arch)).replace("__machine__", encodeURIComponent(machine));
|
|
}
|
|
|
|
function goto_create() {
|
|
window.location.href = create_url(document.querySelector("#select_archs").value,
|
|
document.querySelector("#select_chipset").value);
|
|
}
|
|
|
|
const archs = document.querySelector("#select_archs");
|
|
archs.addEventListener("change", () => load_machines(archs.value));
|
|
document.querySelector("#next").addEventListener("click", goto_create);
|
|
load_machines(archs.value);
|
|
|
|
// the XML editor fills the form's field
|
|
const editor = ace.edit("editor");
|
|
editor.getSession().setMode("ace/mode/xml");
|
|
const xml_input = document.querySelector('input[name="dom_xml"]');
|
|
editor.getSession().on("change", function () {
|
|
xml_input.value = editor.getSession().getValue();
|
|
});
|
|
// the editor measures itself when its section is shown
|
|
document.querySelector("#from-xml").addEventListener("shown.bs.collapse", () => editor.resize());
|