diff --git a/wled00/data/index.htm b/wled00/data/index.htm
index e7ea5e75b..4d8cff08e 100644
--- a/wled00/data/index.htm
+++ b/wled00/data/index.htm
@@ -46,6 +46,12 @@ p {
color: #ddd;
}
+td {
+ text-align: center;
+ text-transform: uppercase;
+ font-size: 14px;
+}
+
button {
outline: none;
cursor: pointer;
@@ -86,6 +92,15 @@ button {
margin: -2px 0 4px 0;
}
+table {
+ table-layout: fixed;
+ width: 76%;
+}
+
+td {
+ text-align: center;
+}
+
.slider-icon
{
transform: translateY(2px);
@@ -432,8 +447,8 @@ input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
-.botpad {
- margin-bottom: 16px !important;
+.segn {
+ margin: 3px 0 6px 0 !important;
}
.ic {
@@ -470,11 +485,19 @@ input[type=number]::-webkit-outer-spin-button {
}
.cnf {
- position: absolute;
- top: 75px;
- right: 60px;
- color: #fff;
- cursor: pointer;
+ position: absolute;
+ top: 66px;
+ right: 28px;
+ color: #fff;
+ cursor: pointer;
+ background: #333;
+ padding: 43px 6px;
+ border-radius: 5px;
+}
+
+.half {
+ padding: 6px 6px;
+ top: 64px;
}
.del {
@@ -572,8 +595,13 @@ input[type=number]::-webkit-outer-spin-button {
.h {
font-size: 13px;
+ text-align: center;
color: #bbb;
- text-align: left;
+ margin-bottom: 5px;
+}
+
+.bp {
+ margin-bottom: 5px;
}
.seg {
@@ -734,8 +762,8 @@ input[type=number]::-webkit-outer-spin-button {
First preset:
Last preset:
- Time per preset: s
- Transition: s
+ Time per preset: s
+ Transition: s
@@ -864,9 +892,27 @@ function populateSegments(s)
- Start LED:
- Stop LED:
-
(${inst.stop - inst.start} LED${inst.stop - inst.start > 1 ? "s":""})
+
+
+
${inst.stop - inst.start} LED${inst.stop - inst.start > 1 ? "s":""} (${Math.ceil((inst.stop - inst.start)/(inst.grp + inst.spc))} virtual)
- Start LED:
- Stop LED:
-
(${ledCount - ns} LEDs)
-
+
+
${ledCount - ns} LEDs
+
`;
d.getElementById('segutil').innerHTML = cn;
@@ -1130,6 +1194,13 @@ function setSeg(s){
var stop = parseInt(d.getElementById(`seg${s}e`).value);
if (stop <= start) {delSeg(s); return;};
var obj = {"seg": {"id": s, "start": start, "stop": stop}};
+ if (d.getElementById(`seg${s}grp`))
+ {
+ var grp = parseInt(d.getElementById(`seg${s}grp`).value);
+ var spc = parseInt(d.getElementById(`seg${s}spc`).value);
+ obj.seg.grp = grp;
+ obj.seg.spc = spc;
+ }
requestJson(obj);
}