cambios visuales

This commit is contained in:
Guillermo Bonet 2022-07-20 12:00:23 +02:00
parent fc84414286
commit a4993c6b6a
8 changed files with 320 additions and 57 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -8,6 +8,7 @@ var Conf = {
,dbHost: 'db.verdnatura.es'
,defaultModule: 'tpv'
,defaultLocale: 'es'
,defaultBranch: 'master'
,dbName: 'vn2008'
,maxCorruptSize: 600
,odbcDriver: 'MySQL ODBC 8.0 Unicode Driver'
@ -36,7 +37,7 @@ var Locale = {
,"Microsoft Access 2003 is not installed":
"Microsoft Access 2003 no está instalado en el sistema"
,"MDB file not found":
"No se encontro el fichero MDB"
"No se encontró el fichero MDB"
,"Cache files have been deleted":
"Se han borrado todos los ficheros de la caché"
}
@ -137,25 +138,22 @@ var App = {
this.onEnterClick();
} else
this.resetForm(true);
/* revisar
var sql = "SELECT name FROM vn.mdbBranch";
mysqlConn.query(sql, function(err, rows, fields) {
rows.forEach(function(row) {
this.$('branch').add(new Option(row.name));
});
});*/
/*
this.$('branch').add(new Option('master','master'));
this.$('branch').add(new Option('test','test'));
*/
/*
this.$('branch').value = this.getBranch();
if(this.$('branch').value != this.getBranch()){
this.$('branch').value = 'master';
}*/
var branch = this.getBranch();
if (!branch) branch = defaultBranch;
this.$('branchDiv').value = branch;
if (this.$("branch").value == "master") {
this.$("branch").style.backgroundColor = "#a52727";
this.$("branchState").style.backgroundColor = "#a52727";
}
if (this.$("branch").value == "test") {
this.$("branch").style.backgroundColor = "#31a527";
this.$("branchState").style.backgroundColor = "#31a527";
}
if (this.$("branch").value == "dev") {
this.$("branch").style.backgroundColor = "#a59827";
this.$("branchState").style.backgroundColor = "#a59827";
}
},
resetForm: function(clearPassword) {
@ -194,6 +192,29 @@ var App = {
setTimeout(function() { App.cleanCache(); });
},
onShowOptionsClick: function() {
if (this.$("branchDiv").style.visibility == "hidden") {
this.$("branchDiv").style.visibility = "visible";}
else {
this.$("branchDiv").style.visibility = "hidden";
}
},
onChangeBranchClick: function() {
if (this.$("branch").value == "master") {
this.$("branch").style.backgroundColor = "#a52727";
this.$("branchState").style.backgroundColor = "#a52727";
}
if (this.$("branch").value == "test") {
this.$("branch").style.backgroundColor = "#31a527";
this.$("branchState").style.backgroundColor = "#31a527";
}
if (this.$("branch").value == "dev") {
this.$("branch").style.backgroundColor = "#a59827";
this.$("branchState").style.backgroundColor = "#a59827";
}
},
cleanCache: function() {
if (this.fso.folderExists(this.moduleDir)) {
var folder = this.fso.getFolder(this.moduleDir);

BIN
src/options.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 55 KiB

View File

@ -3,7 +3,7 @@ body {
padding: .8em;
overflow: hidden;
color: #222;
font-family: Tahoma;
font-family: Roboto;
}
a {
text-decoration: none;
@ -15,14 +15,19 @@ a {
#logo {
display: block;
margin: 0 auto;
margin-bottom: .5em;
margin-bottom: 2.5em;
width: 80%;
-webkit-user-drag: none;
}
button,
input,
select {
font-size: 1em;
}
select {
background-color: #000000;
color: white;
}
#fields {
max-width: 11em;
margin: 0 auto;
@ -45,36 +50,101 @@ input[type='text'],
input[type='password'] {
width: 100%;
border: none;
border-bottom: 1px solid #888;
font-size: .9em;
border-bottom: 1px solid #c9c9c9;
font-size: 1em;
color: #333;
padding: .3em;
padding-top: .5em;
padding-bottom: .5em;
padding-left: .2em;
padding-right: .2em;
max-width: auto;
}
#checkbox {
margin-top: 1em;
input[type='text']:focus,
input[type='password']:focus {
border-bottom: 1px solid #000000;
}
input[type='text']::selection,
input[type='password']::selection {
background-color: #97d700;
}
#rememberMe {
margin-top: 1em;
font-size: .9em;
}
#oldVersion {
margin-top: .5em;
font-size: .9em;
}
#submit {
margin-top: 1em;
}
#clean {
margin-top: .5em;
margin-top: 1.3em;
font-size: .8em;
text-align: center;
}
#submit,
#clean {
text-align: center;
}
#clean:hover {
text-decoration: underline;
text-decoration-color: #44f;
}
button {
border: none;
color: white;
background-color: #f7931e;
padding: .3em;
text-transform: uppercase;
padding: .7em;
padding-right: 2.5em;
padding-left: 2.5em;
border: none;
border-radius: 25px;
}
button:hover {
background-color: #f7b33e;
background-color: #db821b;
cursor: pointer;
transition: background-color 1s;
}
/* Options */
#options {
text-align: left;
margin-top: .8em;
}
#optionsLogo {
filter: alpha(opacity=30);
cursor: pointer;
}
#optionsLogo:hover {
filter: alpha(opacity=45);
}
#optionsLogo:active {
scale: 1em;
}
#branchDiv {
text-align: center;
margin-top: -2em;
margin-left: .05em;
font-size: 1em;
}
#branch {
padding-left: 1em;
padding-top: .25em;
padding-bottom: .2em;
padding-right: .2em;
border-radius: 10px 5px 5px 10px;
border: none;
}
#branchState {
background-color: #000000;
margin-top: -1.625em;
margin-left: 93%;
border-radius: 100%;
width: 1.5em;
height: 1.5em;
}
/* Message */
@ -87,22 +157,24 @@ button:hover {
width: 16em;
padding: .5em;
margin-left: -8.25em;
margin-top: 2em;
border: 1px solid #644;
background-color: #EBB;
color: #644;
text-align: center;
font-size: .9em;
display: none;
border-radius: 25px;
}
#message.error {
border-color: #644;
background-color: #EBB;
color: #644;
border-color: #000000;
background-color: #a52727;
color: #ffffff;
}
#message.notice {
border-color: #446;
background-color: #bbe;
color: #446;
border-color: rgb(0, 0, 0);
background-color: #2773a5;
color: #ffffff;
}
/* Spinner */
@ -122,25 +194,26 @@ button:hover {
#spinner {
z-index: 2;
position: absolute;
padding: .8em;
padding: 1em;
width: 10em;
height: 2em;
margin-top: -1.4em;
margin-left: -5.4em;
height: 5em;
margin-top: -4em;
margin-left: -5.9em;
top: 50%;
left: 50%;
background-color: white;
display: none;
text-align: center;
border: 1px solid black;
border-radius: 25px;
}
#spinner * {
vertical-align: middle;
}
#spinner img {
width: 1.8em;
height: 1.8em;
margin-right: .5em;
width: 2.5em;
height: 2.5em;
margin-top: .5em;
}
#loading-message {
font-size: .9em;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

158
src/verdnatura.svg Normal file
View File

@ -0,0 +1,158 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
width="226.229px"
height="31.038px"
viewBox="0 0 226.229 31.038"
enable-background="new 0 0 226.229 31.038"
xml:space="preserve"
id="svg2"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="logo.svg"><metadata
id="metadata61"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs59">
</defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1016"
id="namedview57"
showgrid="false"
inkscape:zoom="4.8159974"
inkscape:cx="90.91814"
inkscape:cy="16.509992"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2"
inkscape:document-rotation="0" />
<g
id="Background">
</g>
<g
id="Guides">
</g>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 10.417,30.321 0,0 h 8.233 l 4.26,15.582 0.349,1.276 c 0.521,1.866 0.918,3.431 1.191,4.693 0.15,-0.618 0.335,-1.345 0.555,-2.182 0.219,-0.837 0.528,-1.935 0.925,-3.293 L 19.981,0 h 8.19 l -10.5,30.321 z"
id="path11"
style="fill:#1a1a1a;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#A0CE67"
d="m 139.809,19.787 c -0.665,0.357 -1.748,0.686 -3.25,0.988 -0.727,0.137 -1.283,0.254 -1.667,0.35 -0.95,0.247 -1.661,0.563 -2.134,0.947 -0.472,0.384 -0.799,0.899 -0.979,1.544 -0.223,0.796 -0.155,1.438 0.204,1.925 0.359,0.488 0.945,0.731 1.757,0.731 1.252,0 2.375,-0.36 3.369,-1.081 0.994,-0.721 1.653,-1.665 1.98,-2.831 z m 5.106,10.534 h -7.458 c 0.017,-0.356 0.048,-0.726 0.094,-1.11 l 0.159,-1.192 c -1.318,1.026 -2.627,1.786 -3.927,2.279 -1.299,0.493 -2.643,0.739 -4.031,0.739 -2.158,0 -3.7,-0.593 -4.625,-1.779 -0.925,-1.187 -1.106,-2.788 -0.542,-4.804 0.519,-1.851 1.431,-3.356 2.737,-4.515 1.307,-1.159 3.021,-1.972 5.142,-2.438 1.169,-0.247 2.641,-0.515 4.413,-0.803 2.646,-0.412 4.082,-1.016 4.304,-1.812 l 0.151,-0.539 c 0.182,-0.65 0.076,-1.145 -0.317,-1.483 -0.393,-0.339 -1.071,-0.508 -2.033,-0.508 -1.045,0 -1.934,0.214 -2.666,0.643 -0.731,0.428 -1.289,1.058 -1.673,1.887 h -6.748 c 1.065,-2.53 2.64,-4.413 4.723,-5.65 2.083,-1.237 4.724,-1.856 7.923,-1.856 1.991,0 3.602,0.241 4.833,0.722 1.231,0.481 2.095,1.209 2.59,2.185 0.339,0.701 0.483,1.536 0.432,2.504 -0.052,0.969 -0.377,2.525 -0.978,4.669 l -2.375,8.483 c -0.284,1.014 -0.416,1.812 -0.396,2.395 0.02,0.583 0.188,0.962 0.503,1.141 z"
id="path15"
style="fill:#97d700;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#A0CE67"
d="m 185.7,30.321 6.27,-22.393 h 7.049 l -1.097,3.918 c 1.213,-1.537 2.502,-2.659 3.867,-3.366 1.365,-0.707 2.951,-1.074 4.758,-1.101 l -2.03,7.25 c -0.304,-0.042 -0.608,-0.072 -0.912,-0.093 -0.303,-0.02 -0.592,-0.03 -0.867,-0.03 -1.126,0 -2.104,0.168 -2.932,0.504 -0.829,0.336 -1.561,0.854 -2.197,1.555 -0.406,0.467 -0.789,1.136 -1.149,2.007 -0.361,0.872 -0.814,2.282 -1.359,4.232 l -2.104,7.516 H 185.7 Z"
id="path19"
style="fill:#97d700;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#A0CE67"
d="m 217.631,19.787 c -0.664,0.357 -1.748,0.686 -3.25,0.988 -0.727,0.137 -1.282,0.254 -1.667,0.35 -0.95,0.247 -1.661,0.563 -2.134,0.947 -0.472,0.384 -0.799,0.899 -0.979,1.544 -0.223,0.796 -0.155,1.438 0.205,1.925 0.359,0.488 0.945,0.731 1.757,0.731 1.252,0 2.375,-0.36 3.369,-1.081 0.994,-0.721 1.654,-1.665 1.98,-2.831 z m 5.106,10.534 h -7.458 c 0.017,-0.356 0.048,-0.726 0.094,-1.11 l 0.159,-1.192 c -1.318,1.026 -2.627,1.786 -3.927,2.279 -1.299,0.493 -2.643,0.739 -4.031,0.739 -2.158,0 -3.7,-0.593 -4.625,-1.779 -0.926,-1.187 -1.106,-2.788 -0.542,-4.804 0.519,-1.851 1.431,-3.356 2.737,-4.515 1.306,-1.159 3.02,-1.972 5.142,-2.438 1.169,-0.247 2.641,-0.515 4.413,-0.803 2.647,-0.412 4.082,-1.016 4.304,-1.812 l 0.151,-0.539 c 0.182,-0.65 0.077,-1.145 -0.317,-1.483 -0.393,-0.339 -1.071,-0.508 -2.033,-0.508 -1.045,0 -1.934,0.214 -2.666,0.643 -0.731,0.428 -1.289,1.058 -1.672,1.887 h -6.748 c 1.065,-2.53 2.64,-4.413 4.723,-5.65 2.083,-1.237 4.724,-1.856 7.923,-1.856 1.99,0 3.601,0.241 4.833,0.722 1.232,0.481 2.095,1.209 2.591,2.185 0.339,0.701 0.483,1.536 0.431,2.504 -0.051,0.969 -0.377,2.525 -0.978,4.669 l -2.375,8.483 c -0.284,1.014 -0.416,1.812 -0.396,2.395 0.02,0.583 0.188,0.962 0.503,1.141 z"
id="path23"
style="fill:#97d700;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#A0CE67"
d="m 188.386,7.928 -6.269,22.393 h -7.174 l 0.864,-3.085 c -1.227,1.246 -2.476,2.163 -3.746,2.751 -1.27,0.588 -2.625,0.882 -4.067,0.882 -2.471,0 -4.154,-0.634 -5.048,-1.901 -0.895,-1.268 -0.993,-3.149 -0.294,-5.644 l 4.31,-15.396 h 7.338 l -3.508,12.53 c -0.516,1.842 -0.641,3.109 -0.375,3.803 0.266,0.694 0.967,1.041 2.105,1.041 1.275,0 2.323,-0.422 3.142,-1.267 0.819,-0.845 1.497,-2.223 2.031,-4.133 l 3.353,-11.974 z"
id="path27"
style="fill:#97d700;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#A0CE67"
d="m 149.937,12.356 1.239,-4.428 h 2.995 l 1.771,-6.326 h 7.338 l -1.771,6.326 h 3.753 l -1.24,4.428 h -3.753 l -2.716,9.702 c -0.416,1.483 -0.498,2.465 -0.247,2.946 0.25,0.48 0.905,0.721 1.964,0.721 l 0.549,-0.011 0.39,-0.031 -1.31,4.678 c -0.811,0.148 -1.596,0.263 -2.354,0.344 -0.758,0.081 -1.48,0.122 -2.167,0.122 -2.543,0 -4.108,-0.621 -4.695,-1.863 -0.587,-1.242 -0.313,-3.887 0.82,-7.936 l 2.428,-8.672 z"
id="path31"
style="fill:#97d700;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#ffffff"
d="m 73.875,18.896 c -0.561,2.004 -0.616,3.537 -0.167,4.601 0.449,1.064 1.375,1.595 2.774,1.595 1.399,0 2.605,-0.524 3.62,-1.574 1.015,-1.05 1.806,-2.59 2.375,-4.622 0.526,-1.879 0.556,-3.334 0.09,-4.363 -0.466,-1.029 -1.393,-1.543 -2.778,-1.543 -1.304,0 -2.487,0.528 -3.551,1.585 -1.064,1.057 -1.852,2.496 -2.363,4.321 z M 96.513,0 88.024,30.321 h -7.337 l 0.824,-2.944 c -1.166,1.22 -2.369,2.121 -3.61,2.703 -1.241,0.582 -2.583,0.874 -4.025,0.874 -2.802,0 -4.772,-1.081 -5.912,-3.243 -1.139,-2.162 -1.218,-4.993 -0.238,-8.493 0.988,-3.528 2.668,-6.404 5.042,-8.627 2.374,-2.224 4.927,-3.336 7.661,-3.336 1.47,0 2.695,0.296 3.676,0.887 0.981,0.591 1.681,1.465 2.099,2.62 L 89.217,0 Z"
id="path35" /><g
id="g37">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m 73.875,18.896 c -0.561,2.004 -0.616,3.537 -0.167,4.601 0.449,1.064 1.375,1.595 2.774,1.595 1.399,0 2.605,-0.524 3.62,-1.574 1.015,-1.05 1.806,-2.59 2.375,-4.622 0.526,-1.879 0.556,-3.334 0.09,-4.363 -0.466,-1.029 -1.393,-1.543 -2.778,-1.543 -1.304,0 -2.487,0.528 -3.551,1.585 -1.064,1.057 -1.852,2.496 -2.363,4.321 z M 96.513,0 88.024,30.321 h -7.337 l 0.824,-2.944 c -1.166,1.22 -2.369,2.121 -3.61,2.703 -1.241,0.582 -2.583,0.874 -4.025,0.874 -2.802,0 -4.772,-1.081 -5.912,-3.243 -1.139,-2.162 -1.218,-4.993 -0.238,-8.493 0.988,-3.528 2.668,-6.404 5.042,-8.627 2.374,-2.224 4.927,-3.336 7.661,-3.336 1.47,0 2.695,0.296 3.676,0.887 0.981,0.591 1.681,1.465 2.099,2.62 L 89.217,0 Z"
id="path39"
style="fill:#1a1a1a;fill-opacity:1" />
</g><path
fill-rule="evenodd"
clip-rule="evenodd"
d="M 46.488,30.321 52.757,7.928 h 7.049 l -1.098,3.918 C 59.921,10.309 61.21,9.187 62.576,8.48 63.942,7.773 68.591,7.406 70.398,7.379 l -2.03,7.25 c -0.304,-0.042 -0.608,-0.072 -0.911,-0.093 -0.304,-0.02 -0.592,-0.03 -0.867,-0.03 -1.126,0 -5.167,0.168 -5.997,0.504 -0.829,0.336 -1.561,0.854 -2.196,1.555 -0.406,0.467 -0.789,1.136 -1.149,2.007 -0.361,0.872 -0.814,2.282 -1.36,4.232 l -2.104,7.516 h -7.296 z"
id="path43"
style="fill:#1a1a1a;fill-opacity:1" /><path
fill-rule="evenodd"
clip-rule="evenodd"
fill="#ffffff"
d="m 32.673,16.742 8.351,-0.021 c 0.375,-1.436 0.308,-2.558 -0.201,-3.365 -0.509,-0.807 -1.402,-1.211 -2.68,-1.211 -1.209,0 -2.285,0.397 -3.229,1.19 -0.944,0.793 -1.69,1.93 -2.241,3.407 z m 6.144,6.536 h 7.043 c -1.347,2.456 -3.172,4.356 -5.477,5.7 -2.305,1.345 -4.885,2.017 -7.74,2.017 -3.473,0 -5.923,-1.054 -7.351,-3.161 -1.427,-2.107 -1.632,-4.98 -0.613,-8.618 1.038,-3.707 2.875,-6.641 5.512,-8.803 2.637,-2.163 5.678,-3.244 9.123,-3.244 3.555,0 6.04,1.099 7.456,3.298 1.417,2.198 1.582,5.234 0.498,9.109 l -0.239,0.814 -0.167,0.484 H 31.721 c -0.441,1.575 -0.438,2.777 0.01,3.606 0.448,0.829 1.332,1.244 2.65,1.244 0.975,0 1.836,-0.206 2.583,-0.617 0.747,-0.411 1.366,-1.021 1.853,-1.829 z"
id="path47" /><g
id="g49"
style="fill:#1a1a1a;fill-opacity:1">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="m 32.673,16.742 8.351,-0.021 c 0.375,-1.436 0.308,-2.558 -0.201,-3.365 -0.509,-0.807 -1.402,-1.211 -2.68,-1.211 -1.209,0 -2.285,0.397 -3.229,1.19 -0.944,0.793 -1.69,1.93 -2.241,3.407 z m 6.144,6.536 h 7.043 c -1.347,2.456 -3.172,4.356 -5.477,5.7 -2.305,1.345 -4.885,2.017 -7.74,2.017 -3.473,0 -5.923,-1.054 -7.351,-3.161 -1.427,-2.107 -1.632,-4.98 -0.613,-8.618 1.038,-3.707 2.875,-6.641 5.512,-8.803 2.637,-2.163 5.678,-3.244 9.123,-3.244 3.555,0 6.04,1.099 7.456,3.298 1.417,2.198 1.582,5.234 0.498,9.109 l -0.239,0.814 -0.167,0.484 H 31.721 c -0.441,1.575 -0.438,2.777 0.01,3.606 0.448,0.829 1.332,1.244 2.65,1.244 0.975,0 1.836,-0.206 2.583,-0.617 0.747,-0.411 1.366,-1.021 1.853,-1.829 z"
id="path51"
style="fill:#1a1a1a;fill-opacity:1" />
</g><path
fill="#A0CE67"
d="m 112.881,30.643 -6.404,-18.639 -6.455,18.639 h -7.254 l 9.565,-30.321 h 8.19 l 4.434,15.582 0.35,1.276 c 0.521,1.866 0.917,3.431 1.191,4.693 l 0.555,-2.182 c 0.219,-0.837 0.528,-1.935 0.925,-3.293 l 4.468,-16.076 h 8.19 l -10.501,30.321 z"
id="path55"
style="fill:#97d700;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Verdnatura</title>
<meta charset="UTF-8" http-equiv="X-UA-Compatible" http-equiv="X-UA-Compatible" content="IE=9"/>
<title></title>
<link rel="stylesheet" href="style.css"/>
<script type="text/javascript" src="main.js"></script>
<hta:application
@ -28,17 +28,10 @@
onclick="App.onBodyClick(event)">
<img
id="logo"
src="verdnatura.png"
src="verdnatura.svg"
alt="Verdnatura"/>
<div id="fields">
<div id="inputs">
<div>
<label for="branch">Branch</label>
<select id="branch" >
<option>master</option>
<option>test</option>
</select>
</div>
<div>
<label for="user">Usuario</label>
<input id="user" type="text"/>
@ -47,13 +40,12 @@
<label for="password">Contraseña</label>
<input id="password" type="password"/>
</div>
</div>
<div id="checkbox">
<div id="rememberMe">
<input id="remember" type="checkbox"/>
<label for="remember">Recu&eacute;rdame</label>
</div>
<div>
<div id="oldVersion">
<input id="previous-version" type="checkbox"/>
<label for="previous-version">Usar versi&oacute;n anterior</label>
</div>
@ -72,12 +64,31 @@
Limpiar cach&eacute;
</a>
</div>
<div id="options">
<img
id="optionsLogo"
src="options.png"
onclick="App.onShowOptionsClick()"
alt="Options"/>
<div id="branchDiv" style="visibility: hidden;">
<label for="branch">Branch:</label>
<select id="branch" onclick="App.onChangeBranchClick()">
<option>master</option>
<option>test</option>
<option>dev</option>
</select>
</div>
</div>
<div id="branchState">
<br/>
</div>
<div id="background">
</div>
<div id="spinner">
<img
alt="Cargando..."
src="spinner.gif"/>
<br/>
<span id="loading-message"></span>
</div>
<div id="message">