Eric Fernandez / foca-modal-efectivo

Authored by Nicolás Guarnieri 2018-12-26 16:25:11 -0300

Exists in master

selecciona texto cuando abre modal

See merge request !5

Showing 2 changed files Show diff stats

src/js/controller.js

 angular.module('focaModalEfectivo')
     .controller('focaModalEfectivoController',
         [
             '$scope',
             '$uibModalInstance',
             'sugerido',
-            function($scope, $uibModalInstance, sugerido) {
+            '$timeout',
+            function($scope, $uibModalInstance, sugerido, $timeout) {
                 if(sugerido && sugerido < 0) {
                     $scope.efectivo = Math.abs(sugerido);
+                    $timeout(function() {
+                        angular.element('#importe')[0].select();
+                    });
                 }
                 $scope.aceptar = function(key) {
                     if(key === 13 && parseFloat($scope.efectivo)) {
                         var efectivo = parseFloat($scope.efectivo);
                         $uibModalInstance.close(efectivo);
                     }
                 };
                 $scope.cancel = function() {
                     $uibModalInstance.dismiss('cancel');
                 };
             }
         ]
     );

src/views/modal-efectivo.html

 <div class="modal-header">
     <h3 class="modal-title">Ingrese Efectivo</h3>
 </div>
 <div class="modal-body" id="modal-body">
     <form name="formEfectivo">
         <div class="input-group">
             <div class="input-group-prepend">
                 <div class="input-group-text form-control form-control-sm">$</div>
             </div>
             <input
                 teclado-virtual
                 foca-tipo-input
+                id="importe"
                 ng-model="efectivo"
                 foca-focus="true"
                 class="form-control form-control-sm"
                 placeholder="Ingrese monto"
                 ng-keypress="aceptar($event.keyCode)"
             >
         </div>
     </form>
 </div>
 <div class="modal-footer">
     <button
         class="btn btn-primary"
         type="button"
         ng-click="aceptar(13)"
         ng-disabled="!formEfectivo.$valid"
     >Aceptar</button>
     <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
 </div>