Commit f3a0810aae7ccd7a16d6f59f6aeaf47ab47030fd
1 parent
2898e6720b
Exists in
master
Boton fecha
Showing
2 changed files
with
6 additions
and
2 deletions
Show diff stats
package.json
1 | { | 1 | { |
2 | "name": "foca-cabecera-facturador", | 2 | "name": "foca-cabecera-facturador", |
3 | "version": "0.0.1", | 3 | "version": "0.0.1", |
4 | "description": "Componente de cabecera en facturadores", | 4 | "description": "Componente de cabecera en facturadores", |
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 | "compile": "gulp uglify", | 8 | "compile": "gulp uglify", |
9 | "gulp-pre-commit": "gulp pre-commit", | 9 | "gulp-pre-commit": "gulp pre-commit", |
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 bootstrap font-awesome gulp gulp-angular-templatecache gulp-clean gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify-es jasmine-core jquery jshint pre-commit pump && npm install angular-sanitize" | 11 | "install-dev": "npm install -D angular bootstrap font-awesome gulp gulp-angular-templatecache gulp-clean gulp-concat gulp-connect gulp-htmlmin gulp-jshint gulp-rename gulp-replace gulp-uglify-es jasmine-core jquery jshint pre-commit pump && npm install angular-sanitize" |
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": "git+ssh://git@debonline.dyndns.org:npm/foca-cabecera-facturador.git" | 18 | "url": "git+ssh://git@debonline.dyndns.org:npm/foca-cabecera-facturador.git" |
19 | }, | 19 | }, |
20 | "author": "Foca Software", | 20 | "author": "Foca Software", |
21 | "license": "ISC", | 21 | "license": "ISC", |
22 | "peerDependencies": { | 22 | "peerDependencies": { |
23 | "angular": "^1.7.x", | 23 | "angular": "^1.7.x", |
24 | "bootstrap": "^4.1.x", | 24 | "bootstrap": "^4.1.x", |
25 | "jquery": "^3.3.x", | 25 | "jquery": "^3.3.x", |
26 | "font-awesome": "^4.7.x", | 26 | "font-awesome": "^4.7.x", |
27 | "gulp": "^3.9.x", | 27 | "gulp": "^3.9.x", |
28 | "gulp-concat": "2.6.x", | 28 | "gulp-concat": "2.6.x", |
29 | "gulp-jshint": "^2.1.x", | 29 | "gulp-jshint": "^2.1.x", |
30 | "gulp-rename": "^1.4.x", | 30 | "gulp-rename": "^1.4.x", |
31 | "gulp-replace": "^1.0.x", | 31 | "gulp-replace": "^1.0.x", |
32 | "gulp-uglify-es": "^1.0.x", | 32 | "gulp-uglify-es": "^1.0.x", |
33 | "jshint": "^2.9.x", | 33 | "jshint": "^2.9.x", |
34 | "pump": "^3.0.x" | 34 | "pump": "^3.0.x" |
35 | }, | 35 | }, |
36 | "devDependencies": { | 36 | "devDependencies": { |
37 | "angular": "1.7.5", | 37 | "angular": "1.7.5", |
38 | "angular-route": "^1.7.5", | 38 | "angular-route": "^1.7.5", |
39 | "angular-sanitize": "1.7.5", | 39 | "angular-sanitize": "1.7.5", |
40 | "bootstrap": "4.1.3", | 40 | "bootstrap": "4.1.3", |
41 | "font-awesome": "4.7.0", | 41 | "font-awesome": "4.7.0", |
42 | "gulp": "3.9.1", | 42 | "gulp": "3.9.1", |
43 | "gulp-angular-templatecache": "2.2.5", | 43 | "gulp-angular-templatecache": "2.2.5", |
44 | "gulp-clean": "0.4.0", | 44 | "gulp-clean": "0.4.0", |
45 | "gulp-concat": "2.6.1", | 45 | "gulp-concat": "2.6.1", |
46 | "gulp-connect": "5.6.1", | 46 | "gulp-connect": "5.6.1", |
47 | "gulp-htmlmin": "5.0.1", | 47 | "gulp-htmlmin": "5.0.1", |
48 | "gulp-jshint": "2.1.0", | 48 | "gulp-jshint": "2.1.0", |
49 | "gulp-rename": "1.4.0", | 49 | "gulp-rename": "1.4.0", |
50 | "gulp-replace": "1.0.0", | 50 | "gulp-replace": "1.0.0", |
51 | "gulp-sass": "4.0.2", | 51 | "gulp-sass": "4.0.2", |
52 | "gulp-uglify-es": "1.0.4", | 52 | "gulp-uglify-es": "1.0.4", |
53 | "jasmine-core": "3.3.0", | 53 | "jasmine-core": "3.3.0", |
54 | "jquery": "3.3.1", | 54 | "jquery": "3.3.1", |
55 | "jshint": "2.9.6", | 55 | "jshint": "2.9.6", |
56 | "pre-commit": "1.2.2", | 56 | "pre-commit": "1.2.2", |
57 | "pump": "3.0.0" | 57 | "pump": "3.0.0" |
58 | }, | ||
59 | "dependencies": { | ||
60 | "node-sass": "^4.12.0", | ||
61 | "sass": "^1.20.1" | ||
58 | } | 62 | } |
59 | } | 63 | } |
60 | 64 |
src/views/cabecera.html
1 | <form name="formCrearNota"> | 1 | <form name="formCrearNota"> |
2 | <div class="row"> | 2 | <div class="row"> |
3 | <div class="col-md-10 col-lg-12"> | 3 | <div class="col-md-10 col-lg-12"> |
4 | <div class="row panel-informativo"> | 4 | <div class="row panel-informativo"> |
5 | <div class="col-12"> | 5 | <div class="col-12"> |
6 | <div class="row titulares"> | 6 | <div class="row titulares"> |
7 | <div class="col-12 col-sm nota-pedido border border-left-0 border-white align-middle"> | 7 | <div class="col-12 col-sm nota-pedido border border-left-0 border-white align-middle"> |
8 | <h5 class="mb-0">{{$ctrl.titulo}}</h5> | 8 | <h5 class="mb-0">{{$ctrl.titulo}}</h5> |
9 | </div> | 9 | </div> |
10 | <div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle" | 10 | <div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle" |
11 | ng-if="$ctrl.numero">Nº {{$ctrl.numero}} | 11 | ng-if="$ctrl.numero">Nº {{$ctrl.numero}} |
12 | <button | 12 | <button |
13 | class="btn btn-xs btn-outline-light float-right" | 13 | class="btn btn-xs btn-outline-light float-right" |
14 | type="button" | 14 | type="button" |
15 | ng-click="$ctrl.busqueda()" | 15 | ng-click="$ctrl.busqueda()" |
16 | ng-if="$ctrl.busqueda" | 16 | ng-if="$ctrl.busqueda" |
17 | title="Buscar" | 17 | title="Buscar" |
18 | > | 18 | > |
19 | <i class="fa fa-search"></i> | 19 | <i class="fa fa-search"></i> |
20 | </button> | 20 | </button> |
21 | </div> | 21 | </div> |
22 | <div class="col-7 col-sm border border-white align-middle"> | 22 | <div class="input-group col-7 col-sm border border-white align-middle"> |
23 | Fecha: | 23 | Fecha: |
24 | <span | 24 | <span |
25 | ng-show="!datepickerAbierto" | 25 | ng-show="!datepickerAbierto" |
26 | ng-bind="$ctrl.fecha | date:'dd/MM/yyyy'" | 26 | ng-bind="$ctrl.fecha | date:'dd/MM/yyyy'" |
27 | ng-click="datepickerAbierto = true" | 27 | ng-click="datepickerAbierto = true" |
28 | > | 28 | > |
29 | </span> | 29 | </span> |
30 | <input | 30 | <input |
31 | ng-show="datepickerAbierto" | 31 | ng-show="datepickerAbierto" |
32 | type="text" | 32 | type="text" |
33 | ng-model="$ctrl.fecha" | 33 | ng-model="$ctrl.fecha" |
34 | ng-change="datepickerAbierto = false" | 34 | ng-change="datepickerAbierto = false" |
35 | ng-blur="datepickerAbierto = false" | 35 | ng-blur="datepickerAbierto = false" |
36 | class="form-control form-control-sm col-8 float-right" | 36 | class="form-control form-control-sm col-8 float-right" |
37 | foca-focus="datepickerAbierto" | 37 | foca-focus="datepickerAbierto" |
38 | uib-datepicker-popup="dd/MM/yyyy" | 38 | uib-datepicker-popup="dd/MM/yyyy" |
39 | show-button-bar="false" | 39 | show-button-bar="false" |
40 | is-open="datepickerOpen" | 40 | is-open="datepickerOpen" |
41 | on-open-focus="false" | 41 | on-open-focus="false" |
42 | ng-focus="datepickerOpen = true" | 42 | ng-focus="datepickerOpen = true" |
43 | /> | 43 | /> |
44 | <button | 44 | <button |
45 | class="btn btn-xs btn-outline-light" | 45 | class="btn btn-xs btn-outline-light float-right" |
46 | ng-click="datepickerAbierto = true" | 46 | ng-click="datepickerAbierto = true" |
47 | > | 47 | > |
48 | <i class="fa fa-calendar"></i> | 48 | <i class="fa fa-calendar"></i> |
49 | </button> | 49 | </button> |
50 | </div> | 50 | </div> |
51 | <div class="col-5 col-sm border border-white border-right-0 align-middle"> | 51 | <div class="col-5 col-sm border border-white border-right-0 align-middle"> |
52 | Hora: | 52 | Hora: |
53 | <span | 53 | <span |
54 | ng-show="!datepickerAbierto" | 54 | ng-show="!datepickerAbierto" |
55 | ng-bind="$ctrl.fecha | date:'HH:mm'" | 55 | ng-bind="$ctrl.fecha | date:'HH:mm'" |
56 | ng-click="datepickerAbierto = true" | 56 | ng-click="datepickerAbierto = true" |
57 | > | 57 | > |
58 | </span> | 58 | </span> |
59 | </div> | 59 | </div> |
60 | </div> | 60 | </div> |
61 | <div class="row py-2" ng-repeat="seccion in cabeceras" ng-show="showCabecera"> | 61 | <div class="row py-2" ng-repeat="seccion in cabeceras" ng-show="showCabecera"> |
62 | <strong ng-bind="seccion.seccion"></strong> | 62 | <strong ng-bind="seccion.seccion"></strong> |
63 | <div class="col-auto" ng-repeat="cab in seccion.cabeceras" ng-show="showCabecera"> | 63 | <div class="col-auto" ng-repeat="cab in seccion.cabeceras" ng-show="showCabecera"> |
64 | <span class="label" ng-bind="cab.label"></span> | 64 | <span class="label" ng-bind="cab.label"></span> |
65 | <span class="valor" ng-bind="cab.valor"></span> | 65 | <span class="valor" ng-bind="cab.valor"></span> |
66 | </div> | 66 | </div> |
67 | </div> | 67 | </div> |
68 | <a | 68 | <a |
69 | class="btn col-12 btn-secondary" | 69 | class="btn col-12 btn-secondary" |
70 | ng-show="cabeceras.length > 1" | 70 | ng-show="cabeceras.length > 1" |
71 | ng-click="showCabecera = !showCabecera" | 71 | ng-click="showCabecera = !showCabecera" |
72 | > | 72 | > |
73 | <i | 73 | <i |
74 | class="fa fa-chevron-down" | 74 | class="fa fa-chevron-down" |
75 | ng-hide="showCabecera" | 75 | ng-hide="showCabecera" |
76 | aria-hidden="true" | 76 | aria-hidden="true" |
77 | > | 77 | > |
78 | </i> | 78 | </i> |
79 | <i | 79 | <i |
80 | class="fa fa-chevron-up" | 80 | class="fa fa-chevron-up" |
81 | ng-show="showCabecera" | 81 | ng-show="showCabecera" |
82 | aria-hidden="true"> | 82 | aria-hidden="true"> |
83 | </i> | 83 | </i> |
84 | </a> | 84 | </a> |
85 | </div> | 85 | </div> |
86 | </div> | 86 | </div> |
87 | </div> | 87 | </div> |
88 | </div> | 88 | </div> |
89 | </form> | 89 | </form> |
90 | 90 |