New UI for Add G
This commit is contained in:
AlexBond
parent
cb747a5ae9
commit
dac7d90b21
1 changed files with 180 additions and 32 deletions
|
|
@ -15,8 +15,9 @@
|
|||
font: 18px/1.385 Verdana;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline-color: #00e8ff;
|
||||
*:focus, *:active {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
|
@ -26,43 +27,80 @@
|
|||
}
|
||||
|
||||
button, input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid black;
|
||||
box-shadow: 0 0 1px 1px #00aaff;
|
||||
background: #1c1c1c;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
button:not(.sign-button) {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
box-shadow: 0 0 1px 1px white;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type="range"] {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
margin: 4px 0px;
|
||||
background: transparent;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input::-webkit-slider-thumb {
|
||||
input[type="text"] {
|
||||
box-sizing: border-box;
|
||||
height: 30px;
|
||||
border: 1px solid #505350;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(
|
||||
#010501 0%,
|
||||
#120F0E 10%,
|
||||
#252525 100%
|
||||
);
|
||||
height: 30px;
|
||||
width: 70px;
|
||||
color: white;
|
||||
font-family: "Bebas Neue", "Trebuchet MS", Verdana, sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
height: 8px;
|
||||
background: black;
|
||||
background-image: url('data:image/svg+xml;utf8,<svg width="52" height="20" viewBox="0 0 52 20" xmlns="http://www.w3.org/2000/svg"><rect x="10" width="50" height="20" fill="black"/><rect x="15" width="2" height="20" fill="%233C3C3D"/></svg>');
|
||||
background-repeat: repeat;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
input[type="range"]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background: #00aaff;
|
||||
height: 16px;
|
||||
margin-top: -4px;
|
||||
border: 1px solid #41DAE5;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(
|
||||
-35deg,
|
||||
#0082C3 45%,
|
||||
#23A4E5 55%,
|
||||
#1196D6 70%,
|
||||
#0082C3 100%
|
||||
);
|
||||
box-shadow:
|
||||
inset 0 0 8px rgba(255,255,255,0.6),
|
||||
0 0 8px rgba(65, 218, 229, 0.8);
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 12px 0px;
|
||||
border-spacing: 4px;
|
||||
border-spacing: 16px;
|
||||
border: 1px solid #383838;
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 8px #383838;
|
||||
}
|
||||
|
||||
div.content {
|
||||
|
|
@ -94,6 +132,76 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 8px 40px 6px 40px;
|
||||
font: normal 23px / 20px "Bebas Neue", "Trebuchet MS", Verdana, sans-serif;
|
||||
color: white;
|
||||
border: 2px solid #1ac04c;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
text-shadow: 1px 1px 2px black;
|
||||
text-transform: uppercase;
|
||||
background: linear-gradient(337deg, #087A10 49%, #299F2C 51%, #0D7D16 70%, #087A10 100%);
|
||||
box-shadow: inset 0 0 8px #39cb42, 0 0 4px #39cb42;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
box-shadow: inset 0 0 8px #03ff0d, 0 0 4px #08cf10;
|
||||
background: linear-gradient(337deg, #009E08 49%, #30DF39 51%, #24992b 70%, #009E08 100%);
|
||||
}
|
||||
button.sign-button, button.close-button{
|
||||
border: 1px solid #4CF4F6;
|
||||
background: linear-gradient(337deg, #0082C3 49%, #29A6E7 51%, #007CB8 70%, #0082C3 100%);
|
||||
box-shadow: inset 0 0 8px #32B5F5, 0 0 4px #32B5F5;
|
||||
}
|
||||
button.sign-button{
|
||||
font-size: 32px;
|
||||
line-height: 16px;
|
||||
vertical-align: middle;
|
||||
width: 32px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
background: linear-gradient(337deg, #0082C3 49%, #29A6E7 51%, #007CB8 70%, #0082C3 100%);
|
||||
box-shadow: inset 0 0 8px #32B5F5;
|
||||
}
|
||||
button.sign-button:hover{
|
||||
box-shadow: inset 0 0 8px #00f0ff;
|
||||
background: linear-gradient(337deg, #299ED9 49%, #4DC5FF 51%, #2f98cd 70%, #299ED9 100%);
|
||||
}
|
||||
button.close-button:hover {
|
||||
box-shadow: inset 0 0 8px #00f0ff, 0 0 4px #26BFFA;
|
||||
background: linear-gradient(337deg, #299ED9 49%, #4DC5FF 51%, #2f98cd 70%, #299ED9 100%);
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.g {
|
||||
color: #00090e;
|
||||
font: bold 18px / 1 Arial;
|
||||
text-shadow: 1px 2px 1px #00B2FE;
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background: linear-gradient(
|
||||
-35deg,
|
||||
#007FFF 45%,
|
||||
#03C2F7 54%,
|
||||
#00B2FE 70%,
|
||||
#007FFF 100%
|
||||
);
|
||||
border: 1px solid #00B2FE;
|
||||
border-radius: 50%;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.es {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -102,39 +210,77 @@
|
|||
<p>Select the amount of Eternity Splinters to convert to G.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<th style="width: 70px;">ES</th>
|
||||
<th style="width: 28px;"></th>
|
||||
<th></th>
|
||||
<th style="width: 28px;"></th>
|
||||
<th style="width: 70px;">G</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="text" value="0" id="es-text-input" onchange="setES(this.value)" /></td>
|
||||
<td><button onclick="adjustES(-requestContext.conversionStep)" class="sign-button">-</button></td>
|
||||
<td style="width:128px; text-align: right;">
|
||||
<div class="es">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="35" viewBox="0 0 128 96">
|
||||
<g id="x0020_1">
|
||||
<path fill="#B9E4F3" d="M18.892 4.95799c0,0 1.92643,0 1.92643,0 0,0 14.4484,11.3178 14.4484,11.3178 0,0 16.6156,16.6156 16.6156,16.6156 0,0 4.57513,-7.2242 4.57513,-7.2242 0,0 16.3748,-6.50156 16.3748,-6.50156 0,0 -2.40794,1.20378 -2.40794,1.20378 -3.41292,2.75604 -6.9449,5.40511 -10.5955,7.94647 -2.10936,2.26923 -3.94206,4.54073 -5.68555,7.08776 -2.26092,-2.51226 -2.26092,-2.51226 -2.26092,-2.51226 0,0 3.6121,10.1137 3.6121,10.1137 -6.24379,-7.20757 -12.6652,-14.2711 -19.2643,-21.1907 -5.04001,-5.28077 -10.1772,-10.4984 -15.4118,-15.6522 0,0 -0.963026,0 -0.963026,0 3.93525,7.31113 7.78811,14.6155 11.5586,21.913 0,0 -0.963403,5.77929 -0.963403,5.77929 0,0 -8.42799,-15.8929 -8.42799,-15.8929 0,0 -3.13059,-13.0035 -3.13059,-13.0035z"></path>
|
||||
<path fill="#6DAAD5" d="M36.2302 21.8143c0,0 -4.81626,6.2608 -4.81626,6.2608 -3.77046,-7.29753 -7.62332,-14.6019 -11.5586,-21.913 0,0 0.963026,0 0.963026,0 5.23466,5.15377 10.3718,10.3714 15.4118,15.6522z"></path>
|
||||
<path fill="#8AC8E4" d="M36.2302 21.8143c6.59907,6.91957 13.0205,13.9831 19.2643,21.1907 0,0 5.77929,22.1541 5.77929,22.1541 0,0 -4.81626,-9.15063 -4.81626,-9.15063 -1.19622,-4.64505 -3.6121,-13.9665 -3.6121,-13.9665 0,0 -2.40794,-3.37135 -2.40794,-3.37135 0,0 -19.0235,-10.5955 -19.0235,-10.5955 0,0 4.81626,-6.2608 4.81626,-6.2608z"></path>
|
||||
<path fill="#B3D9ED" d="M58.384 40.1156c4.88203,-6.89727 9.69829,-13.8807 14.4484,-20.95 -0.0283465,0.0139843 0.481513,0 0.481513,0 -2.00693,5.3779 -4.01311,10.7558 -6.02004,16.1337 -1.41166,2.29607 -3.57884,5.58691 -5.53853,7.46496 -0.677293,-0.465261 -3.37135,-2.6487 -3.37135,-2.6487z"></path>
|
||||
<path fill="#89C8E4" d="M58.384 40.1156c0,0 -4.24064,-4.71195 -4.24064,-4.71195 1.7435,-2.54703 3.5762,-4.81853 5.68555,-7.08776 3.65065,-2.54136 7.18263,-5.19044 10.5955,-7.94647 0,0 2.40794,-1.20378 2.40794,-1.20378 -4.75012,7.06924 -9.56638,14.0527 -14.4484,20.95z"></path>
|
||||
<path fill="#E5F8F9" d="M31.414 28.0751c0,0 19.0235,10.5955 19.0235,10.5955 0,0 2.40794,3.37135 2.40794,3.37135 0,0 3.6121,13.9665 3.6121,13.9665 0,0 -25.2549,-27.9648 -25.0436,-27.9334z"></path>
|
||||
<path fill="#E3F2F9" d="M58.384 40.1156c0,0 4.33437,9.63214 4.33437,9.63214 -0.0377953,-0.0102047 -4.81588,-3.85286 -4.81588,-3.85286 0,0 -2.40794,-2.88983 -2.40794,-2.88983 0,0 -3.6121,-10.1137 -3.6121,-10.1137 0,0 1.02728,1.1418 2.26545,2.51717 1.87616,2.08479 4.2361,4.70703 4.2361,4.70703z"></path>
|
||||
<path fill="#4785CB" d="M81.983 44.9315c0,0 -5.22672,7.59309 -5.22672,7.59309 0,-0.000377953 -5.80461,-0.576001 -5.80461,-0.576001 0,0 -1.97216,-2.92309 -1.97216,-2.92309 4.34458,-1.37197 8.67895,-2.73638 13.0035,-4.09399z"></path>
|
||||
<path fill="#E3F0F8" d="M41.5276 44.45c0,0 10.1137,9.8729 10.1137,9.8729 0,0 -4.33437,2.16719 -4.33437,2.16719 0,0 -5.77929,-12.0401 -5.77929,-12.0401z"></path>
|
||||
<path fill="#B8E5F4" d="M58.384 40.1156c0,0 3.37135,2.6487 3.37135,2.6487 0,0 21.7214,0.985325 21.7214,0.985325 0,0 -1.49367,1.18186 -1.49367,1.18186 -4.32454,1.35761 -8.65891,2.72202 -13.0035,4.09399 0,0 1.97216,2.92309 1.97216,2.92309 0,0 2.8441,3.09695 2.8441,3.09695 0,0 8.66043,9.55844 8.66043,9.55844 0,0 2.19024,3.14344 2.19024,3.14344 0,0 4.80152,4.63598 4.80152,4.63598 0,0 7.99031,16.5521 7.99031,16.5521 0,0 -10.6394,-16.3113 -10.6394,-16.3113 -7.97633,-7.73709 -16.0033,-15.3631 -24.0806,-22.8764 0,0 -4.33437,-9.63214 -4.33437,-9.63214z"></path>
|
||||
<path fill="#4784CD" d="M55.4945 43.0051c0,0 2.40794,2.88983 2.40794,2.88983 6.57034,8.98093 13.152,17.9713 19.7458,26.97 0.718112,2.71257 1.36063,5.44177 1.92681,8.18761 0,0.641765 -0.152693,1.17468 -0.152693,1.17468 0,0 -2.73714,-2.13808 -2.73714,-2.13808 0,0 -5.25771,-4.88543 -5.25771,-4.88543 0,0 -2.448,-2.33878 -2.448,-2.33878 0,0 -7.70572,-7.70572 -7.70572,-7.70572 0,0 -5.77929,-22.1541 -5.77929,-22.1541z"></path>
|
||||
<path fill="#8EC8E3" d="M26.1162 47.8213c0,0 -0.481513,6.2608 -0.481513,6.2608 0,0 -17.8198,5.53853 -17.8198,5.53853 0,0 -1.92643,-0.240756 -1.92643,-0.240756 0,0 20.2277,-11.5586 20.2277,-11.5586z"></path>
|
||||
<path fill="#87C7E6" d="M57.9025 45.8949c0,0 4.81588,3.85286 4.81588,3.85286 8.07724,7.51334 16.1042,15.1393 24.0806,22.8764 0,0 -9.15063,0.240756 -9.15063,0.240756 -6.59378,-8.99869 -13.1755,-17.9891 -19.7458,-26.97z"></path>
|
||||
<path fill="#DCECF4" d="M25.6347 54.0821c0,0 9.15063,0.481513 9.15063,0.481513 0,0 -7.2242,1.68567 -7.2242,1.68567 0,0 0,0 0,0 -6.04915,1.74879 -12.3103,4.31774 -18.3013,6.26118 0,0 -7.2242,0.240756 -7.2242,0.240756 0,0 -0.939214,-0.857954 -0.939214,-0.857954 0,0 4.79207,-2.51339 4.79207,-2.51339 0,0 1.92643,0.240756 1.92643,0.240756 0,0 17.8198,-5.53853 17.8198,-5.53853z"></path>
|
||||
<path fill="#68A3D1" d="M81.983 44.9315c0,0 1.42148,-1.17014 1.49367,-1.18186 0.0472442,0.0207874 9.99725,5.53891 9.99725,5.53891 0,0 -9.56449,4.07132 -9.56449,4.07132 0,0 22.6356,2.6487 22.6356,2.6487 0,0 -2.40832,2.88983 -2.40832,2.88983 0,0 -30.341,-3.85286 -30.341,-3.85286 0,0 -2.8441,-3.09695 -2.8441,-3.09695 0,0 5.73355,0.447497 5.73355,0.447875 0,0 5.33708,-7.51976 5.29777,-7.46496z"></path>
|
||||
<path fill="#3670BF" d="M51.6413 54.3229c0,0 4.18508,4.30527 4.18508,4.30527 0,0 -8.51945,-2.13808 -8.51945,-2.13808 0,0 4.33437,-2.16719 4.33437,-2.16719z"></path>
|
||||
<path fill="#83BDE0" d="M34.7853 54.5636c0,0 -3.37135,3.37135 -3.37135,3.37135 0,0 -3.85286,-1.68567 -3.85286,-1.68567 0,0 7.2242,-1.68567 7.2242,-1.68567z"></path>
|
||||
<path fill="#2D69C0" d="M73.7958 55.0455c0,0 30.341,3.85286 30.341,3.85286 0,0 -0.645545,11.9025 -0.645545,11.9025 0,0 -21.035,-6.19693 -21.035,-6.19693 0,0 -8.66043,-9.55844 -8.66043,-9.55844z"></path>
|
||||
<path fill="#6BADD7" d="M47.3069 56.4901c0,0 8.18761,1.92681 8.18761,1.92681 0,0 0.240756,8.18723 0.240756,8.18723 -2.16416,5.61677 -4.25084,11.2354 -6.26118,16.8563 0,0 -7.94647,0.963026 -7.94647,0.963026 0,0 5.77929,-27.9334 5.77929,-27.9334z"></path>
|
||||
<path fill="#A1CEE7" d="M47.3069 56.4901c0,0 -8.18723,11.5586 -8.18723,11.5586 -0.74986,-1.99975 -1.392,-4.08681 -1.92643,-6.26042 0,0 5.2974,-3.61248 5.2974,-3.61248 0,0 4.81626,-1.68567 4.81626,-1.68567z"></path>
|
||||
<path fill="#E5F2F8" d="M47.3069 56.4901c0,0 -5.89607,28.108 -5.77929,27.9334 -0.662175,-5.47957 -1.46495,-10.938 -2.40794,-16.3748 0,0 8.18723,-11.5586 8.18723,-11.5586z"></path>
|
||||
<path fill="#B5E0F2" d="M106.545 56.0086c6.38174,3.81091 12.161,8.54666 18.3013,12.7627 0,0 0,0 0,0 -6.95661,-3.25153 -13.8599,-6.54238 -20.7096,-9.8729 0,0 2.40832,-2.88983 2.40832,-2.88983z"></path>
|
||||
<path fill="#4583CA" d="M104.137 58.8984c6.84965,3.33053 13.753,6.62137 20.7096,9.8729 -5.71012,0.493607 -12.3496,1.71591 -18.0605,2.6487 -1.32926,-0.0702994 -2.53342,-0.39156 -3.6121,-0.963026 0,0 0.963026,-11.5586 0.963026,-11.5586z"></path>
|
||||
<path fill="#A2CFE9" d="M31.414 28.0751c3.94243,4.68965 25.0436,27.9334 25.0436,27.9334 0,0 4.81626,9.15063 4.81626,9.15063 -2.99339,6.78956 -6.12398,13.5322 -9.39139,20.2277 -3.87251,4.11138 -7.64487,8.2855 -11.3178,12.522 -0.481891,0 -0.963403,0 -1.44492,0 -1.21663,-2.36712 -2.34067,-4.77544 -3.37135,-7.2242 2.25374,-1.7726 4.18017,-3.85966 5.77929,-6.26118 0,0 7.94647,-0.963026 7.94647,-0.963026 2.01033,-5.62092 4.09702,-11.2396 6.26118,-16.8563 -0.0461103,0.119433 -0.240756,-8.18723 -0.240756,-8.18723 0,0 -3.85324,-4.09399 -3.85324,-4.09399 0,0 -10.1137,-9.8729 -10.1137,-9.8729 0,0 -0.48378,-0.265323 -0.48378,-0.265323 0,0 -4.14917,-3.94546 -4.14917,-3.94546 0,0 -6.44411,-6.38477 -6.44411,-6.38477 0,0 0.963403,-5.77929 0.963403,-5.77929z"></path>
|
||||
<path fill="#8CC8E4" d="M41.0439 44.1847c0,0 0.48378,0.265323 0.48378,0.265323 0,0 5.77929,12.0401 5.77929,12.0401 0,0 -4.81626,1.68567 -4.81626,1.68567 0,0 -5.2974,3.61248 -5.2974,3.61248 -0.79975,6.64782 -1.28164,13.3905 -1.44492,20.2273 0.0801261,-4.01651 0,-8.02962 -0.240756,-12.0401 0,0 -9.39139,8.90988 -9.39139,8.90988 -1.21096,-1.16334 -2.49487,-2.20649 -3.85286,-3.13059 4.50029,-6.1013 9.23605,-12.0408 14.2077,-17.8198 0.160252,-1.92643 0.320883,-3.85286 0.481513,-5.77929 0,0 4.09135,-7.97104 4.09135,-7.97104z"></path>
|
||||
<path fill="#B6DDEF" d="M82.4562 64.604c0,0 20.7175,5.85299 20.7175,5.85299 0,0 3.6121,0.963026 3.6121,0.963026 0,0 0,0 0,0 0,0 -7.70572,1.44492 -7.70572,1.44492 0,0 -14.4337,-5.11749 -14.4337,-5.11749 0,0 -2.19024,-3.14344 -2.19024,-3.14344z"></path>
|
||||
<path fill="#BAE4F4" d="M41.0439 44.1847c0,0 -4.09135,7.97104 -4.09135,7.97104 -0.16063,1.92643 -0.32126,3.85286 -0.481513,5.77929 -4.9716,5.77891 -9.70736,11.7184 -14.2077,17.8198 0,0 -4.42773,7.74691 -4.42773,7.74691 0,0 -0.388536,-0.0411969 -0.388536,-0.0411969 0,0 2.64908,-10.1137 2.64908,-10.1137 0.000377953,0 11.3178,-15.4126 11.3178,-15.4118 0,0 3.37135,-3.37135 3.37135,-3.37135 0,0 -9.15063,-0.481513 -9.15063,-0.481513 0,0 0.481513,-6.2608 0.481513,-6.2608 3.41519,-2.59616 7.13047,-5.2014 10.7785,-7.58213 0,0 4.14917,3.94546 4.14917,3.94546z"></path>
|
||||
<path fill="#72AFD8" d="M37.1933 61.7882c0.534426,2.17361 1.17657,4.26067 1.92643,6.26042 0.942994,5.43686 1.74577,10.8953 2.40794,16.3748 -1.59912,2.40152 -3.52555,4.48858 -5.77929,6.26118 0,-2.88983 0,-5.77929 0,-8.66912 0.163276,-6.8368 0.645167,-13.5795 1.44492,-20.2273z"></path>
|
||||
<path fill="#E6F2F9" d="M77.6483 72.8649c2.24769,0 6.90294,-0.240756 9.15063,-0.240756 0,0 10.6394,16.3113 10.6394,16.3113 0,0 -18.0159,-6.7083 -18.0159,-6.7083 0,0 0.152693,-1.17468 0.152693,-1.17468 -0.566174,-2.74583 -1.2087,-5.47503 -1.92681,-8.18761z"></path>
|
||||
<path fill="#8FC7E5" d="M71.4275 75.2037c0,0 5.25771,4.88543 5.25771,4.88543 -0.301607,0.66671 -3.95528,8.91101 -3.95528,8.91101 -0.379087,-4.32984 -1.30243,-13.7964 -1.30243,-13.7964z"></path>
|
||||
<path fill="#6EA9D4" d="M22.2634 75.7547c1.35799,0.924096 2.64189,1.96725 3.85286,3.13059 0,0 -6.74269,4.09324 -6.74269,4.09324 0,0 -1.53789,0.523088 -1.53789,0.523088 1.29071,-2.26205 3.14986,-5.51434 4.42773,-7.74691z"></path>
|
||||
<path fill="#E4F0F7" d="M68.9795 72.8649c0,0 2.448,2.33878 2.448,2.33878 0,0 0.92334,9.4666 1.30243,13.7964 0,0 -1.13877,2.97487 -1.13877,2.97487 0.097512,0.138709 -2.59163,-15.7081 -2.61166,-19.1101z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<input type="text" value="0" id="es-text-input" onchange="setES(this.value)" /></td>
|
||||
<td width="28"><button onclick="adjustES(-requestContext.conversionStep)" class="sign-button">-</button></td>
|
||||
<td><input type="range" value="0" min="0" id="es-range-input" onchange="setES(this.value)" /></td>
|
||||
<td><button onclick="adjustES(requestContext.conversionStep)" class="sign-button">+</button></td>
|
||||
<td><input type="text" value="0" id="g-text-input" onchange="setESFromG(this.value)" /></td>
|
||||
<td width="28"><button onclick="adjustES(requestContext.conversionStep)" class="sign-button">+</button></td>
|
||||
<td style="width:108px;"><input type="text" value="0" id="g-text-input" onchange="setESFromG(this.value)" /><div class="g">G</div></td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>Please note that the amount of G after conversion may be subject to rounding errors.</p>
|
||||
<button onclick="convert()">Convert</button>
|
||||
<div class="center">
|
||||
<button onclick="convert()">Convert</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-popup" id="popup">
|
||||
<div class="content" style="width: 600px;">
|
||||
<div id="popup-low-balance">
|
||||
<p>You do not have enough Eternity Splinters to convert to G.</p>
|
||||
<button onclick="closePanel()">Close</button>
|
||||
<div class="center">
|
||||
<button class="close-button" onclick="closePanel()">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="popup-invalid-amount">
|
||||
<p>Please specify a valid amount of Eternity Splinters.</p>
|
||||
<button onclick="closePopup()">Close</button>
|
||||
<div class="center">
|
||||
<button class="close-button" onclick="closePopup()">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="popup-confirm">
|
||||
<p id="popup-confirm-text"></p>
|
||||
<div class="button-container">
|
||||
<button onclick="convertConfirm()">Confirm</button>
|
||||
<button onclick="closePopup()">Cancel</button>
|
||||
<button class="close-button" onclick="closePopup()">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="popup-pending">
|
||||
|
|
@ -142,7 +288,9 @@
|
|||
</div>
|
||||
<div id="popup-result">
|
||||
<p id="popup-result-text"></p>
|
||||
<button onclick="closePanel()">Close</button>
|
||||
<div class="center">
|
||||
<button class="close-button" onclick="closePanel()">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue