Jose Pinto / foca-modal-vendedores

Commit 09a9f9cc7e3235d7e9afa4f48e7be69cb732fa74

Authored by Nicolás Guarnieri 2018-11-07 15:20:47 -0300

Exists in master

Merge branch 'master' into 'master'

arreglos para mejor funcionamiento en mobile

See merge request modulos-npm/foca-modal-vendedores!11

Showing 2 changed files Show diff stats

index.html

Diff comments View file @ 09a9f9c

 <html ng-app="focaModalVendedores">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <!--CSS-->
     <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
     <link href="node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
     <link href="node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet">
     <!--VENDOR JS-->
     <script src="node_modules/jquery/dist/jquery.min.js"></script>
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
     <script src="node_modules/angular/angular.min.js"></script>
     <script src="node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
     <script src="node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
     <script src="node_modules/ladda/dist/spin.min.js"></script>
     <script src="node_modules/ladda/dist/ladda.min.js"></script>
     <script src="node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
     <!-- BUILD -->
     <script src="src/js/app.js"></script>
     <script src="src/js/controller.js"></script>
     <script src="src/js/service.js"></script>
     <!-- /BUILD -->
     <!-- CONFIG PARA DEVELOP -->
     <script type="text/javascript">
         angular.module('focaModalVendedores')
             .controller('controller', ['$uibModal', '$timeout', function($uibModal, $timeout) {
                 openModal();
                 function openModal() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Vendedores',
                             templateUrl: 'src/views/modal-vendedores.html',
                             controller: 'modalVendedoresCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function (selectedItem) {
                             console.info(selectedItem);
                             $timeout(openModal, 500);
                         }, function () {
                             console.info('modal-component dismissed at: ' + new Date());
                             $timeout(openModal, 500);
                         }
                     );
                 }
             }]);
     </script>
     <script src="src/etc/develop.js"></script>
 </head>
 <body ng-controller="controller">
-    <style>
-        .p-5 {
-            padding: 5px !important;
-        }
-    </style>
 </body>
 </html>

src/views/modal-vendedores.html

Diff comments View file @ 09a9f9c

-<div class="modal-header py-1">
+<div class="modal-header">
-    <h5 class="modal-title">Búsqueda de vendedores</h5>
+    <h5 class="modal-title my-1">Búsqueda de vendedores</h5>
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group">
         <input
             ladda="searchLoading"
             type="text"
             class="form-control form-control-sm"
             placeholder="Busqueda"
             ng-model="filters"
             ng-change="search()"
             ng-keydown="busquedaDown($event.keyCode)"
             ng-keypress="busquedaPress($event.keyCode)"
             foca-focus="selectedVendedor == -1"
             ng-focus="selectedVendedor = -1"
         >
         <div class="input-group-append">
             <button
                 ladda="searchLoading"
                 class="btn btn-outline-secondary"
                 type="button"
                 ng-click="busquedaPress(13)"
             >
                 <i class="fa fa-search" aria-hidden="true"></i>
             </button>
         </div>
     </div>
     <table ng-show="primerBusqueda" class="table table-striped table-sm col-12">
         <thead>
             <tr>
                 <th>Código</th>
                 <th>Nombre</th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="currentPageVendedores.length == 0 && primerBusqueda">
                 <td colspan="3">
                     No se encontraron resultados.
                 </td>
             </tr>
             <tr class="selected"
                 ng-repeat="(key, vendedor) in currentPageVendedores"
                 ng-click="select(vendedor)"
                 >
                 <td ng-bind="vendedor.CodVen"></td>
                 <td ng-bind="vendedor.NomVen"></td>
-                <td>
+                <td class="d-md-none text-primary">
+                    <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                </td>
+                <td class="d-none d-md-table-cell">
                     <button
                         type="button"
                         class="btn btn-xs p-1 float-right"
                         ng-class="{
                             'btn-secondary': selectedVendedor != key,
                             'btn-primary': selectedVendedor == key
                         }"
                         foca-focus="selectedVendedor == {{key}}"
                         ng-keydown="itemVendedor($event.keyCode)">
                         <i class="fa fa-arrow-right" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
         </tbody>
     </table>
     <nav ng-show="currentPageVendedores.length > 0 && primerBusqueda">
         <ul class="pagination pagination-sm justify-content mb-0">
             <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
                     <span aria-hidden="true">&laquo;</span>
                     <span class="sr-only">Anterior</span>
                 </a>
             </li>
             <li
                 class="page-item"
                 ng-repeat="pagina in paginas"
                 ng-class="{'active': pagina == currentPage}"
             >
                 <a
                     class="page-link"
                     href="#"
                     ng-click="selectPage(pagina)"
                     ng-bind="pagina"
                 ></a>
             </li>
             <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
                 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
                     <span aria-hidden="true">&raquo;</span>
                     <span class="sr-only">Siguiente</span>
                 </a>
             </li>
         </ul>
     </nav>
 </div>
-<div class="modal-footer py-1">
+<div class="modal-footer">
-    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
 </div>