mirror of
https://git.mirrors.martin98.com/https://github.com/luc-github/ESP3D.git
synced 2025-07-03 12:55:12 +08:00
Save UI tests for printer management
to keep a sample
This commit is contained in:
luc
parent
7e9d430fd7
commit
10f1f9d68d
325
uitests/test.html
Normal file
325
uitests/test.html
Normal file
@ -0,0 +1,325 @@
|
||||
<HTML>
|
||||
<HEAD>
|
||||
<style>
|
||||
.btnimg {cursor:hand; border-radius:6px ;;border:1px solid #FFFFFF;}
|
||||
.btnimg:hover{background-color:#F0F0F0;border-color:#00FFFF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}
|
||||
</style>
|
||||
</HEAD>
|
||||
<BODY>
|
||||
0<INPUT id="rangeinput" name="rangeinput" type="range" min=0 max=270 onchange="Updatenumber();">270
|
||||
<INPUT id="numberinput" name="numberinput" type="number" min=0 max=270 step=1 value=0 onchange="Updaterange();">
|
||||
<INPUT type=submit value=Set>
|
||||
<SCRIPT >
|
||||
function Updatenumber()
|
||||
{
|
||||
numberinputvalue.value=rangeinputvalue.value;
|
||||
}
|
||||
function Updaterange()
|
||||
{
|
||||
rangeinputvalue.value=numberinputvalue.value;
|
||||
}
|
||||
var numberinputvalue=document.getElementById("numberinput");
|
||||
var rangeinputvalue=document.getElementById("rangeinput");
|
||||
Updaterange();
|
||||
</SCRIPT>
|
||||
|
||||
|
||||
<BR><BR>
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="black" />
|
||||
<rect x="10" y="10" width="7" height="20" rx="2" ry="2" style="fill:white;stroke-width:1;stroke:white" />
|
||||
<rect x="23" y="10" width="7" height="20" rx="2" ry="2" style="fill:white;stroke-width:1;stroke:white" />
|
||||
</svg>
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<rect x="5" y="5" width="10" height="30" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
<rect x="25" y="5" width="10" height="30" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
</svg>
|
||||
|
||||
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="black" />
|
||||
<rect x="10" y="10" width="20" height="20" rx="2" ry="2" fill="white" stroke-width:"1" stroke:"white" />
|
||||
</svg>
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<rect x="10" y="10" width="20" height="20" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
</svg>
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="white" />
|
||||
<polygon points="15,10 30,20 15,30" fill:"white" stroke:"white" stroke-width:"1" />
|
||||
</svg>
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="black" />
|
||||
<polygon points="15,10 30,20 15,30" fill="white" stroke-width:"1" stroke:"white" />
|
||||
</svg>
|
||||
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<polygon points="5,5 35,20 5,35" style="fill:fill:rgb(0,0,0);stroke:fill:rgb(0,0,0);stroke-width:1" />
|
||||
</svg>
|
||||
|
||||
|
||||
<BR><BR><BR><BR><BR>
|
||||
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="white" />
|
||||
<polygon points="15,10 30,20 15,30" fill:"white" stroke:"white" stroke-width:"1" />
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="white" />
|
||||
<rect x="10" y="10" width="7" height="20" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
<rect x="23" y="10" width="7" height="20" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="white" />
|
||||
<rect x="10" y="10" width="20" height="20" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<rect x="5" y="10" width="30" height="20" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
<rect x="20" y="5" width="15" height="15" rx="2" ry="2" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0)" />
|
||||
<text x="10" y="25" font-family="Verdana" font-size="14" fill="white">SD</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD>
|
||||
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<circle cx="20" cy="20" r="18" stroke="black" stroke-width="2" fill="red" />
|
||||
<circle cx="20" cy="20" r="10" stroke="black" stroke-width="4" fill="red" />
|
||||
<rect x="15" y="8" width="10" height="10" style="fill:red;stroke-width:1;stroke:red" />
|
||||
<rect x="18" y="6" rx="1" ry="1" width="4" height="14" style="fill:black;stroke-width:1;stroke:black" />
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
<TABLE>
|
||||
<TR align="center" valign="middle">
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<polygon points="7,40 7,25 4,28 0,24 20,4 26,10 26,6 32,6 32,16 40,24 36,28 33,25 33,40" fill="black" stroke-width:"1" stroke:"black" />
|
||||
<line x1="25" y1="8" x2="33" y2="16" style="stroke:white;stroke-width:1" />
|
||||
<polyline points="4,28 20,12 36,28" style="fill:none;stroke:white;stroke-width:1" />
|
||||
<text x="15" y="35" font-family="Verdana" font-size="14" fill="white">X</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 0 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:7"/>
|
||||
<text x="15" y="20" font-family="Verdana" font-size="7" fill="black">10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 2 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:5"/>
|
||||
<text x="17" y="20" font-family="Verdana" font-size="7" fill="black">1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 4 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:2"/>
|
||||
<text x="14" y="20" font-family="Verdana" font-size="7" fill="black">0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<polygon points="7,40 7,25 4,28 0,24 20,4 26,10 26,6 32,6 32,16 40,24 36,28 33,25 33,40" fill="blue" stroke-width:"1" stroke:"black" />
|
||||
<line x1="25" y1="8" x2="33" y2="16" style="stroke:white;stroke-width:1" />
|
||||
<polyline points="4,28 20,12 36,28" style="fill:none;stroke:white;stroke-width:1" />
|
||||
<text x="15" y="35" font-family="Verdana" font-size="14" fill="white">Y</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD>
|
||||
</TD>
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 0 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:7"/>
|
||||
<text x="14" y="20" font-family="Verdana" font-size="7" fill="black">-10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 2 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:5"/>
|
||||
<text x="15" y="20" font-family="Verdana" font-size="7" fill="black">-1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 4 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:2"/>
|
||||
<text x="12" y="20" font-family="Verdana" font-size="7" fill="black">-0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR align="center" valign="middle">
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="12 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:7" transform="rotate(-90 20 10)"/>
|
||||
<text x="20" y="13" font-family="Verdana" font-size="7" fill="black">-10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="10 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:5" transform="rotate(-90 20 10)"/>
|
||||
<text x="21" y="13" font-family="Verdana" font-size="7" fill="black">-1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="14 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:2" transform="rotate(-90 20 10)"/>
|
||||
<text x="19" y="13" font-family="Verdana" font-size="7" fill="black">-0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
<TD>
|
||||
</TD>
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="6 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:3" transform="rotate(90 20 10)"/>
|
||||
<text x="7" y="13" font-family="Verdana" font-size="7" fill="black">0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="8 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:5" transform="rotate(90 20 10)"/>
|
||||
<text x="11" y="13" font-family="Verdana" font-size="7" fill="black">1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="20" height="40" viewBox="8 -10 20 40">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:blue;stroke-width:7" transform="rotate(90 20 10)"/>
|
||||
<text x="7" y="13" font-size="7" fill="black">10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
<TD>
|
||||
</TD>
|
||||
<TD >
|
||||
<svg width="20" height="20" viewBox="0 0 20 20">
|
||||
<text x="1" y="18" font-family="Verdana" font-size="22" fill="green">Z</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR align="center" valign="middle">
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<polygon points="7,40 7,25 4,28 0,24 20,4 26,10 26,6 32,6 32,16 40,24 36,28 33,25 33,40" fill="purple" stroke-width:"1" stroke:"black" />
|
||||
<line x1="25" y1="8" x2="33" y2="16" style="stroke:white;stroke-width:1" />
|
||||
<polyline points="4,28 20,12 36,28" style="fill:none;stroke:white;stroke-width:1" />
|
||||
</svg>
|
||||
</TD>
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 -4 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:3" transform="rotate(180 20 10)"/>
|
||||
<text x="13" y="6" font-family="Verdana" font-size="7" fill="black">-0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 -2 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:5" transform="rotate(180 20 10)"/>
|
||||
<text x="16" y="7" font-family="Verdana" font-size="7" fill="black">-1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 0 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:black;stroke-width:7" transform="rotate(180 20 10)"/>
|
||||
<text x="13" y="6" font-family="Verdana" font-size="7" fill="black">-10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40">
|
||||
<polygon points="7,40 7,25 4,28 0,24 20,4 26,10 26,6 32,6 32,16 40,24 36,28 33,25 33,40" fill="green" stroke-width:"1" stroke:"black" />
|
||||
<line x1="25" y1="8" x2="33" y2="16" style="stroke:white;stroke-width:1" />
|
||||
<polyline points="4,28 20,12 36,28" style="fill:none;stroke:white;stroke-width:1" />
|
||||
<text x="15" y="35" font-family="Verdana" font-size="14" fill="white">Z</text>
|
||||
</svg>
|
||||
</TD>
|
||||
<TD>
|
||||
</TD>
|
||||
<TD>
|
||||
<TABLE>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 -4 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:3" transform="rotate(180 20 10)"/>
|
||||
<text x="14" y="6" font-family="Verdana" font-size="7" fill="black">0.1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 -2 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:5" transform="rotate(180 20 10)"/>
|
||||
<text x="18" y="7" font-family="Verdana" font-size="7" fill="black">1</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD class="btnimg">
|
||||
<svg width="40" height="20" viewBox="0 0 40 20">
|
||||
<polyline points="5,18 20,5 35,18" style="fill:none;stroke:green;stroke-width:7" transform="rotate(180 20 10)"/>
|
||||
<text x="15" y="6" font-family="Verdana" font-size="7" fill="black">10</text>
|
||||
</svg>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
Loading…
x
Reference in New Issue
Block a user