One-KVM/web/kvm/window-switch.pug
mofeng-git 7b3335ea94 Add support for PiKVM Switch and related features
This commit introduces several new components and improvements:
- Added Switch module with firmware update and configuration support
- Implemented new media streaming capabilities
- Updated various UI elements and CSS styles
- Enhanced keyboard and mouse event handling
- Added new validators and configuration options
- Updated Python version support to 3.13
- Improved error handling and logging
2025-02-01 01:08:36 +00:00

96 lines
3.4 KiB
Plaintext

mixin switch_tab(name, title, checked=false)
- let button_id = `switch-tab-${name}-button`
input(checked=checked type="radio" name="switch-tab-button", id=button_id)
label(for=button_id) #{title}
div(class="tab")
block
div(id="switch-window" class="window" style="width:min-content")
div(class="window-header")
div(class="window-grab") Switch settings
button(class="window-button-close") #[b ×]
div(class="tabs-box")
+switch_tab("edid", "EDIDs collection", true)
table
tr
td(colspan="2")
select(id="switch-edid-selector" size="8")
td(rowspan="2" style="vertical-align:top")
table(class="kv")
tr
td Manufacturer:
td(id="switch-edid-info-mfc-id" class="value")
tr
td Product ID:
td(id="switch-edid-info-product-id" class="value")
tr
td Serial:
td(id="switch-edid-info-serial" class="value")
tr
td Monitor name:
td(id="switch-edid-info-monitor-name" class="value")
tr
td Extra serial:
td(id="switch-edid-info-monitor-serial" class="value")
tr
td Audio enabled:
td(id="switch-edid-info-audio" class="value")
tr
td Data:
td #[button(disabled id="switch-edid-copy-data-button" class="small") Copy]
tr
td #[button(id="switch-edid-add-button") Add new]
td(style="float:right") #[button(disabled id="switch-edid-remove-button") Remove]
+switch_tab("colors", "Color scheme")
table
//tr
td Role
td Color
td Brightness
td
td Reset
//tr
td #[hr]
td #[hr]
td #[hr]
td
td #[hr]
tr
td(style="white-space: nowrap") Selected port:
td #[input(type="color" id="switch-color-active-input")]
td #[input(type="range" id="switch-color-active-brightness-slider" style="min-width:150px")]
td    
td #[button(id="switch-color-active-default-button" class="small" title="Reset default") ↻]
tr
td(style="white-space: nowrap") Inactive port:
td #[input(type="color" id="switch-color-inactive-input")]
td #[input(type="range" id="switch-color-inactive-brightness-slider" style="min-width:150px")]
td    
td #[button(id="switch-color-inactive-default-button" class="small" title="Reset default") ↻]
tr
td(style="white-space: nowrap") Blinking beacon:
td #[input(type="color" id="switch-color-beacon-input")]
td #[input(type="range" id="switch-color-beacon-brightness-slider" style="min-width:150px")]
td    
td #[button(id="switch-color-beacon-default-button" class="small" title="Reset default") ↻]
tr
td #[hr]
td #[hr]
td #[hr]
td
td #[hr]
tr
td(style="white-space: nowrap") Flashing downlink:
td #[input(type="color" id="switch-color-flashing-input")]
td #[input(type="range" id="switch-color-flashing-brightness-slider" style="min-width:150px")]
td    
td #[button(id="switch-color-flashing-default-button" class="small" title="Reset default") ↻]
tr
td(style="white-space: nowrap") Bootloader mode:
td #[input(type="color" id="switch-color-bootloader-input")]
td #[input(type="range" id="switch-color-bootloader-brightness-slider" style="min-width:150px")]
td    
td #[button(id="switch-color-bootloader-default-button" class="small" title="Reset default") ↻]