Commit d04d334558bb01ce2398dea9fa16b6d1cad55a14
1 parent
2d33a75dae
Exists in
master
muestro nombre de transportista
Showing
1 changed file
with
10 additions
and
4 deletions
Show diff stats
src/views/foca-logistica-pedido-ruta.html
1 | <div class="foca-logistica-pedido-ruta" id="scope"> | 1 | <div class="foca-logistica-pedido-ruta" id="scope"> |
2 | <div class="row"> | 2 | <div class="row"> |
3 | <foca-cabecera-facturador | 3 | <foca-cabecera-facturador |
4 | titulo="titulo" | 4 | titulo="titulo" |
5 | fecha="now" | 5 | fecha="now" |
6 | class="mb-0 col-lg-12" | 6 | class="mb-0 col-lg-12" |
7 | ></foca-cabecera-facturador> | 7 | ></foca-cabecera-facturador> |
8 | </div> | 8 | </div> |
9 | <div class="row px-5 py-2 botonera-secundaria position-relative"> | 9 | <div class="row px-5 py-2 botonera-secundaria position-relative"> |
10 | <div class="col-10"> | 10 | <div class="col-10"> |
11 | <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador> | 11 | <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador> |
12 | </div> | 12 | </div> |
13 | <div class="col-2 pl-0 position-absolute right-0"> | 13 | <div class="col-2 pl-0 position-absolute right-0"> |
14 | <strong>Filtros: </strong> | 14 | <strong>Filtros: </strong> |
15 | <br> | 15 | <br> |
16 | <span>Fecha Desde</span> | 16 | <span>Fecha Desde</span> |
17 | <input | 17 | <input |
18 | type="text" | 18 | type="text" |
19 | readonly | 19 | readonly |
20 | ng-model="fechaDesde" | 20 | ng-model="fechaDesde" |
21 | class="form-control form-control-sm" | 21 | class="form-control form-control-sm" |
22 | uib-datepicker-popup="dd/MM/yyyy" | 22 | uib-datepicker-popup="dd/MM/yyyy" |
23 | show-button-bar="false" | 23 | show-button-bar="false" |
24 | is-open="fechaDesdeOpen" | 24 | is-open="fechaDesdeOpen" |
25 | on-open-focus="false" | 25 | on-open-focus="false" |
26 | ng-focus="fechaDesdeOpen = true" | 26 | ng-focus="fechaDesdeOpen = true" |
27 | ng-change="search()" | 27 | ng-change="search()" |
28 | /> | 28 | /> |
29 | <span>Fecha Hasta</span> | 29 | <span>Fecha Hasta</span> |
30 | <input | 30 | <input |
31 | type="text" | 31 | type="text" |
32 | readonly | 32 | readonly |
33 | ng-model="fechaHasta" | 33 | ng-model="fechaHasta" |
34 | class="form-control form-control-sm" | 34 | class="form-control form-control-sm" |
35 | uib-datepicker-popup="dd/MM/yyyy" | 35 | uib-datepicker-popup="dd/MM/yyyy" |
36 | show-button-bar="false" | 36 | show-button-bar="false" |
37 | is-open="fechaHastaOpen" | 37 | is-open="fechaHastaOpen" |
38 | on-open-focus="false" | 38 | on-open-focus="false" |
39 | ng-focus="fechaHastaOpen = true" | 39 | ng-focus="fechaHastaOpen = true" |
40 | ng-change="search()" | 40 | ng-change="search()" |
41 | /> | 41 | /> |
42 | <div class="custom-control custom-radio"> | 42 | <div class="custom-control custom-radio"> |
43 | <input | 43 | <input |
44 | type="radio" | 44 | type="radio" |
45 | class="custom-control-input" | 45 | class="custom-control-input" |
46 | id="idTodos" | 46 | id="idTodos" |
47 | name="filtro" | 47 | name="filtro" |
48 | ng-model="filtroEstado" | 48 | ng-model="filtroEstado" |
49 | ng-change="search()" | 49 | ng-change="search()" |
50 | checked> | 50 | checked> |
51 | <label class="custom-control-label pb-3" for="idTodos"></label> | 51 | <label class="custom-control-label pb-3" for="idTodos"></label> |
52 | <img src="img/marker-icon-grey.png"> | 52 | <img src="img/marker-icon-grey.png"> |
53 | <strong>Todos</strong> | 53 | <strong>Todos</strong> |
54 | </div> | 54 | </div> |
55 | <div class="custom-control custom-radio"> | 55 | <div class="custom-control custom-radio"> |
56 | <input | 56 | <input |
57 | type="radio" | 57 | type="radio" |
58 | class="custom-control-input" | 58 | class="custom-control-input" |
59 | id="idSinAsignar" | 59 | id="idSinAsignar" |
60 | name="filtro" | 60 | name="filtro" |
61 | ng-model="filtroEstado" | 61 | ng-model="filtroEstado" |
62 | ng-change="search()" | 62 | ng-change="search()" |
63 | ng-value="false"> | 63 | ng-value="false"> |
64 | <label class="custom-control-label pb-3" for="idSinAsignar"></label> | 64 | <label class="custom-control-label pb-3" for="idSinAsignar"></label> |
65 | <img src="img/marker-icon-green.png"> | 65 | <img src="img/marker-icon-green.png"> |
66 | <strong>Sin asignar</strong> | 66 | <strong>Sin asignar</strong> |
67 | </div> | 67 | </div> |
68 | <div class="custom-control custom-radio"> | 68 | <div class="custom-control custom-radio"> |
69 | <input | 69 | <input |
70 | type="radio" | 70 | type="radio" |
71 | class="custom-control-input" | 71 | class="custom-control-input" |
72 | id="idAsignado" | 72 | id="idAsignado" |
73 | name="filtro" | 73 | name="filtro" |
74 | ng-model="filtroEstado" | 74 | ng-model="filtroEstado" |
75 | ng-change="search()" | 75 | ng-change="search()" |
76 | ng-value="true"> | 76 | ng-value="true"> |
77 | <label class="custom-control-label pb-3" for="idAsignado"></label> | 77 | <label class="custom-control-label pb-3" for="idAsignado"></label> |
78 | <img src="img/marker-icon-red.png"> | 78 | <img src="img/marker-icon-red.png"> |
79 | <strong>Asignado</strong> | 79 | <strong>Asignado</strong> |
80 | </div> | 80 | </div> |
81 | </div> | 81 | </div> |
82 | </div> | 82 | </div> |
83 | <div class="row px-5"> | 83 | <div class="row px-5"> |
84 | <div class="col-10"> | 84 | <div class="col-10"> |
85 | <foca-logistica | 85 | <foca-logistica |
86 | latitud="-32.89214159952345" | 86 | latitud="-32.89214159952345" |
87 | longitud="-68.84572999101856" | 87 | longitud="-68.84572999101856" |
88 | zoom="14" | 88 | zoom="14" |
89 | marcadores="marcadores" | 89 | marcadores="marcadores" |
90 | parametros= "datosBuscados" | 90 | parametros= "datosBuscados" |
91 | /> | 91 | /> |
92 | </div> | 92 | </div> |
93 | <div class="row"> | 93 | <div class="row"> |
94 | <div | 94 | <div |
95 | class="container col-auto" | 95 | class="container col-auto" |
96 | ng-repeat="vehiculo in vehiculos" | 96 | ng-repeat="vehiculo in vehiculos" |
97 | ng-click="mostrarDetalleVehiculo(vehiculo)" | 97 | ng-click="mostrarDetalleVehiculo(vehiculo)" |
98 | > | 98 | > |
99 | <div> | 99 | <div> |
100 | <div class="col-md-3 col-sm-6"> | 100 | <div class="col-md-3 col-sm-6"> |
101 | <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> | 101 | <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> |
102 | <span class="progress-left"> | 102 | <span class="progress-left"> |
103 | <span class="progress-bar"></span> | 103 | <span class="progress-bar"></span> |
104 | </span> | 104 | </span> |
105 | <span class="progress-right"> | 105 | <span class="progress-right"> |
106 | <span class="progress-bar"></span> | 106 | <span class="progress-bar"></span> |
107 | </span> | 107 | </span> |
108 | <div class="progress-value">{{vehiculo.codigo}} | 108 | <div class="progress-value py-4 px-3 d-flex align-content-between flex-wrap"> |
109 | <br> | 109 | <small class="w-100"> |
110 | <small> | 110 | <small> |
111 | {{vehiculo.transportista.NOM.trim()}} | 111 | <small> |
112 | {{vehiculo.transportista.NOM.trim()}} | ||
113 | </small> | ||
114 | </small> | ||
115 | </small> | ||
116 | <small class="w-100"> | ||
117 | {{vehiculo.codigo}} | ||
112 | </small> | 118 | </small> |
113 | </div> | 119 | </div> |
114 | </div> | 120 | </div> |
115 | </div> | 121 | </div> |
116 | <div class="row ml-2"> | 122 | <div class="row ml-2"> |
117 | <div class="col-3 position-absolute"> | 123 | <div class="col-3 position-absolute"> |
118 | <img | 124 | <img |
119 | src="img/hojaRutaVolante.png" | 125 | src="img/hojaRutaVolante.png" |
120 | width="100%"> | 126 | width="100%"> |
121 | </div> | 127 | </div> |
122 | <div class="col-3" | 128 | <div class="col-3" |
123 | uib-tooltip="Confirmar distribuición" | 129 | uib-tooltip="Confirmar distribuición" |
124 | ng-click="hacerHojaRuta(vehiculo)"></div> | 130 | ng-click="hacerHojaRuta(vehiculo)"></div> |
125 | <div class="col-3"> | 131 | <div class="col-3"> |
126 | <i | 132 | <i |
127 | class="fa fa-eye fa-2x" | 133 | class="fa fa-eye fa-2x" |
128 | uib-tooltip="Ver cisternas" | 134 | uib-tooltip="Ver cisternas" |
129 | ng-click="cargar(vehiculo.id, -1)"> | 135 | ng-click="cargar(vehiculo.id, -1)"> |
130 | </i> | 136 | </i> |
131 | </div> | 137 | </div> |
132 | <div class="col-3 ml-2"> | 138 | <div class="col-3 ml-2"> |
133 | <i | 139 | <i |
134 | class="fa fa-trash fa-2x" | 140 | class="fa fa-trash fa-2x" |
135 | uib-tooltip="Eliminar vehiculo" | 141 | uib-tooltip="Eliminar vehiculo" |
136 | ng-click="quitarVehiculo(vehiculo)"></i> | 142 | ng-click="quitarVehiculo(vehiculo)"></i> |
137 | </div> | 143 | </div> |
138 | </div> | 144 | </div> |
139 | <div | 145 | <div |
140 | class="ml-1 border border-dark text-center" | 146 | class="ml-1 border border-dark text-center" |
141 | ng-show="arrastrando" | 147 | ng-show="arrastrando" |
142 | id="{{vehiculo.id}}" | 148 | id="{{vehiculo.id}}" |
143 | ondrop="drop(event)" | 149 | ondrop="drop(event)" |
144 | ondragover="allowDrop(event)" | 150 | ondragover="allowDrop(event)" |
145 | >Soltar acá</div> | 151 | >Soltar acá</div> |
146 | </div> | 152 | </div> |
147 | </div> | 153 | </div> |
148 | </div> | 154 | </div> |
149 | </div> | 155 | </div> |
150 | </div> | 156 | </div> |
151 | 157 |