j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-07-31 12:41:08 +00:00
Code Issues Projects Releases Wiki Activity

Bootstrap5 (#17)

Browse source 
* Bootstrap5 migration
This commit is contained in:
catborise 2021-07-07 14:12:38 +03:00 • committed by GitHub
parent 1663a49cee
commit 073b7b6717
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 9494 additions and 8597 deletions
Download patch file Download diff file Expand all files Collapse all files

235
instances/templates/create_instance_w2.html
View file

@ -30,30 +30,30 @@
{% endfor %}
{% endif %}
<div class="row" id="max-width-page">
<div class="row">
<div class="col-lg-12">
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" aria-label="Instance create method">
<li class="nav-item">
<a class="nav-link float-right" href="#" role="tab" data-toggle="tab" onclick="goto_compute()">
<li class="nav-item" role="presentation">
<button class="nav-link float-end" data-bs-toggle="tab" data-bs-target="#" type="button" role="tab" aria-controls="go_compute" onclick="goto_compute()">
<span class="fa fa-arrow-left"></span>
</a>
</button>
</li>
<li class="nav-item">
<a class="nav-link active" href="#flavor" aria-controls="flavor" role="tab" data-toggle="tab">
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#flavor" type="button" role="tab" aria-controls="flavor" aria-selected="true">
{% trans "Flavor" %}
</a>
</button>
</li>
<li class="nav-item">
<a class="nav-link" href="#addCustom" aria-controls="addCustom" role="tab" data-toggle="tab">
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#addCustom" type="button" role="tab" aria-controls="addCustom" aria-selected="false">
{% trans "Custom" %}
</a>
</button>
</li>
<li class="nav-item">
<a class="nav-link" href="#addFromTemp" aria-controls="addFromTemp" role="tab" data-toggle="tab">
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#addFromTemp" type="button" role="tab" aria-controls="addFromTemp" aria-selected="false">
{% trans "Template" %}
</a>
</button>
</li>
</ul>
<!-- Tab panes -->
@ -61,8 +61,7 @@
<div role="tabpanel" class="tab-pane tab-pane-bordered active" id="flavor">
{% if not flavors %}
<div class="col-lg-12">
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<div class="alert alert-warning shadow-sm">
<i class="fa fa-exclamation-triangle"></i> <strong>{% trans "Warning" %}:</strong> {% trans "Hypervisor doesn't have any Flavors" %}
</div>
</div>
@ -95,11 +94,11 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{% trans "Create Virtual Machine" %} ({{ flavor.label }})</h5>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form method="post" role="form" aria-label="Create instance from flavor form">{% csrf_token %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="name"
@ -111,10 +110,10 @@
</div>
</div>
{% if firmwares %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Firmware" %}</label>
<div class="col-sm-7">
<select class="form-control" id="select_firmware" name="firmware">
<select class="form-select" id="select_firmware" name="firmware">
{% for frm in firmwares %}
<option value="{{ frm }}" {% if frm in default_firmware %}selected{% endif %}>{{ frm }}</option>
{% endfor %}
@ -123,10 +122,10 @@
</div>
{% endif %}
{% if dom_caps.cpu_modes %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "VCPU Config" %}</label>
<div class="col-sm-7">
<select class="form-control" id="vcpu_mode" name="vcpu_mode">
<select class="form-select" id="vcpu_mode" name="vcpu_mode">
<option value=""> {% trans 'no-mode' %}</option>
{% for mode in dom_caps.cpu_modes %}
{% if mode == 'custom' %}
@ -145,11 +144,11 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Storage" %}</label>
<div class="col-sm-7">
<input type="hidden" name="cache_mode" value="default">
<select class="form-control" name="storage">
<select class="form-select" name="storage">
{% if storages %}
{% for storage in storages %}
<option value="{{ storage }}">{{ storage }}</option>
@ -160,29 +159,29 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Network" %}</label>
<div class="col-sm-7">
<select class="form-control" name="networks">
<select class="form-select" name="networks">
{% for network in networks %}
<option value="{{ network }}">{{ network }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Advanced" %}</label>
<div class="col-sm-7">
<button class="btn btn-block btn-outline-light" type="button" data-toggle="collapse" data-target="#flavAddCollapse" aria-expanded="false" aria-controls="collapseExample">
<div class="d-grid col-sm-7">
<button class="btn btn-outline-light" type="button" data-bs-toggle="collapse" data-bs-target="#flavAddCollapse" aria-expanded="false" aria-controls="flavAddCollapse">
<span class="fa fa-caret-down"></span>
</button>
</div>
</div>
<div class="collapse" id="flavAddCollapse">
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "NWFilter" %}</label>
<div class="col-sm-7">
<select class="form-control" name="nwfilter">
<select class="form-select" name="nwfilter">
<option value="">{% trans "None" %}</option>
{% for nwfilter in nwfilters %}
<option value="{{ nwfilter }}">{{ nwfilter }}</option>
@ -190,10 +189,10 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "HDD cache mode" %}</label>
<div class="col-sm-7">
<select class="form-control" id="cache_mode" name="cache_mode">
<select class="form-select" id="cache_mode" name="cache_mode">
{% for mode, name in cache_modes %}
<option value="{{ mode }}" {% if mode == default_cache %}selected {% endif %}>
{% trans name %}</option>
@ -201,17 +200,17 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "MAC" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="mac" maxlength="17" value="{{ mac_auto }}" required pattern="[a-zA-Z0-9:]+">
</div>
</div>
{% if dom_caps.graphics_support == 'yes' %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Graphics" %}</label>
<div class="col-sm-7">
<select class="form-control" name="graphics">
<select class="form-select" name="graphics">
{% for graphics in dom_caps.graphics_types %}
<option value="{{ graphics }}" {% if default_graphics == graphics %}selected{% endif %}>{{ graphics }}</option>
{% endfor %}
@ -219,10 +218,10 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Video" %}</label>
<div class="col-sm-7">
<select class="form-control" name="video">
<select class="form-select" name="video">
{% if not videos %}
<option value="vga">vga</option>
<option value="cirrus">cirrus</option>
@ -233,30 +232,30 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Console Access" %}</label>
<div class="col-sm-7">
<select class="custom-select" name="listener_addr">
<select class="form-select" name="listener_addr">
{% for addr, label in listener_addr %}
<option value="{{ addr }}" {% if addr == "0.0.0.0" %} selected {% endif %}>{{ label }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Console Password" %}</label>
<div class="col-sm-7">
<input class="form-control" type="password" name="console_pass" placeholder="{% trans "Console Password" %}" maxlength="64">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "Guest Agent" %}</label>
<div class="col-sm-7">
<input type="checkbox" name="qemu_ga" value="true" checked>
</div>
</div>
{% if virtio_support %}
<div class="form-group row">
<div class="row">
<label class="col-sm-4 col-form-label">{% trans "VirtIO" %}</label>
<div class="col-sm-7">
<input type="checkbox" name="virtio" value="{{ virtio_support }}" checked>
@ -266,7 +265,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
{% if storages %}
<button type="submit" class="btn btn-primary" name="create">{% trans "Create" %}</button>
{% else %}
@ -277,7 +276,7 @@
</div>
</div>
</div>
<a data-toggle="modal" href="#addVMflavor{{ forloop.counter }}" class="btn btn-sm btn-secondary">
<a data-bs-toggle="modal" href="#addVMflavor{{ forloop.counter }}" class="btn btn-sm btn-secondary">
<span class="fa fa-plus"></span>
</a>
</td>
@ -301,17 +300,17 @@
<div role="tabpanel" class="tab-pane tab-pane-bordered" id="addCustom">
<div>
<form method="post" role="form" aria-label="Create custom instance form">{% csrf_token %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="name" placeholder="{% trans "Name" %}" maxlength="64" required pattern="[a-zA-Z0-9\.\-_]+">
</div>
</div>
{% if firmwares %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Firmware" %}</label>
<div class="col-sm-7">
<select class="custom-select" id="select_firmware" name="firmware">
<select class="form-select" id="select_firmware" name="firmware">
{% for frm in firmwares %}
<option value="{{ frm }}" {% if frm == default_firmware %}selected{% endif %}>{{ frm }}</option>
{% endfor %}
@ -319,17 +318,17 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VCPU" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="vcpu" value="1" maxlength="2" required pattern="[0-9]">
</div>
</div>
{% if dom_caps.cpu_modes %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VCPU Config" %}</label>
<div class="col-sm-7">
<select id="vcpu_mode" name="vcpu_mode" class="custom-select">
<select class="form-select" id="vcpu_mode" name="vcpu_mode">
<option value=""> {% trans 'no-mode' %}</option>
{% for mode in dom_caps.cpu_modes %}
{% if mode == 'custom' %}
@ -348,26 +347,26 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "RAM" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="memory" value="512" maxlength="5" required pattern="[0-9]+">
</div>
<label class="col-sm-1 col-form-label">{% trans "MB" %}</label>
</div>
<div id="disk_list_div" class="form-group row d-none">
<label id="added_disks" class="col-sm-3 col-form-label">{% trans "Added Disks" %}</label>
<div id="disk_list_div" class="row d-none">
<label class="col-sm-3 col-form-label" id="added_disks">{% trans "Added Disks" %}</label>
<div class="col-sm-7">
<ul id="img-list" class="form-group row">
<ul id="img-list" class="row">
<!-- populated from javascript -->
</ul>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "HDD" %}</label>
<input id="images" name="images" type="hidden" value=""/>
<div class="col-sm-3">
<select id="storage-control" name="storage-control" class="form-control" onchange="get_cust_vols({{ compute_id }}, value);">
<select class="form-select" id="storage-control" name="storage-control" onchange="get_cust_vols({{ compute_id }}, value);">
{% if storages %}
<option value disabled selected>{% trans "Select pool" %}...</option>
{% for storage in storages %}
@ -379,45 +378,45 @@
</select>
</div>
<div class="col-sm-4">
<select id="image-control" class="form-control" name="image-control" multiple="multiple">
<select class="form-select" id="image-control" name="image-control" multiple="multiple">
<!-- populated from javascript -->
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Network" %}</label>
<div class="col-sm-7">
<ul id="net-list">
<!-- populated from javascript -->
</ul>
<input id="networks" type="hidden" name="networks" value=""/>
<select id="network-control" name="network-control" class="form-control" multiple="multiple">
<select class="form-select" id="network-control" name="network-control" multiple="multiple">
{% for network in networks %}
<option value="{{ network }}">{{ network }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Advanced" %}</label>
<div class="col-sm-7">
<button class="btn btn-block btn-outline-light" type="button" data-toggle="collapse" data-target="#customAdvCollapse" aria-expanded="false" aria-controls="collapseExample">
<div class="d-grid col-sm-7">
<button class="btn btn-outline-light" type="button" data-bs-toggle="collapse" data-bs-target="#custadvcollapse" aria-expanded="false" aria-controls="custadvcollapse">
<span class="fa fa-caret-down"></span>
</button>
</div>
</div>
<div class="collapse" id="customAdvCollapse">
<div class="form-group row meta-prealloc">
<div class="collapse" id="custadvcollapse">
<div class="row meta-prealloc">
<label class="col-sm-3 col-form-label">{% trans "Disk Metadata" %}</label>
<div class="col-sm-7">
<input type="checkbox" name="meta_prealloc" title="{% trans "Metadata preallocation" %}" value="true">
</div>
<label class="col-lg-1 col-form-label">{% trans "Image" %}</label>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "HDD Cache Mode" %}</label>
<div class="col-sm-7">
<select id="cache_mode" name="cache_mode" class="form-control">
<select class="form-select" id="cache_mode" name="cache_mode">
{% for mode, name in cache_modes %}
<option value="{{ mode }}" {% if mode == default_cache %}selected {% endif %}>
{% trans name %}</option>
@ -425,10 +424,10 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "NWFilter" %}</label>
<div class="col-sm-7">
<select name="nwfilter" class="custom-select">
<select class="form-select" name="nwfilter">
<option value="">{% trans "None" %}</option>
{% for nwfilter in nwfilters %}
<option value="{{ nwfilter }}">{{ nwfilter }}</option>
@ -437,10 +436,10 @@
</div>
</div>
{% if dom_caps.graphics_support == 'yes' %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Graphics" %}</label>
<div class="col-sm-7">
<select name="graphics" class="custom-select">
<select class="form-select" name="graphics">
{% for graphics in dom_caps.graphics_types %}
<option value="{{ graphics }}" {% if default_graphics == graphics %}selected{% endif %}>{{ graphics }}</option>
{% endfor %}
@ -448,10 +447,10 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Video" %}</label>
<div class="col-sm-7">
<select name="video" class="custom-select">
<select class="form-select" name="video">
{% if not videos %}
<option value="vga">vga</option>
<option value="cirrus">cirrus</option>
@ -462,30 +461,30 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Console Access" %}</label>
<div class="col-sm-7">
<select name="listener_addr" class="custom-select">
<select class="form-select" name="listener_addr">
{% for addr, label in listener_addr %}
<option value="{{ addr }}" {% if addr == "0.0.0.0" %} selected {% endif %}>{{ label }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Console Password" %}</label>
<div class="col-sm-7">
<input type="password" class="form-control" name="console_pass" placeholder="{% trans "Console Password" %}" maxlength="64">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Guest Agent" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="qemu_ga" value="true" checked>
</div>
</div>
{% if virtio_support %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VirtIO" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="virtio" value="{{ virtio_support }}" checked>
@ -493,14 +492,14 @@
</div>
{% endif %}
</div>
<div class="form-group row">
<div class="col-sm-7 offset-3">
<div class="row">
<div class="d-grid col-sm-7 offset-3">
{% if storages %}
<button type="submit" class="btn btn-block btn-primary" name="create" formnovalidate onclick="showPleaseWaitDialog()" value="1">
<button type="submit" class="btn btn-primary" name="create" formnovalidate onclick="showPleaseWaitDialog()" value="1">
{% trans "Create" %}
</button>
{% else %}
<button class="btn btn-block btn-primary disabled">
<button class="btn btn-primary disabled">
{% trans "Create" %}
</button>
{% endif %}
@ -514,17 +513,17 @@
<div role="tabpanel" class="tab-pane tab-pane-bordered" id="addFromTemp">
<div>
<form method="post" role="form" aria-label="Create instance from template form">{% csrf_token %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Name" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="name" placeholder="{% trans "Name" %}" maxlength="64" required pattern="[a-zA-Z0-9\.\-_]+">
</div>
</div>
{% if firmwares %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Firmware" %}</label>
<div class="col-sm-7">
<select class="custom-select" id="select_firmware" name="firmware">
<select class="form-select" id="select_firmware" name="firmware">
{% for frm in firmwares %}
<option value="{{ frm }}" {% if frm == default_firmware %}selected{% endif %}>{{ frm }}</option>
{% endfor %}
@ -532,16 +531,16 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VCPU" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="vcpu" value="1" maxlength="2" required pattern="[0-9]">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VCPU Config" %}</label>
<div class="col-sm-7">
<select id="vcpu_mode" name="vcpu_mode" class="custom-select">
<select class="form-select" id="vcpu_mode" name="vcpu_mode">
<option value=""> {% trans 'no-mode' %}</option>
{% for mode in dom_caps.cpu_modes %}
{% if mode == 'custom' %}
@ -559,18 +558,18 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "RAM" %}</label>
<div class="col-sm-7">
<input type="text" class="form-control" name="memory" value="512" maxlength="5" required pattern="[0-9]+">
</div>
<label class="col-sm-1 col-form-label">{% trans "MB" %}</label>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Template Disk" %}</label>
<input id="images" name="images" type="hidden" value=""/>
<div class="col-sm-3">
<select class="custom-select" onchange="get_template_vols({{ compute_id }}, value);">
<select class="form-select" onchange="get_template_vols({{ compute_id }}, value);">
{% if storages %}
<option value disabled selected>{% trans "Select pool" %}...</option>
{% for storage in storages %}
@ -582,15 +581,15 @@
</select>
</div>
<div class="col-sm-4">
<select id="template" class="form-control" name="template" disabled>
<select class="form-select" id="template" name="template" disabled>
<!-- populated from javascript -->
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Storage" %}</label>
<div class="col-sm-7">
<select id="storage" name="storage" class="form-control" disabled>
<select class="form-select" id="storage" name="storage" disabled>
{% if storages %}
{% for storage in storages %}
<option value="{{ storage }}" >{{ storage }}</option>
@ -601,36 +600,36 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Network" %}</label>
<div class="col-sm-7">
<select name="networks" class="custom-select">
<select class="form-select" name="networks">
{% for network in networks %}
<option value="{{ network }}">{{ network }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Advanced" %}</label>
<div class="col-sm-7">
<button class="btn btn-block btn-outline-light" type="button" data-toggle="collapse" data-target="#tempAdvCollapse" aria-expanded="false" aria-controls="collapseExample">
<div class="d-grid col-sm-7">
<button class="btn btn-outline-light" type="button" data-bs-toggle="collapse" data-bs-target="#tempAdvCollapse" aria-expanded="false" aria-controls="tempAdvCollapse">
<span class="fa fa-caret-down"></span>
</button>
</div>
</div>
<div class="collapse" id="tempAdvCollapse">
<div class="form-group row meta-prealloc">
<div class="row meta-prealloc">
<label class="col-sm-3 col-form-label">{% trans "Disk Metadata" %}</label>
<div class="col-sm-7">
<input type="checkbox" name="meta_prealloc" title="{% trans "Metadata preallocation" %}" value="true">
</div>
<label class="col-lg-1 col-form-label">{% trans "Image" %}</label>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "HDD cache mode" %}</label>
<div class="col-sm-7">
<select id="cache_mode" name="cache_mode" class="custom-select">
<select class="form-select" id="cache_mode" name="cache_mode">
{% for mode, name in cache_modes %}
<option value="{{ mode }}" {% if mode == default_cache %}selected{% endif %}>
{% trans name %}</option>
@ -638,10 +637,10 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "NWFilter" %}</label>
<div class="col-sm-7">
<select name="nwfilter" class="custom-select">
<select class="form-select" name="nwfilter">
<option value="">{% trans "None" %}</option>
{% for nwfilter in nwfilters %}
<option value="{{ nwfilter }}">{{ nwfilter }}</option>
@ -650,10 +649,10 @@
</div>
</div>
{% if dom_caps.graphics_support == 'yes' %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Graphics" %}</label>
<div class="col-sm-7">
<select name="graphics" class="custom-select">
<select class="form-select" name="graphics">
{% for graphics in dom_caps.graphics_types %}
<option value="{{ graphics }}" {% if default_graphics == graphics %}selected{% endif %}>{{ graphics }}</option>
{% endfor %}
@ -661,10 +660,10 @@
</div>
</div>
{% endif %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Video" %}</label>
<div class="col-sm-7">
<select name="video" class="custom-select">
<select class="form-select" name="video">
{% if not videos %}
<option value="vga">vga</option>
<option value="cirrus">cirrus</option>
@ -675,30 +674,30 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Console Access" %}</label>
<div class="col-sm-7">
<select name="listener_addr" class="custom-select">
<select class="form-select" name="listener_addr">
{% for addr, label in listener_addr %}
<option value="{{ addr }}" {% if addr == "0.0.0.0" %} selected {% endif %}>{{ label }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Console Password" %}</label>
<div class="col-sm-7">
<input type="password" class="form-control" name="console_pass" placeholder="{% trans "Console Password" %}" maxlength="64">
</div>
</div>
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "Guest Agent" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="qemu_ga" value="true" checked>
</div>
</div>
{% if virtio_support %}
<div class="form-group row">
<div class="row">
<label class="col-sm-3 col-form-label">{% trans "VirtIO" %}</label>
<div class="col-sm-6">
<input type="checkbox" name="virtio" value="{{ virtio_support }}" checked>
@ -706,10 +705,10 @@
</div>
{% endif %}
</div>
<div class="form-group row">
<div class="col-sm-7 offset-3">
<div class="row">
<div class="d-grid col-sm-7 offset-3">
{% if storages %}
<button type="submit" class="btn btn-block btn-primary" name="create" value="1" formnovalidate onclick="showPleaseWaitDialog()">
<button type="submit" class="btn btn-primary" name="create" value="1" formnovalidate onclick="showPleaseWaitDialog()">
{% trans "Create" %}
</button>
{% else %}
@ -728,7 +727,7 @@
{% endblock %}
{% block script %}
<script src="{% static "js/bootstrap-multiselect.js" %}"></script>
<script src="{% static 'js/bootstrap-multiselect.js' %}"></script>
<script>
function toggleValue(string, updated_value, checked) {
let result = '';
@ -784,7 +783,7 @@
'{% endfor %}' +
'</select>' +
' -> ' + value + ' ' +
'<a class="btn-link float-right" onclick="javascript:$(\'#image-control\').multiselect(\'deselect\', \'' + value + '\', true)"><i class="fa fa-remove"></i></a></li>';
'<a class="btn-link float-end" onclick="javascript:$(\'#image-control\').multiselect(\'deselect\', \'' + value + '\', true)"><i class="fa fa-remove"></i></a></li>';
selected_list_html += li;
counter++;
});
@ -816,7 +815,7 @@
$.each(input_value.split(','), function (index, value) {
let li = '<li>eth' + counter +
' -> ' + value + ' ' +
'<a class="btn-link float-right" onclick="$(\'#network-control\').multiselect(\'deselect\', \'' + value + '\', true)"><i class="fa fa-remove"></i></a></li>';
'<a class="btn-link float-end" onclick="$(\'#network-control\').multiselect(\'deselect\', \'' + value + '\', true)"><i class="fa fa-remove"></i></a></li>';
selected_list_html += li;
counter++;
});