Jose Pinto / foca-modal-moneda

Download as
Browse Code »

Commit 1528f4661a4a8519e5de90cc040a51ea1ce26ac1

Authored by Nicolás Guarnieri
2 parents 5e6a32a345 b02636737d
Exists in master

Merge branch 'master' into 'master' 

buscador en header, paginado en footer, cambio icons

See merge request !1
Showing 2 changed files   Show diff stats
1 { 1 {
2 "name": "foca-modal-moneda", 2 "name": "foca-modal-moneda",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "Modal de búsqueda de monedas", 4 "description": "Modal de búsqueda de monedas",
5 "main": "index.js", 5 "main": "index.js",
6 "scripts": { 6 "scripts": {
7 "test": "echo \"Error: no test specified\" && exit 1", 7 "test": "echo \"Error: no test specified\" && exit 1",
8 "gulp-pre-commit": "gulp pre-commit", 8 "gulp-pre-commit": "gulp pre-commit",
9 "compile": "gulp uglify", 9 "compile": "gulp uglify",
10 "postinstall": "npm run compile && gulp clean-post-install", 10 "postinstall": "npm run compile && gulp clean-post-install",
11 "install-dev": "npm install -D angular font-awesome pump jquery bootstrap ui-bootstrap4 jshint gulp gulp-uglify gulp-concat gulp-htmlmin gulp-rename gulp-uglify gulp-jshint gulp-replace gulp-connect gulp-clean gulp-angular-templatecache git+https://debo.suite.repo/modulos-npm/foca-directivas.git" 11 "install-dev": "npm install -D angular font-awesome pump jquery bootstrap ui-bootstrap4 jshint gulp gulp-uglify gulp-concat gulp-htmlmin gulp-rename gulp-uglify gulp-jshint gulp-replace gulp-connect gulp-clean gulp-angular-templatecache git+ssh://git@git.focasoftware.com:npm/foca-directivas.git"
12 }, 12 },
13 "pre-commit": [ 13 "pre-commit": [
14 "gulp-pre-commit" 14 "gulp-pre-commit"
15 ], 15 ],
16 "repository": { 16 "repository": {
17 "type": "git", 17 "type": "git",
18 "url": "https://debo.suite.repo/modulos-npm/foca-modal-moneda.git" 18 "url": "https://debo.suite.repo/modulos-npm/foca-modal-moneda.git"
19 }, 19 },
20 "author": "Foca Software", 20 "author": "Foca Software",
21 "license": "ISC", 21 "license": "ISC",
22 "devDependencies": { 22 "devDependencies": {
23 "angular": "^1.7.5", 23 "angular": "^1.7.5",
24 "bootstrap": "^4.1.3", 24 "bootstrap": "^4.1.3",
25 "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git", 25 "foca-directivas": "git+ssh://git@git.focasoftware.com:npm/foca-directivas.git",
26 "font-awesome": "^4.7.0", 26 "font-awesome": "^4.7.0",
27 "gulp": "^3.9.1", 27 "gulp": "^3.9.1",
28 "gulp-angular-templatecache": "^2.2.2", 28 "gulp-angular-templatecache": "^2.2.2",
29 "gulp-clean": "^0.4.0", 29 "gulp-clean": "^0.4.0",
30 "gulp-concat": "^2.6.1", 30 "gulp-concat": "^2.6.1",
31 "gulp-connect": "^5.6.1", 31 "gulp-connect": "^5.6.1",
32 "gulp-htmlmin": "^5.0.1", 32 "gulp-htmlmin": "^5.0.1",
33 "gulp-jshint": "^2.1.0", 33 "gulp-jshint": "^2.1.0",
34 "gulp-rename": "^1.4.0", 34 "gulp-rename": "^1.4.0",
35 "gulp-replace": "^1.0.0", 35 "gulp-replace": "^1.0.0",
36 "gulp-uglify": "^3.0.1", 36 "gulp-uglify": "^3.0.1",
37 "jquery": "^3.3.1", 37 "jquery": "^3.3.1",
38 "jshint": "^2.9.6", 38 "jshint": "^2.9.6",
39 "pump": "^3.0.0", 39 "pump": "^3.0.0",
40 "ui-bootstrap4": "^3.0.5" 40 "ui-bootstrap4": "^3.0.5"
41 } 41 }
42 } 42 }
43 43
src/views/modal-moneda.html
Diff comments   View file @ 1528f46
1 <div class="modal-header py-1"> 1 <div class="modal-header py-1">
2 <h5 class="modal-title">Busqueda de Moneda</h5> 2 <div class="row w-100">
3 <div class="col-lg-6">
4 <h5 class="modal-title my-1">Busqueda de Moneda</h5>
5 </div>
6 <div class="input-group col-lg-6 pr-0 my-2">
7 <input
8 type="text"
9 class="form-control form-control-sm"
10 placeholder="Busqueda"
11 ng-model="filters"
12 ng-change="search()"
13 ng-keydown="busquedaDown($event.keyCode)"
14 ng-keypress="busquedaPress($event.keyCode)"
15 foca-focus="selectedMoneda == -1"
16 ng-focus="selectedMoneda = -1"
17 >
18 <div class="input-group-append">
19 <button
20 ladda="searchLoading"
21 class="btn btn-outline-secondary"
22 type="button">
23 <i class="fa fa-search" aria-hidden="true"></i>
24 </button>
25 </div>
26 </div>
27 </div>
28
3 </div> 29 </div>
4 <div class="modal-body" id="modal-body"> 30 <div class="modal-body" id="modal-body">
5 <div class="input-group"> 31 <div>
6 <input
7 type="text"
8 class="form-control form-control-sm"
9 placeholder="Busqueda"
10 ng-model="filters"
11 ng-change="search()"
12 ng-keydown="busquedaDown($event.keyCode)"
13 ng-keypress="busquedaPress($event.keyCode)"
14 foca-focus="selectedMoneda == -1"
15 ng-focus="selectedMoneda = -1"
16 >
17 <table class="table table-striped table-sm"> 32 <table class="table table-striped table-sm">
18 <thead> 33 <thead>
19 <tr> 34 <tr>
20 <th>Nombre</th> 35 <th>Nombre</th>
21 <th>Simbolo</th> 36 <th>Simbolo</th>
22 <th></th> 37 <th></th>
23 </tr> 38 </tr>
24 </thead> 39 </thead>
25 <tbody> 40 <tbody>
26 <tr 41 <tr
27 class="selectable" 42 class="selectable"
28 ng-repeat="(key,moneda) in currentPageMoneda" 43 ng-repeat="(key,moneda) in currentPageMoneda"
29 ng-click="select(moneda)" 44 ng-click="select(moneda)"
30 > 45 >
31 <td ng-bind="moneda.DETALLE"></td> 46 <td ng-bind="moneda.DETALLE"></td>
32 <td ng-bind="moneda.SIMBOLO"></td> 47 <td ng-bind="moneda.SIMBOLO"></td>
33 <td> 48 <td>
34 <button 49 <button
35 type="button" 50 type="button"
36 class="btn btn-xs p-1 float-right" 51 class="btn btn-xs p-1 float-right"
37 ng-class="{ 52 ng-class="{
38 'btn-secondary': selectedMoneda != key, 53 'btn-secondary': selectedMoneda != key,
39 'btn-primary': selectedMoneda == key 54 'btn-primary': selectedMoneda == key
40 }" 55 }"
41 foca-focus="selectedMoneda == {{key}}" 56 foca-focus="selectedMoneda == {{key}}"
42 ng-keydown="itemProducto($event.keyCode)" 57 ng-keydown="itemProducto($event.keyCode)"
43 > 58 >
44 <i class="fa fa-arrow-right" aria-hidden="true"></i> 59 <i class="fa fa-circle-thin" aria-hidden="true"></i>
45 </button> 60 </button>
46 </td> 61 </td>
47 </tr> 62 </tr>
48 </tbody> 63 </tbody>
49 </table> 64 </table>
50 <nav> 65
66 </div>
67 </div>
68 <div class="modal-footer py-1">
69 <nav class="mr-auto">
51 <ul class="pagination pagination-sm justify-content-end mb-0"> 70 <ul class="pagination pagination-sm justify-content-end mb-0">
52 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 71 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
53 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 72 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
54 <span aria-hidden="true">&laquo;</span> 73 <span aria-hidden="true">&laquo;</span>
55 <span class="sr-only">Anterior</span> 74 <span class="sr-only">Anterior</span>
56 </a> 75 </a>
57 </li> 76 </li>
58 <li 77 <li
59 class="page-item" 78 class="page-item"
60 ng-repeat="pagina in paginas" 79 ng-repeat="pagina in paginas"
61 ng-class="{'active': pagina == currentPage}" 80 ng-class="{'active': pagina == currentPage}"
62 > 81 >
63 <a 82 <a
64 class="page-link" 83 class="page-link"
65 href="javascript:void();" 84 href="javascript:void();"
66 ng-click="selectPage(pagina)" 85 ng-click="selectPage(pagina)"
67 ng-bind="pagina" 86 ng-bind="pagina"
68 ></a> 87 ></a>
69 </li> 88 </li>