Commit 8636d900f17e40d62d0bf6072668700c38d92468
1 parent
72b46e4e12
Exists in
master
Agregado boton con icono de calendario.
Showing
1 changed file
with
6 additions
and
0 deletions
Show diff stats
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="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 | ||
45 | class="btn btn-xs btn-outline-light" | ||
46 | ng-click="datepickerAbierto = true" | ||
47 | > | ||
48 | <i class="fa fa-calendar"></i> | ||
49 | </button> | ||
44 | </div> | 50 | </div> |
45 | <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"> |
46 | Hora: | 52 | Hora: |
47 | <span | 53 | <span |
48 | ng-show="!datepickerAbierto" | 54 | ng-show="!datepickerAbierto" |
49 | ng-bind="$ctrl.fecha | date:'HH:mm'" | 55 | ng-bind="$ctrl.fecha | date:'HH:mm'" |
50 | ng-click="datepickerAbierto = true" | 56 | ng-click="datepickerAbierto = true" |
51 | > | 57 | > |
52 | </span> | 58 | </span> |
53 | </div> | 59 | </div> |
54 | </div> | 60 | </div> |
55 | <div class="row py-2"> | 61 | <div class="row py-2"> |
56 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> | 62 | <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera"> |
57 | <span class="label" ng-bind="cab.label"></span> | 63 | <span class="label" ng-bind="cab.label"></span> |
58 | <span class="valor" ng-bind="cab.valor"></span> | 64 | <span class="valor" ng-bind="cab.valor"></span> |
59 | </div> | 65 | </div> |
60 | <a | 66 | <a |
61 | class="btn col-12 btn-secondary d-sm-none" | 67 | class="btn col-12 btn-secondary d-sm-none" |
62 | ng-show="cabecera.length > 0" | 68 | ng-show="cabecera.length > 0" |
63 | ng-click="showCabecera = !showCabecera" | 69 | ng-click="showCabecera = !showCabecera" |
64 | > | 70 | > |
65 | <i | 71 | <i |
66 | class="fa fa-chevron-down" | 72 | class="fa fa-chevron-down" |
67 | ng-hide="showCabecera" | 73 | ng-hide="showCabecera" |
68 | aria-hidden="true" | 74 | aria-hidden="true" |
69 | > | 75 | > |
70 | </i> | 76 | </i> |
71 | <i | 77 | <i |
72 | class="fa fa-chevron-up" | 78 | class="fa fa-chevron-up" |
73 | ng-show="showCabecera" | 79 | ng-show="showCabecera" |
74 | aria-hidden="true"> | 80 | aria-hidden="true"> |
75 | </i> | 81 | </i> |
76 | </a> | 82 | </a> |
77 | </div> | 83 | </div> |
78 | </div> | 84 | </div> |
79 | </div> | 85 | </div> |
80 | </div> | 86 | </div> |
81 | </div> | 87 | </div> |
82 | </form> | 88 | </form> |
83 | 89 |