Opción manual selección por teclado

Eric Fernandez
1 parent 9e8d1adda7
Showing 2 changed files with 22 additions and 7 deletions Show diff stats
src/js/controller.js
src/views/modal-precio-condicion.html
@@ -187,7 +187,7 @@ angular.module(&#39;focaModalPrecioCondicion&#39;)
  
                 function siguiente() {
                     if ($scope.selectedPrecioCondicion <
-                            $scope.currentPagePrecioCondicion.length - 1 ) {
+                            $scope.currentPagePrecioCondicion.length ) {
                         $scope.selectedPrecioCondicion++;
                     } else {
                             avanzarPagina();
@@ -39,15 +39,30 @@
                 </td>
             </tr>
             <tr>
-                <td colspan="6" ng-show="!ingreso">
+                <td colspan="4" ng-show="!ingreso">
                     <input
-                        class="form-control"
+                        class="form-control form-control-sm"
                         type="text"
-                        placeholder="Ingreso manual"
+                        placeholder="Selección manual"
                         readonly
                         ng-click="ingreso = !ingreso"
                         />
                 </td>
+                <td colspan="1" ng-show="!ingreso">
+                    <button
+                        type="button"
+                        class="btn btn-sm p-1 float-right"
+                        ng-class="{
+                            'btn-secondary': selectedPrecioCondicion != 0,
+                            'btn-primary': selectedPrecioCondicion == 0
+                        }"
+                        foca-focus="selectedPrecioCondicion == 0"
+                        ng-keydown="itemProducto($event.keyCode)"
+                        ng-click="ingreso = !ingreso"
+                    >
+                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                    </button>
+                </td>
             </tr>
             <tr class="selectable"
                 ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion"
@@ -61,10 +76,10 @@
                         type="button"
                         class="btn btn-sm p-1 float-right"
                         ng-class="{
-                            'btn-secondary': selectedPrecioCondicion != key,
-                            'btn-primary': selectedPrecioCondicion == key
+                            'btn-secondary': selectedPrecioCondicion != key + 1,
+                            'btn-primary': selectedPrecioCondicion == key + 1
                         }"
-                        foca-focus="selectedPrecioCondicion == {{key}}"
+                        foca-focus="selectedPrecioCondicion == {{key + 1}}"
                         ng-keydown="itemProducto($event.keyCode)"
                     >
                         <i class="fa fa-arrow-right" aria-hidden="true"></i>
...	...	@@ -187,7 +187,7 @@ angular.module('focaModalPrecioCondicion')
187	187
188	188	function siguiente() {
189	189	if ($scope.selectedPrecioCondicion <
190		- $scope.currentPagePrecioCondicion.length - 1 ) {
	190	+ $scope.currentPagePrecioCondicion.length ) {
191	191	$scope.selectedPrecioCondicion++;
192	192	} else {
193	193	avanzarPagina();
...	...	@@ -39,15 +39,30 @@
39	39	</td>
40	40	</tr>
41	41	<tr>
42		- <td colspan="6" ng-show="!ingreso">
	42	+ <td colspan="4" ng-show="!ingreso">
43	43	<input
44		- class="form-control"
	44	+ class="form-control form-control-sm"
45	45	type="text"
46		- placeholder="Ingreso manual"
	46	+ placeholder="Selección manual"
47	47	readonly
48	48	ng-click="ingreso = !ingreso"
49	49	/>
50	50	</td>
	51	+ <td colspan="1" ng-show="!ingreso">
	52	+ <button
	53	+ type="button"
	54	+ class="btn btn-sm p-1 float-right"
	55	+ ng-class="{
	56	+ 'btn-secondary': selectedPrecioCondicion != 0,
	57	+ 'btn-primary': selectedPrecioCondicion == 0
	58	+ }"
	59	+ foca-focus="selectedPrecioCondicion == 0"
	60	+ ng-keydown="itemProducto($event.keyCode)"
	61	+ ng-click="ingreso = !ingreso"
	62	+ >
	63	+ <i class="fa fa-arrow-right" aria-hidden="true"></i>
	64	+ </button>
	65	+ </td>
51	66	</tr>
52	67	<tr class="selectable"
53	68	ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion"
...	...	@@ -61,10 +76,10 @@
61	76	type="button"
62	77	class="btn btn-sm p-1 float-right"
63	78	ng-class="{
64		- 'btn-secondary': selectedPrecioCondicion != key,
65		- 'btn-primary': selectedPrecioCondicion == key
	79	+ 'btn-secondary': selectedPrecioCondicion != key + 1,
	80	+ 'btn-primary': selectedPrecioCondicion == key + 1
66	81	}"
67		- foca-focus="selectedPrecioCondicion == {{key}}"
	82	+ foca-focus="selectedPrecioCondicion == {{key + 1}}"
68	83	ng-keydown="itemProducto($event.keyCode)"
69	84	>
70	85	<i class="fa fa-arrow-right" aria-hidden="true"></i>