drive mode radio switch

This commit is contained in:
Devaev Maxim
2020-07-19 14:25:54 +03:00
parent faedb829b9
commit ab13399a2a
7 changed files with 122 additions and 15 deletions

View File

@@ -41,6 +41,7 @@
<link rel="stylesheet" href="/share/css/led.css">
<link rel="stylesheet" href="/share/css/slider.css">
<link rel="stylesheet" href="/share/css/switch.css">
<link rel="stylesheet" href="/share/css/radio.css">
<link rel="stylesheet" href="/share/css/progress.css">
<link rel="stylesheet" href="/share/css/keypad.css">
<link rel="stylesheet" href="/share/css/tabs.css">
@@ -279,12 +280,14 @@
</table>
<table class="kv msd-multi-storage feature-disabled">
<tr class="msd-cdrom-emulation feature-disabled">
<td>Emulate CD-ROM drive:</td>
<td>Drive mode:</td>
<td>
<div class="switch-box">
<input class="switch-checkbox" checked type="checkbox" id="msd-emulate-cdrom-checkbox">
<label class="switch-label" for="msd-emulate-cdrom-checkbox"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
<div class="radio-box">
<input checked type="radio" id="msd-mode-radio-cdrom" name="msd-mode-radio" value="1">
<label for="msd-mode-radio-cdrom">CD-ROM</label>
<input type="radio" id="msd-mode-radio-flash" name="msd-mode-radio" value="0">
<label for="msd-mode-radio-flash">Flash</label>
</div>
</td>
</tr>
</table>

View File

@@ -4,7 +4,7 @@ append vars
- title = "Pi-KVM Session"
- main_js = "kvm/main"
- body_class = "body-no-select"
- css_list = css_list.concat(["navbar", "window", "modal", "led", "slider", "switch", "progress", "keypad", "tabs"])
- css_list = css_list.concat(["navbar", "window", "modal", "led", "slider", "switch", "radio", "progress", "keypad", "tabs"])
- css_list = css_list.concat(["kvm/stream", "kvm/hid", "kvm/msd", "kvm/keyboard", "kvm/about"])
block body

View File

@@ -43,9 +43,13 @@ li(id="msd-dropdown" class="right feature-disabled")
td #[button(disabled id="msd-remove-image") Remove]
table(class="kv msd-multi-storage feature-disabled")
tr(class="msd-cdrom-emulation feature-disabled")
td Emulate CD-ROM drive:
td Drive mode:
td
+switch("msd-emulate-cdrom-checkbox")
div(class="radio-box")
input(checked type="radio" id="msd-mode-radio-cdrom" name="msd-mode-radio" value="1")
label(for="msd-mode-radio-cdrom") CD-ROM
input(type="radio" id="msd-mode-radio-flash" name="msd-mode-radio" value="0")
label(for="msd-mode-radio-flash") Flash
div(class="msd-multi-storage feature-disabled")
hr
div(class="text")