1
0
Fork 0
fgdata/webgui/widgets/radiostack.html

49 lines
1 KiB
HTML
Raw Normal View History

2015-02-22 20:40:30 +00:00
<style>
.phi-widget {
border: 3px ridge silver;
}
.phi-radiostack {
font-family: "Liberation Mono";
font-size: 11px;
color: silver;
background-color: #101010;
padding: 4px;
}
.phi-radiostack input {
font-family: "Liberation Mono";
}
.phi-radiostack span {
width: 3.5em;
display: inline-block;
padding-left: 0.5em;
}
.phi-radiostack input {
background-color: #404040;
color: red;
font-weight: bold;
2015-02-22 20:40:30 +00:00
border: 2px inset silver;
width: 8ex;
display: inline-block;
2015-02-22 20:40:30 +00:00
}
.phi-radiostack button {
background-color: white;
color: black;
border: 2px outset gray;
padding: 1px 2px 4px 2px;
}
</style>
2015-01-25 12:02:20 +00:00
<div class="phi-radiostack" data-bind="foreach: radios">
<div class="phi-radio">
<span data-bind="text: label"></span>
<input data-bind="value: use, attr: { title: stn }, tooltip: {}, event: { blur: onUseBlur, keyup: onUseKey }"/>
2015-01-25 12:02:20 +00:00
<button data-bind="click: swap">&harr;</button>
<input data-bind="value: stby, event: { blur: onStbyBlur, keyup: onStbyKey }"/>
2015-01-25 12:02:20 +00:00
</div>
</div>