Luigi / foca-logistica-pedido-ruta

1

1

2

2

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

9

10

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

13

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

42

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

51

52

52

53

<strong>Todos</strong>

53

<strong>Todos</strong>

54

</div>

54

</div>

55

55

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

64

65

65

66

<strong>Sin asignar</strong>

66

<strong>Sin asignar</strong>

67

</div>

67

</div>

68

68

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

77

78

78

79

<strong>Asignado</strong>

79

<strong>Asignado</strong>

80

</div>

80

</div>

81

</div>

81

</div>

82

</div>

82

</div>

83

83

84

84

85

<foca-logistica

85

<foca-logistica

86

latitud="-32.89214159952345"

86

latitud="-34.7152975"

87

longitud="-68.84572999101856"

87

longitud="-65.9053867"

88

zoom="14"

88

zoom="5"

89

marcadores="marcadores"

89

marcadores="marcadores"

90

parametros= "datosBuscados"

90

parametros= "datosBuscados"

91

/>

91

/>

92

</div>

92

</div>

93

93

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

100

101

101

102

102

103

103

104

</span>

104

</span>

105

105

106

106

107

</span>

107

</span>

108

108

109

109

110

<small>

110

<small>

111

<small>

111

<small>

112

113

</small>

113

</small>

114

</small>

114

</small>

115

</small>

115

</small>

116

116

117

118

</small>

118

</small>

119

</div>

119

</div>

120

</div>

120

</div>

121

</div>

121

</div>

122

122

123

123

124

<img

124

<img

125

src="img/hojaRutaVolante.png"

125

src="img/hojaRutaVolante.png"

126

width="100%">

126

width="100%">

127

</div>

127

</div>

128

<div class="col-3"

128

<div class="col-3"

129

uib-tooltip="Confirmar distribuición"

129

uib-tooltip="Confirmar distribuición"

130

ng-click="hacerHojaRuta(vehiculo)"></div>

130

ng-click="hacerHojaRuta(vehiculo)"></div>

131

131

132

<i

132

<i

133

class="fa fa-eye fa-2x"

133

class="fa fa-eye fa-2x"

134

uib-tooltip="Ver cisternas"

134

uib-tooltip="Ver cisternas"

135

ng-click="cargar(vehiculo.id, -1)">

135

ng-click="cargar(vehiculo.id, -1)">

136

</i>

136

</i>

137

</div>

137

</div>

138

138

139

<i

139

<i

140

class="fa fa-trash fa-2x"

140

class="fa fa-trash fa-2x"

141

uib-tooltip="Eliminar vehiculo"

141

uib-tooltip="Eliminar vehiculo"

142

ng-click="quitarVehiculo(vehiculo)"></i>

142

ng-click="quitarVehiculo(vehiculo)"></i>

143

</div>

143

</div>

144

</div>

144

</div>

145

<div

145

<div

146

class="ml-1 border border-dark text-center"

146

class="ml-1 border border-dark text-center w-100"

147

ng-show="arrastrando"

147

ng-show="arrastrando"

148

id="{{vehiculo.id}}"

148

id="{{vehiculo.id}}"

149

ondrop="drop(event)"

149

ondrop="drop(event)"

150

ondragover="allowDrop(event)"

150

ondragover="allowDrop(event)"

151

>Soltar acá</div>

151

>Soltar acá</div>

152

</div>

152

</div>

153

</div>

153

</div>

154

</div>

154

</div>

155

</div>

155

</div>

156

</div>

156

</div>

157

GITLAB

Luigi / foca-logistica-pedido-ruta

nueva ubicacion default mapa, fix width div 'soltar aca'

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="-34.7152975"
87	longitud="-68.84572999101856"	87	longitud="-65.9053867"
88	zoom="14"	88	zoom="5"
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 py-4 px-3 d-flex align-content-between flex-wrap">	108	<div class="progress-value py-4 px-3 d-flex align-content-between flex-wrap">
109	<small class="w-100">	109	<small class="w-100">
110	<small>	110	<small>
111	<small>	111	<small>
112	{{vehiculo.transportista.NOM.trim()}}	112	{{vehiculo.transportista.NOM.trim()}}
113	</small>	113	</small>
114	</small>	114	</small>
115	</small>	115	</small>
116	<small class="w-100">	116	<small class="w-100">
117	{{vehiculo.codigo}}	117	{{vehiculo.codigo}}
118	</small>	118	</small>
119	</div>	119	</div>
120	</div>	120	</div>
121	</div>	121	</div>
122	<div class="row ml-2">	122	<div class="row ml-2">
123	<div class="col-3 position-absolute">	123	<div class="col-3 position-absolute">
124	<img	124	<img
125	src="img/hojaRutaVolante.png"	125	src="img/hojaRutaVolante.png"
126	width="100%">	126	width="100%">
127	</div>	127	</div>
128	<div class="col-3"	128	<div class="col-3"
129	uib-tooltip="Confirmar distribuición"	129	uib-tooltip="Confirmar distribuición"
130	ng-click="hacerHojaRuta(vehiculo)"></div>	130	ng-click="hacerHojaRuta(vehiculo)"></div>
131	<div class="col-3">	131	<div class="col-3">
132	<i	132	<i
133	class="fa fa-eye fa-2x"	133	class="fa fa-eye fa-2x"
134	uib-tooltip="Ver cisternas"	134	uib-tooltip="Ver cisternas"
135	ng-click="cargar(vehiculo.id, -1)">	135	ng-click="cargar(vehiculo.id, -1)">
136	</i>	136	</i>
137	</div>	137	</div>
138	<div class="col-3 ml-2">	138	<div class="col-3 ml-2">
139	<i	139	<i
140	class="fa fa-trash fa-2x"	140	class="fa fa-trash fa-2x"
141	uib-tooltip="Eliminar vehiculo"	141	uib-tooltip="Eliminar vehiculo"
142	ng-click="quitarVehiculo(vehiculo)"></i>	142	ng-click="quitarVehiculo(vehiculo)"></i>
143	</div>	143	</div>
144	</div>	144	</div>
145	<div	145	<div
146	class="ml-1 border border-dark text-center"	146	class="ml-1 border border-dark text-center w-100"
147	ng-show="arrastrando"	147	ng-show="arrastrando"
148	id="{{vehiculo.id}}"	148	id="{{vehiculo.id}}"
149	ondrop="drop(event)"	149	ondrop="drop(event)"
150	ondragover="allowDrop(event)"	150	ondragover="allowDrop(event)"
151	>Soltar acá</div>	151	>Soltar acá</div>
152	</div>	152	</div>
153	</div>	153	</div>
154	</div>	154	</div>
155	</div>	155	</div>
156	</div>	156	</div>
157		157