refs #5557 Cambio de tamaño y dev → development db

src/main.js

@@ -54,8 +54,8 @@ var App = {
 
 	init: function() {
 		// Specify the size of window
-		var width = 420;
+		var width = 450;
-		var height = 590;
+		var height = 595;
 		window.resizeTo(width, height);
 		window.moveTo((screen.width - width) / 2, (screen.height - height) / 2);
 	},
@@ -90,15 +90,18 @@ var App = {
 			var path = 'HKCU\\Software\\Microsoft\\Office\\11.0\\Access\\';
 
 			// Creates the Access configuration entries
-			this.regWrites(path +'Settings', {
+			this.regWrites(
-				'Confirm Document Deletions': false,
+				path +'Settings', {
-				'Confirm Action Queries': false,
+					'Confirm Document Deletions': false,
-				'Confirm Record Changes': false
+					'Confirm Action Queries': false,
-			});
+					'Confirm Record Changes': false
+				}
+			);
 			this.regWrite(path + 'Security', 'Level', 1);
 
 			// Creates the MySQL ODBC connection
-			this.createODBC(Conf.odbcPath,
+			this.createODBC(
+				Conf.odbcPath,
 				Conf.defaultDatasource,
 				Conf.odbcDriver,
 				'keep for backward compatibility'
@@ -109,7 +112,8 @@ var App = {
 			this.regWrite(Conf.regPath, 'selectedApiSource', Conf.defaultApiSource);
 			this.regWrite(Conf.regPath + '\\apiSources', Conf.defaultApiSource, Conf.defaultRemoteURL);
 
-			this.createODBC(Conf.odbcPath,
+			this.createODBC(
+				Conf.odbcPath,
 				Conf.productionDatasource,
 				Conf.odbcDriver,
 				Conf.productionDatasource
@@ -285,7 +289,7 @@ var App = {
 		if (myDatasource == 'verdnatura')
 			myDatasource = 'production';
 
-		if (myDatasource == 'production'||'test'||'dev') {
+		if (myDatasource == 'production'||'test'||'development') {
 			this.$('datasourceButton').className = myDatasource;
 			this.$('datasource').className = myDatasource;
 		} else {

src/style.css

@@ -32,8 +32,8 @@ option {
 	color: white;
 }
 #fields {
-	max-width: 13em;
+	max-width: 14.4em;
-	margin-left: 3.32em;
+	margin-left: 3.4em;
 }
 #inputs > div {
 	margin-top: 1em;
@@ -100,8 +100,8 @@ button {
 	color: #FFF;
 	background-color: black;
 	padding: 1em;
-	padding-right: 4.5em;
+	padding-right: 5.2em;
-	padding-left: 4.5em;
+	padding-left: 5.2em;
 	border: none;
 	border-radius: 25px;
 	font-size: .9em;
@@ -133,10 +133,10 @@ select {
 #branchSelector {
 	float: right;
 	margin-top: .7em;
-	width: 107px;
+	width: 125px;
 	display: none;
-	padding-left: .3em;
+	padding-left: .4em;
-	padding-right: .8em;
+	padding-right: .9em;
 	max-width: 133px;
 }
 #branchButton {
@@ -185,21 +185,20 @@ select.dev {
 	padding-top: .4em;
 	padding-left: .4em;
 	padding-right: .4em;
-	margin-left: 7em;
+	margin-left: 8em;
 }
 #datasource {
 	border: none;
 	cursor: pointer;
-	margin-right: 1.5em;
+	padding-left: .2em;
 	float: left;
 }
 #datasourceSelector {
 	float: right;
 	display: none;
-	padding-right: .8em;
+	padding-left: .5em;
-	margin-right: .5em;
 	margin-top: -1.91em;
-	max-width: 133px;
+	width: 180px;
 }
 #datasourceButton {
 	float: right;
@@ -217,7 +216,7 @@ select.dev {
 #datasourceButton.test {
 	background-color: #b1a32b;
 }
-#datasourceButton.dev {
+#datasourceButton.development {
 	background-color: #31a527;
 }
 select.production {
@@ -226,7 +225,7 @@ select.production {
 select.test {
 	background-color: #b1a32b;
 }
-select.dev {
+select.development {
 	background-color: #31a527;
 }
 
@@ -239,8 +238,8 @@ select.dev {
 	left: 11.8em;
 	width: 20em;
 	padding: .5em;
-	margin-left: -8.25em;
+	margin-left: -7.25em;
-	margin-top: 2em;
+	margin-top: 2.5em;
 	background-color: #EBB;
 	color: #644;
 	text-align: center;

src/vn-access.hta

@@ -26,10 +26,7 @@
 	onunload="App.onUnload(event)"
 	onkeypress="App.onKeyPress(event)"
 	onclick="App.onBodyClick(event)">
-	<img
+	<img id="logo" src="verdnatura.svg" alt="Verdnatura"/>
-		id="logo"
-		src="verdnatura.svg"
-		alt="Verdnatura"/>
 	<div id="fields">
 		<div id="inputs">
 			<div>
@@ -58,11 +55,7 @@
 	</div>
 	<div id="branchOptions">
 		<div id="branchButton">
-			<img
+			<img id="branchLogo" src="branch.png" onclick="App.openOptions()" alt="Change branch"/>
-				id="branchLogo"
-				src="branch.png"
-				onclick="App.openOptions()"
-				alt="Change branch"/>
 			<div id="branchSelector">
 				<select id="branch" onchange="App.onChangeBranch()"></select>
 			</div>
@@ -70,22 +63,15 @@
 	</div>
 	<div id="datasourceOptions">
 		<div id="datasourceButton">
-			<img
+			<img id="datasourceLogo" src="datasource.png" onclick="App.openOptions()" alt="Change datasource"/>
-				id="datasourceLogo"
-				src="datasource.png"
-				onclick="App.openOptions()"
-				alt="Change datasource"/>
 			<div id="datasourceSelector">
-				<select id="datasource" onchange="App.onChangeDatasource()">
+				<select id="datasource" onchange="App.onChangeDatasource()"></select>
-				</select>
 			</div>
 		</div>
 	</div>
 	<div id="background"></div>
 	<div id="spinner">
-		<img
+		<img alt="Cargando..." src="spinner.gif"/>
-			alt="Cargando..."
-			src="spinner.gif"/>
 		<br/>
 		<span id="loading-message"></span>
 	</div>