lxconsole/lxconsole/templates/modals/virtual-machines.html

656 lines
40 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- Add Modal-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Create Virtual Machine</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="form-tab" data-toggle="tab" href="#form" role="tab" aria-controls="form" aria-selected="true">Form</a>
</li>
<li class="nav-item">
<a class="nav-link" id="json-tab" data-toggle="tab" href="#json" role="tab" aria-controls="json" aria-selected="false">JSON</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="form" role="tabpanel" aria-labelledby="form-tab">
<br />
<form id="addForm">
<div class="row">
<label class="col-3 col-form-label text-right">Name: <span class="text-danger">*</span> </label>
<div class="col-7">
<div class="form-group">
<input type="text" class="form-control" required="required" name="name">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in a name for this instance'></i>
</div>
</div>
<div class="row">
<label class="col-3 col-form-label text-right">Description: </label>
<div class="col-7">
<div class="form-group">
<input type="text" class="form-control" required="required" name="description">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in a description for this instance'></i>
</div>
</div>
<div class="row">
<label class="col-3 col-form-label text-right">Image: </label>
<div class="col-7">
<div class="form-group">
<select id="virtualMachineImageInput" class="form-control" name="image">
<option value="none">none</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select a downloaded image to use to build the instance'></i>
</div>
</div>
<div class="row">
<label class="col-3 col-form-label text-right">Profiles: </label>
<div class="col-7">
<div class="form-group">
<select id="virtualMachineProfileInput" class="form-control" name="profiles">
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select the initial profile to attach to this instance. Additional profiles can be attached after the instance is created. Default: default'></i>
</div>
</div>
<div class="row">
<label class="col-3 col-form-label text-right">Instance Type: </label>
<div class="col-7">
<div class="form-group">
<select class="form-control" name="instance_type">
<option value="" selected>(not set)</option>
<option disabled>--- AWS Instance Types ---</option>
<option value="aws:c1.medium">c1.medium</option>
<option value="aws:c1.xlarge">c1.xlarge</option>
<option value="aws:c3.2xlarge">c3.2xlarge</option>
<option value="aws:c3.4xlarge">c3.4xlarge</option>
<option value="aws:c3.8xlarge">c3.8xlarge</option>
<option value="aws:c3.large">c3.large</option>
<option value="aws:c3.xlarge">c3.xlarge</option>
<option value="aws:c4.2xlarge">c4.2xlarge</option>
<option value="aws:c4.4xlarge">c4.4xlarge</option>
<option value="aws:c4.8xlarge">c4.8xlarge</option>
<option value="aws:c4.large">c4.large</option>
<option value="aws:c4.xlarge">c4.xlarge</option>
<option value="aws:c5.large">c5.large</option>
<option value="aws:c5.xlarge">c5.xlarge</option>
<option value="aws:c5.2xlarge">c5.2xlarge</option>
<option value="aws:c5.4xlarge">c5.4xlarge</option>
<option value="aws:c5.9xlarge">c5.9xlarge</option>
<option value="aws:c5.18xlarge">c5.18xlarge</option>
<option value="aws:cc2.8xlarge">cc2.8xlarge</option>
<option value="aws:cg1.4xlarge">cg1.4xlarge</option>
<option value="aws:cr1.8xlarge">cr1.8xlarge</option>
<option value="aws:d2.xlarge">d2.xlarge</option>
<option value="aws:d2.2xlarge">d2.2xlarge</option>
<option value="aws:d2.4xlarge">d2.4xlarge</option>
<option value="aws:d2.8xlarge">d2.8xlarge</option>
<option value="aws:f1.2xlarge">f1.2xlarge</option>
<option value="aws:f1.16xlarge">f1.16xlarge</option>
<option value="aws:g2.2xlarge">g2.2xlarge</option>
<option value="aws:g2.8xlarge">g2.8xlarge</option>
<option value="aws:g3.4xlarge">g3.4xlarge</option>
<option value="aws:g3.8xlarge">g3.8xlarge</option>
<option value="aws:g3.16xlarge">g3.16xlarge</option>
<option value="aws:hi1.4xlarge">hi1.4xlarge</option>
<option value="aws:hs1.8xlarge">hs1.8xlarge</option>
<option value="aws:i2.xlarge">i2.xlarge</option>
<option value="aws:i2.2xlarge">i2.2xlarge</option>
<option value="aws:i2.4xlarge">i2.4xlarge</option>
<option value="aws:i2.8xlarge">i2.8xlarge</option>
<option value="aws:i3.large">i3.large</option>
<option value="aws:i3.xlarge">i3.xlarge</option>
<option value="aws:i3.2xlarge">i3.2xlarge</option>
<option value="aws:i3.4xlarge">i3.4xlarge</option>
<option value="aws:i3.8xlarge">i3.8xlarge</option>
<option value="aws:i3.16xlarge">i3.16xlarge</option>
<option value="aws:m1.small">m1.small</option>
<option value="aws:m1.medium">m1.medium</option>
<option value="aws:m1.large">m1.large</option>
<option value="aws:m1.xlarge">m1.xlarge</option>
<option value="aws:m2.xlarge">m2.xlarge</option>
<option value="aws:m2.2xlarge">m2.2xlarge</option>
<option value="aws:m2.4xlarge">m2.4xlarge</option>
<option value="aws:m3.medium">m3.medium</option>
<option value="aws:m3.large">m3.large</option>
<option value="aws:m3.xlarge">m3.xlarge</option>
<option value="aws:m3.2xlarge">m3.2xlarge</option>
<option value="aws:m4.large">m4.large</option>
<option value="aws:m4.xlarge">m4.xlarge</option>
<option value="aws:m4.2xlarge">m4.2xlarge</option>
<option value="aws:m4.4xlarge">m4.4xlarge</option>
<option value="aws:m4.10xlarge">m4.10xlarge</option>
<option value="aws:m4.16xlarge">m4.16xlarge</option>
<option value="aws:p2.xlarge">p2.xlarge</option>
<option value="aws:p2.8xlarge">p2.8xlarge</option>
<option value="aws:p2.16xlarge">p2.16xlarge</option>
<option value="aws:r3.large">r3.large</option>
<option value="aws:r3.xlarge">r3.xlarge</option>
<option value="aws:r3.2xlarge">r3.2xlarge</option>
<option value="aws:r3.4xlarge">r3.4xlarge</option>
<option value="aws:r3.8xlarge">r3.8xlarge</option>
<option value="aws:r4.large">r4.large</option>
<option value="aws:r4.xlarge">r4.xlarge</option>
<option value="aws:r4.2xlarge">r4.2xlarge</option>
<option value="aws:r4.4xlarge">r4.4xlarge</option>
<option value="aws:r4.8xlarge">r4.8xlarge</option>
<option value="aws:r4.16xlarge">r4.16xlarge</option>
<option value="aws:t1.micro">t1.micro</option>
<option value="aws:t2.nano">t2.nano</option>
<option value="aws:t2.micro">t2.micro</option>
<option value="aws:t2.small">t2.small</option>
<option value="aws:t2.medium">t2.medium</option>
<option value="aws:t2.large">t2.large</option>
<option value="aws:t2.xlarge">t2.xlarge</option>
<option value="aws:t2.2xlarge">t2.2xlarge</option>
<option value="aws:t3.nano">t3.nano</option>
<option value="aws:t3.micro">t3.micro</option>
<option value="aws:t3.small">t3.small</option>
<option value="aws:t3.medium">t3.medium</option>
<option value="aws:t3.large">t3.large</option>
<option value="aws:t3.xlarge">t3.xlarge</option>
<option value="aws:t3.2xlarge">t3.2xlarge</option>
<option value="aws:x1.16xlarge">x1.16xlarge</option>
<option value="aws:x1.32xlarge">x1.32xlarge</option>
<option disabled>--- Azure Instance Types ---</option>
<option value="azure:A5">A5</option>
<option value="azure:A6">A6</option>
<option value="azure:A7">A7</option>
<option value="azure:A8">A8</option>
<option value="azure:A9">A9</option>
<option value="azure:A10">A10</option>
<option value="azure:A11">A11</option>
<option value="azure:ExtraSmall">ExtraSmall</option>
<option value="azure:Small">Small</option>
<option value="azure:Medium">Medium</option>
<option value="azure:Large">Large</option>
<option value="azure:ExtraLarge">ExtraLarge</option>
<option value="azure:Standard_A1_v2">Standard_A1_v2</option>
<option value="azure:Standard_A2m_v2">Standard_A2m_v2</option>
<option value="azure:Standard_A2_v2">Standard_A2_v2</option>
<option value="azure:Standard_A4m_v2">Standard_A4m_v2</option>
<option value="azure:Standard_A4_v2">Standard_A4_v2</option>
<option value="azure:Standard_A8m_v2">Standard_A8m_v2</option>
<option value="azure:Standard_A8_v2">Standard_A8_v2</option>
<option value="azure:Standard_D1">Standard_D1</option>
<option value="azure:Standard_D1_v2">Standard_D1_v2</option>
<option value="azure:Standard_D2">Standard_D2</option>
<option value="azure:Standard_D2_v2">Standard_D2_v2</option>
<option value="azure:Standard_D3">Standard_D3</option>
<option value="azure:Standard_D3_v2">Standard_D3_v2</option>
<option value="azure:Standard_D4">Standard_D4</option>
<option value="azure:Standard_D4_v2">Standard_D4_v2</option>
<option value="azure:Standard_D5_v2">Standard_D5_v2</option>
<option value="azure:Standard_D11">Standard_D11</option>
<option value="azure:Standard_D11_v2">Standard_D11_v2</option>
<option value="azure:Standard_D12">Standard_D12</option>
<option value="azure:Standard_D12_v2">Standard_D12_v2</option>
<option value="azure:Standard_D13">Standard_D13</option>
<option value="azure:Standard_D13_v2">Standard_D13_v2</option>
<option value="azure:Standard_D14">Standard_D14</option>
<option value="azure:Standard_D14_v2">Standard_D14_v2</option>
<option value="azure:Standard_D15_v2">Standard_D15_v2</option>
<option value="azure:Standard_G1">Standard_G1</option>
<option value="azure:Standard_G2">Standard_G2</option>
<option value="azure:Standard_G3">Standard_G3</option>
<option value="azure:Standard_G4">Standard_G4</option>
<option value="azure:Standard_G5">Standard_G5</option>
<option value="azure:Standard_H8">Standard_H8</option>
<option value="azure:Standard_H8m">Standard_H8m</option>
<option value="azure:Standard_H16">Standard_H16</option>
<option value="azure:Standard_H16m">Standard_H16m</option>
<option value="azure:Standard_H16mr">Standard_H16mr</option>
<option value="azure:Standard_H16r">Standard_H16r</option>
<option disabled>--- GCE Instance Types ---</option>
<option value="gce:f1-micro">f1-micro</option>
<option value="gce:g1-small">g1-small</option>
<option value="gce:n1-highcpu-2">n1-highcpu-2</option>
<option value="gce:n1-highcpu-4">n1-highcpu-4</option>
<option value="gce:n1-highcpu-8">n1-highcpu-8</option>
<option value="gce:n1-highcpu-16">n1-highcpu-16</option>
<option value="gce:n1-highcpu-32">n1-highcpu-32</option>
<option value="gce:n1-highcpu-64">n1-highcpu-64</option>
<option value="gce:n1-highmem-2">n1-highmem-2</option>
<option value="gce:n1-highmem-4">n1-highmem-4</option>
<option value="gce:n1-highmem-8">n1-highmem-8</option>
<option value="gce:n1-highmem-16">n1-highmem-16</option>
<option value="gce:n1-highmem-32">n1-highmem-32</option>
<option value="gce:n1-highmem-64">n1-highmem-64</option>
<option value="gce:n1-standard-1">n1-standard-1</option>
<option value="gce:n1-standard-2">n1-standard-2</option>
<option value="gce:n1-standard-4">n1-standard-4</option>
<option value="gce:n1-standard-8">n1-standard-8</option>
<option value="gce:n1-standard-16">n1-standard-16</option>
<option value="gce:n1-standard-32">n1-standard-32</option>
<option value="gce:n1-standard-64">n1-standard-64</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select from a variety of preconfigured instance configurations. Default: (not set)'></i>
</div>
</div>
<div class="row">
<label class="col-3 col-form-label text-right">Location: </label>
<div class="col-7">
<div class="form-group">
<select id="virtualMachineLocationInput" class="form-control" name="location">
<option value="none">none</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select the LXD cluster member or @group to deploy this virtual machine on. Default: none'></i>
</div>
</div>
<hr class="mb-2">
<nav>
<div class="nav nav-pills justify-content-center" id="nav-tab" role="tablist">
<a class="nav-link active" id="nav-boot-tab" data-toggle="tab" href="#nav-boot" role="tab" aria-controls="nav-boot" aria-selected="true">Boot</a>
<a class="nav-link" id="nav-cloud-init-tab" data-toggle="tab" href="#nav-cloud-init" role="tab" aria-controls="nav-cloud-init" aria-selected="true">Cloud-init</a>
<a class="nav-link" id="nav-limits-tab" data-toggle="tab" href="#nav-limits" role="tab" aria-controls="nav-limits" aria-selected="false">Limits</a>
<a class="nav-link" id="nav-migration-tab" data-toggle="tab" href="#nav-migration" role="tab" aria-controls="nav-migration" aria-selected="false">Migration</a>
<a class="nav-link" id="nav-other-tab" data-toggle="tab" href="#nav-other" role="tab" aria-controls="nav-other" aria-selected="false">Other</a>
<a class="nav-link" id="nav-raw-tab" data-toggle="tab" href="#nav-raw" role="tab" aria-controls="nav-raw" aria-selected="false">Raw</a>
<a class="nav-link" id="nav-security-tab" data-toggle="tab" href="#nav-security" role="tab" aria-controls="nav-security" aria-selected="false">Security</a>
<a class="nav-link" id="nav-snapshots-tab" data-toggle="tab" href="#nav-snapshots" role="tab" aria-controls="nav-snapshots" aria-selected="false">Snapshots</a>
</div>
</nav>
<hr class="mt-2">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-boot" role="tabpanel" aria-labelledby="nav-boot-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Autostart: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="boot.autostart">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select whether to automatically start the instance with LXD starts. If not set, defaults to instance last state.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Autostart Delay: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="boot.autostart.delay">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in the number of seconds to wait after the instance starts to boot up the next instance. Default: 0.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Autostart Priority: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="boot.autostart.priority">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in a number to determine the order the instance boots, higher numbers being first. Default: 0.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Host Shutdown Timeout: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="boot.host_shutdown_timeout">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in a the number of seconds to wait on host shutdown before forcefull shutdown of instance. Default: 30.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Stop Priority: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="boot.stop.priority">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in a number to determine the order the instance shutsdown, higher numbers being first. Default: 0.'></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-cloud-init" role="tabpanel" aria-labelledby="nav-cloud-init-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Network Config: </label>
<div class="col-6">
<div class="form-group">
<textarea class="form-control" name="cloud-init.network-config"></textarea>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in network configuration. Default: not set.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">User Data: </label>
<div class="col-6">
<div class="form-group">
<textarea class="form-control" name="cloud-init.user-data"></textarea>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in user data configuration. If both cloud-init.user-data and cloud-init.vendor-data exist, the contents of both are merged. Default: not set.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Vendor Data: </label>
<div class="col-6">
<div class="form-group">
<textarea class="form-control" name="cloud-init.vendor-data"></textarea>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Support for this option depends on the instance image. Enter in vendor data configuration. If both cloud-init.user-data and cloud-init.vendor-data exist, the contents of both are merged. Default: not set.'></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-limits" role="tabpanel" aria-labelledby="nav-limits-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">CPU: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="limits.cpu">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in the number or range of CPUs to expose to the instance.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Disk Priority: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="limits.disk.priority">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Enter in an integer between 0 (min) and 10 (max) to schedule disk I/O request priority compared to other instances. Default: 5.'></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Memory: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="limits.memory">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in a percentage of the host's memory or enter in a fixed value of bytes."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Memory Hugepages: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="limits.memory.hugepages">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether to back the instance using hugepages rather than regular system memory. Default: false."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Network Priority: </label>
<div class="col-6">
<div class="form-group">
<input type="number" class="form-control" name="limits.network.priority">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in the priority for the instance network when the host is under, with 10 being the priority. Default 0."></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-migration" role="tabpanel" aria-labelledby="nav-migration-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Stateful: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="migration.stateful">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether to allow for stateful stop/start and snapshots. This will prevent the use of some features that are incompatible with it. Default: false."></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-other" role="tabpanel" aria-labelledby="nav-other-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Cluster Evacuate: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="cluster.evacuate">
<option value="">(not set)</option>
<option value="auto">auto</option>
<option value="migrate">migrate</option>
<option value="stop">stop</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title='Select what to do when evacuating the instance. Default: auto'></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-raw" role="tabpanel" aria-labelledby="nav-raw-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Apparmor: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="raw.apparmor">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in apparmor profile entries to be appended to the profile. Default: (not set)."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Qemu: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="raw.qemu">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter raw QEMU configuration to be appended to the generated command line. Default: (not set)."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Qemu.conf: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="raw.qemu.conf">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in addition/override to the generated qemu.conf file. Default: (not set)."></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-security" role="tabpanel" aria-labelledby="nav-security-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Devlxd: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="security.devlxd">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether to control the presence of /dev/lxd in the instance. Default: true."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Protection Delete: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="security.protection.delete">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether to prevent the instance from being deleted. Default: false."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Agent Metrics: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="security.agent.metrics">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether the lxd-agent is queried for state information and metrics. Default: true."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Secureboot: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="security.secureboot">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether whether UEFI secure boot is enabled with the default Microsoft keys. Default: true."></i>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-snapshots" role="tabpanel" aria-labelledby="nav-snapshots-tab">
<br>
<div class="row">
<label class="col-4 col-form-label text-right">Schedule: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="snapshots.schedule">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in a cron expression (<minute> <hour> <dom> <month> <dow>), or a comma separated list of schedule aliases <@hourly> <@daily> <@midnight> <@weekly> <@monthly> <@annually> <@yearly> <@startup>. Default: (not set)."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Schedule Stopped: </label>
<div class="col-6">
<div class="form-group">
<select class="form-control" name="snapshots.schedule.stopped">
<option value="">(not set)</option>
<option value="true">true</option>
<option value="false">false</option>
</select>
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Select whether stopped instances are to be snapshoted automatically. Default: false."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Pattern: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="snapshots.pattern'">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in a pongo2 template string representing the snapshot name. Default: snap%d."></i>
</div>
</div>
<div class="row">
<label class="col-4 col-form-label text-right">Expiry: </label>
<div class="col-6">
<div class="form-group">
<input type="text" class="form-control" name="snapshots.expiry">
</div>
</div>
<div class="col-1">
<i class="far fa-sm fa-question-circle" title="Enter in time controls when snapshots are to be deleted (expects expressions like 1M 2H 3d 4w 5m 6y). Default: (not set)."></i>
</div>
</div>
</div>
</div>
</form>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="#" onclick="addItem()" data-dismiss="modal">Submit</a>
</div>
</div>
<div class="tab-pane fade" id="json" role="tabpanel" aria-labelledby="json-tab">
<br />
<div class="row">
<div class="col-12">
<div class="form-group text-right">
<pre>
<textarea name="json" class="form-control" id="jsonCreateInput" rows="16" placeholder="Enter JSON data"></textarea>
</pre>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="#" onclick="createItemUsingJSON()" data-dismiss="modal">Submit</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>