forked from mgaitan/preciosa_mobile
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (154 loc) · 9.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
</head>
<body>
<!-- Página princial -->
<div data-role="page" id="principal">
<div data-role="header" data-position="fixed">
<h1>Sucursal</h1>
</div>
<div role="main" class="ui-content">
<a id="to-supermarket" href="#supermercado" class="ui-btn ui-shadow ui-corner-all" data-icon="navigation">En el Supermercado</a>
<a id="to-read-mode" href="#sucursal" class="ui-btn ui-shadow ui-corner-all" data-icon="navigation">Curiosear precios</a>
</div>
<div data-role="footer" data-position="fixed" style="visibility:hidden;text-align: center;">
<a href="#configuracion" data-role="button">Configuración</a>
</div>
</div>
<!-- Pagina donde se elige la sucursal -->
<div data-role="page" id="supermercado">
<div data-role="header" data-position="fixed">
<a href="#" data-icon="back" data-rel="back" data-iconpos="notext" title="Volver">Volver</a>
<h1>Sucursal</h1>
</div>
<div role="main" class="ui-content">
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#sucursal_buscar" class="ui-btn-active" data-ajax="false">Buscar</a></li>
<li><a id='tab_recientes' href="#sucursal_recientes" data-ajax="false">Recientes</a></li>
<li><a id='tab_cercanas' href="#sucursal_cercanas" data-ajax="false">Cercanas</a></li>
</ul>
</div>
<div id="sucursal_buscar" class="ui-body-d ui-content">
<ul id="sucursales_listview" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Ej: cadena, ciudad, calle..." data-filter-theme="a"></ul>
</ul>
</div>
<div id="sucursal_recientes">
<ul id="sucursales_recientes_listview" data-role="listview" data-inset="true">
<li>Cargando sucursales recientes...</li>
</ul>
</div>
<div id="sucursal_cercanas">
<div class="cercana_coor_text">Sucursal cercana a: <span class="cercana_coor"></span>
<a href="#configuracion" class="ui-btn ui-shadow ui-corner-all go-to-conf" data-icon="navigation">Configurar ubicación</a>
</div>
<ul id="sucursales_cercanas_listview" data-role="listview" data-inset="true">
<li>Cargando sucursales cercanas...</li>
</ul>
<a href="#configuracion" class="ui-btn ui-shadow ui-corner-all go-to-conf" data-icon="navigation">Configurar ubicación</a>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed" style="visibility:hidden;text-align: center;">
<a href="#configuracion" data-role="button">Configuración</a>
</div>
</div>
<!-- Página de buscador de productos. -->
<div data-role="page" id="sucursal">
<div data-role="header" data-position="fixed">
<a href="#" data-icon="back" data-rel="back" data-iconpos="notext" title="Volver">Volver</a>
<h1>Productos</h1>
</div>
<div role="main" class="ui-content">
<div class="cercana_coor_text">Buscar productos para: <span class="cercana_coor_prod"></span>
<a href="#configuracion" id="prod_conf_hubicacion" class="ui-btn ui-shadow go-to-conf" data-icon="navigation">Configurar ubicación</a>
</div>
<div data-role="tabs" id="tabs_productos">
<div data-role="navbar">
<ul>
<li><a id="tab_productos_buscar" href="#productos_buscar" data-icon="search" class="ui-btn-active" data-ajax="false">Buscar</a></li>
<li><a id="scan" data-icon="camera" href="#camara_chota" data-ajax="false">Leer código</a></li>
</ul>
</div>
<div id="productos_buscar">
<ul id="productos_listview" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Ej: marca, código, descripción..." data-filter-theme="a"></ul>
</div>
<div id="camara_chota"><p>La lectura de códigos de barra depende de la calidad de tu cámara y las condiciones de luz. En caso de que no te funcione, podés ingresar el código manualmente en el buscador.</p>
<div data-role="fieldcontain">
<label>
<input type="checkbox" id="camara_chota_check">No mostrar más este mensaje</label>
</div>
<button data-icon="check" id="camara_chota_ok">Aceptar</button>
</div>
</div>
</div>
<div data-role="footer" data-position="fixed" style="visibility:hidden;text-align: center;">
<a href="#configuracion" data-role="button">Configuración</a>
</div>
</div>
<!-- Página de Configuración -->
<div data-role="page" id="configuracion">
<div data-role="header" data-position="fixed">
<a href="#" data-icon="back" data-rel="back" data-iconpos="notext" title="Volver">Volver</a>
<h1>Configuración</h1>
</div>
<div role="main" class="ui-content">
<div data-role="tabs" id="conf-tabs">
<div data-role="navbar">
<ul>
<li id="tab-general"><a id='conf-tab-general' href="#configuracon-general" class="ui-btn-active" data-ajax="false" data-toggle="tab">General</a></li>
<li id="tab-ubicacion"><a id='conf-tab-ubicacion' href="#configuracon-ubicacion" data-ajax="false" data-toggle="tab">Ubicación</a></li>
</ul>
</div>
<div id="configuracon-general" class="ui-body-d ui-content">
<h2>General</h2>
<div data-theme="c" class="ui-corner-all">
<form id="configuracion-general-form">
<div style="padding:10px 20px; background: #ffffff;">
<label for="precio_dias_input">Días de antiguedad del precio:</label>
<input name="precio_dias" id="precio_dias_input" value="" placeholder="Ej: 30" data-theme="a" min="0" step="1" type="number" required>
<label for="precio_radio_input">Radio en kilometros de la búsqueda:</label>
<input name="precio_radio" id="precio_radio_input" value="" placeholder="Ej: 10" data-theme="a" min="0" step="1" type="number" required>
<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Guardar</button>
</div>
</form>
</div>
</div>
<div id="configuracon-ubicacion" class="ui-body-d ui-content">
<h3>Ubicación </h3>
<span><b>Ubicación actual: </b></span>
<span id="ubicacion-texto"></span>
<div id="configuracion-ubicacion-form">
<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Guardar</button>
<label for="ubicacion_input">Buscar:</label>
<input name="ubicacion" id="ubicacion_input" value="" placeholder="Ej: Córdoba" data-theme="a" required>
<div id="map_canvas" style="margin: 0px; padding: 0px"></div>
<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Guardar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal de "Cargando" -->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="barcodescanner.js"></script>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/queue.js"></script>
<script type="text/javascript" src="js/loader.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript" src="js/configuration.js"></script>
<script type="text/javascript" src="js/api.js"></script>
<script type="text/javascript" src="js/location.js"></script>
<script type="text/javascript" src="js/preciosaapp.js"></script>
<script type="text/javascript" src="js/requests.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
</body>
</html>