openwebrx-clone/owrx/form/__init__.py

316 lines
10 KiB
Python
Raw Normal View History

2020-03-29 18:14:34 +00:00
from abc import ABC, abstractmethod
from owrx.modes import Modes
from owrx.config import Config
2021-02-08 19:30:12 +00:00
from owrx.form.converter import Converter, NullConverter, IntConverter, FloatConverter, EnumConverter
from enum import Enum
2020-03-29 18:14:34 +00:00
class Input(ABC):
2021-02-22 22:49:28 +00:00
def __init__(self, id, label, infotext=None, converter: Converter = None, disabled=False, removable=False):
2020-03-29 18:14:34 +00:00
self.id = id
self.label = label
self.infotext = infotext
self.converter = self.defaultConverter() if converter is None else converter
2021-02-22 22:49:28 +00:00
self.disabled = disabled
self.removable = removable
def setDisabled(self, disabled=True):
self.disabled = disabled
def setRemovable(self, removable=True):
self.removable = removable
def defaultConverter(self):
return NullConverter()
2020-03-29 18:14:34 +00:00
def bootstrap_decorate(self, input):
2021-01-20 16:01:46 +00:00
infotext = "<small>{text}</small>".format(text=self.infotext) if self.infotext else ""
2020-03-29 18:14:34 +00:00
return """
2021-02-22 22:49:28 +00:00
<div class="form-group row" data-field="{id}">
2020-03-29 18:14:34 +00:00
<label class="col-form-label col-form-label-sm col-3" for="{id}">{label}</label>
2021-02-22 22:49:28 +00:00
<div class="col-9 p-0 removable-group {removable}">
2021-02-22 22:52:57 +00:00
<div class="removable-item">
2021-02-22 22:49:28 +00:00
{input}
{infotext}
</div>
{removebutton}
2020-03-29 18:14:34 +00:00
</div>
</div>
""".format(
2021-02-22 22:49:28 +00:00
id=self.id,
label=self.label,
input=input,
infotext=infotext,
removable="removable" if self.removable else "",
removebutton='<button class="btn btn-sm btn-danger option-remove-button">Remove</button>'
if self.removable
else "",
2020-03-29 18:14:34 +00:00
)
def input_classes(self):
return " ".join(["form-control", "form-control-sm"])
2021-02-22 22:49:28 +00:00
def input_properties(self, value):
props = {
"class": self.input_classes(),
"id": self.id,
"name": self.id,
"placeholder": self.label,
"value": value,
}
if self.disabled:
props["disabled"] = "disabled"
return props
def render_input_properties(self, value):
return " ".join('{}="{}"'.format(prop, value) for prop, value in self.input_properties(value).items())
2020-03-29 18:14:34 +00:00
def render_input(self, value):
2021-02-22 22:49:28 +00:00
return "<input {properties} />".format(properties=self.render_input_properties(value))
2020-03-29 18:14:34 +00:00
def render(self, config):
2021-02-07 22:15:57 +00:00
value = config[self.id] if self.id in config else None
return self.bootstrap_decorate(self.render_input(self.converter.convert_to_form(value)))
2020-03-29 18:14:34 +00:00
def parse(self, data):
return {self.id: self.converter.convert_from_form(data[self.id][0])} if self.id in data else {}
2020-03-29 18:14:34 +00:00
2021-02-22 22:49:28 +00:00
def getLabel(self):
return self.label
2020-03-29 18:14:34 +00:00
class TextInput(Input):
2021-02-22 22:49:28 +00:00
def input_properties(self, value):
props = super().input_properties(value)
props["type"] = "text"
return props
2020-03-29 18:14:34 +00:00
class NumberInput(Input):
def __init__(self, id, label, infotext=None, append="", converter: Converter = None):
super().__init__(id, label, infotext, converter=converter)
2020-03-29 18:49:37 +00:00
self.step = None
self.append = append
2020-03-29 18:49:37 +00:00
def defaultConverter(self):
return IntConverter()
2021-02-22 22:49:28 +00:00
def input_properties(self, value):
props = super().input_properties(value)
props["type"] = "number"
if self.step:
props["step"] = self.step
return props
2020-03-29 18:14:34 +00:00
def render_input(self, value):
if self.append:
append = """
<div class="input-group-append">
<span class="input-group-text">{append}</span>
</div>
""".format(
append=self.append
)
else:
append = ""
2020-03-29 18:14:34 +00:00
return """
<div class="input-group input-group-sm">
2021-02-22 22:49:28 +00:00
{input}
{append}
</div>
2020-03-29 18:14:34 +00:00
""".format(
2021-02-22 22:49:28 +00:00
input=super().render_input(value),
append=append,
2020-03-29 18:14:34 +00:00
)
2020-03-29 18:14:34 +00:00
class FloatInput(NumberInput):
def __init__(self, id, label, infotext=None, converter: Converter = None):
super().__init__(id, label, infotext, converter=converter)
2020-03-29 18:49:37 +00:00
self.step = "any"
def defaultConverter(self):
return FloatConverter()
2020-03-29 18:14:34 +00:00
class LocationInput(Input):
def render_input(self, value):
2020-03-29 18:49:37 +00:00
return """
<div class="row">
{inputs}
</div>
<div class="row">
<div class="col map-input" data-key="{key}" for="{id}"></div>
</div>
2020-03-29 18:49:37 +00:00
""".format(
id=self.id,
inputs="".join(self.render_sub_input(value, id) for id in ["lat", "lon"]),
key=Config.get()["google_maps_api_key"],
2020-03-29 18:49:37 +00:00
)
def render_sub_input(self, value, id):
return """
<div class="col">
2021-02-22 22:49:28 +00:00
<input type="number" class="{classes}" id="{id}" name="{id}" placeholder="{label}" value="{value}"
step="any" {disabled}>
2020-03-29 18:49:37 +00:00
</div>
""".format(
id="{0}-{1}".format(self.id, id),
label=self.label,
classes=self.input_classes(),
value=value[id],
2021-02-22 22:49:28 +00:00
disabled="disabled" if self.disabled else "",
2020-03-29 18:49:37 +00:00
)
def parse(self, data):
2021-01-20 16:01:46 +00:00
return {self.id: {k: float(data["{0}-{1}".format(self.id, k)][0]) for k in ["lat", "lon"]}}
2020-03-29 18:14:34 +00:00
class TextAreaInput(Input):
def render_input(self, value):
return """
2021-02-22 22:49:28 +00:00
<textarea class="{classes}" id="{id}" name="{id}" style="height:200px;" {disabled}>{value}</textarea>
2020-03-29 18:14:34 +00:00
""".format(
2021-02-22 22:49:28 +00:00
id=self.id, classes=self.input_classes(), value=value, disabled="disabled" if self.disabled else ""
2020-03-29 18:14:34 +00:00
)
class CheckboxInput(Input):
def __init__(self, id, checkboxText, infotext=None, converter: Converter = None):
super().__init__(id, "", infotext=infotext, converter=converter)
2020-03-29 18:14:34 +00:00
self.checkboxText = checkboxText
def render_input(self, value):
return """
2021-02-22 22:49:28 +00:00
<div class="{classes}">
<input type="hidden" name="{id}" value="0" {disabled}>
<input class="form-check-input" type="checkbox" id="{id}" name="{id}" value="1" {checked} {disabled}>
2021-02-22 22:49:28 +00:00
<label class="form-check-label" for="{id}">
{checkboxText}
</label>
</div>
2020-03-29 18:14:34 +00:00
""".format(
id=self.id,
classes=self.input_classes(),
checked="checked" if value else "",
2021-02-22 22:49:28 +00:00
disabled="disabled" if self.disabled else "",
2020-03-29 18:14:34 +00:00
checkboxText=self.checkboxText,
)
def input_classes(self):
return " ".join(["form-check", "form-control-sm"])
def parse(self, data):
if self.id in data:
return {self.id: self.converter.convert_from_form("1" in data[self.id])}
return {}
2020-03-29 18:14:34 +00:00
2021-02-22 22:49:28 +00:00
def getLabel(self):
return self.checkboxText
2020-03-29 18:14:34 +00:00
class Option(object):
# used for both MultiCheckboxInput and DropdownInput
def __init__(self, value, text):
self.value = value
self.text = text
class MultiCheckboxInput(Input):
def __init__(self, id, label, options, infotext=None):
super().__init__(id, label, infotext=infotext)
self.options = options
def render_input(self, value):
return "".join(self.render_checkbox(o, value) for o in self.options)
def checkbox_id(self, option):
return "{0}-{1}".format(self.id, option.value)
def render_checkbox(self, option, value):
return """
<div class="{classes}">
2021-02-22 22:49:28 +00:00
<input class="form-check-input" type="checkbox" id="{id}" name="{id}" {checked} {disabled}>
2020-03-29 18:14:34 +00:00
<label class="form-check-label" for="{id}">
{checkboxText}
</label>
</div>
""".format(
id=self.checkbox_id(option),
classes=self.input_classes(),
checked="checked" if option.value in value else "",
checkboxText=option.text,
2021-02-22 22:49:28 +00:00
disabled="disabled" if self.disabled else "",
2020-03-29 18:14:34 +00:00
)
def parse(self, data):
def in_response(option):
boxid = self.checkbox_id(option)
return boxid in data and data[boxid][0] == "on"
return {self.id: [o.value for o in self.options if in_response(o)]}
def input_classes(self):
return " ".join(["form-check", "form-control-sm"])
class ServicesCheckboxInput(MultiCheckboxInput):
def __init__(self, id, label, infotext=None):
2021-01-20 16:01:46 +00:00
services = [Option(s.modulation, s.name) for s in Modes.getAvailableServices()]
2020-03-29 18:14:34 +00:00
super().__init__(id, label, services, infotext)
2020-04-25 15:33:30 +00:00
class Js8ProfileCheckboxInput(MultiCheckboxInput):
def __init__(self, id, label, infotext=None):
profiles = [
Option("normal", "Normal (15s, 50Hz, ~16WPM)"),
Option("slow", "Slow (30s, 25Hz, ~8WPM"),
Option("fast", "Fast (10s, 80Hz, ~24WPM"),
Option("turbo", "Turbo (6s, 160Hz, ~40WPM"),
]
super().__init__(id, label, profiles, infotext)
2020-03-29 18:14:34 +00:00
class DropdownInput(Input):
def __init__(self, id, label, options, infotext=None, converter: Converter = None):
try:
isEnum = issubclass(options, DropdownEnum)
except TypeError:
isEnum = False
if isEnum:
self.options = [o.toOption() for o in options]
if converter is None:
converter = EnumConverter(options)
else:
self.options = options
super().__init__(id, label, infotext=infotext, converter=converter)
2020-03-29 18:14:34 +00:00
def render_input(self, value):
return """
2021-02-22 22:49:28 +00:00
<select class="{classes}" id="{id}" name="{id}" {disabled}>{options}</select>
2020-03-29 18:14:34 +00:00
""".format(
2021-02-22 22:49:28 +00:00
classes=self.input_classes(),
id=self.id,
options=self.render_options(value),
disabled="disabled" if self.disabled else "",
2020-03-29 18:14:34 +00:00
)
def render_options(self, value):
options = [
"""
<option value="{value}" {selected}>{text}</option>
""".format(
text=o.text,
value=o.value,
selected="selected" if o.value == value else "",
)
for o in self.options
]
return "".join(options)
class DropdownEnum(Enum):
def toOption(self):
return Option(self.name, str(self))