-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexpenses.php
157 lines (156 loc) · 6.74 KB
/
expenses.php
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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Prueba de Desarrollo || Clemente Estrada</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/generic.css" />
<script src="js/vendor/modernizr.js"></script>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/expenses.js"></script>
</head>
<body>
<div id="main" class="row">
<?php
session_start();
if (isset($_SESSION['user']))
{?>
<!-- navigation bar -->
<div id="#navigationBar">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name"><h1><a href="#">Desarrollo de Prueba</a></h1> </li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li><a href="register.php">Registrar auto</a></li>
<li><a href="expenses.php">Registrar gastos</a></li>
<li><a href="resume.php">Resumen</a></li>
<li><a href="login/logout.php">Resumen</a></li>
</ul>
</section>
</nav>
</div>
<!-- end navigation bar -->
<!-- content of the page -->
<div id="content">
<!-- title -->
<div class="large-12 columns">
<h1 class="text-center">Registro de gastos</h1>
</div>
<!-- End title -->
<!-- Register expenses -->
<div id="expenses">
<div id="vehicleInfo" class="large-4 columns">
<div id="vehicleSelect">
<div class="row">
<label>Vehículo
<select id="vehicle">
<option>Selecciona un Vehículo</option>
</select>
</label>
</div>
</div>
<div id="vehicleImage"></div>
<div id="vehicleExpensesList"> </div>
</div>
<div id="expensesForms" class="large-7 columns">
<div id="tolls">
<h3>Casetas</h3>
<form id="tollsForm" data-abide="ajax" >
<div class="toll">
<label>Vehículo
<select id="toll">
<option value="Caseta 1">Caseta 1</option>
<option value="Caseta 2">Caseta 2</option>
<option value="Caseta 3">Caseta 3</option>
<option value="Caseta 4">Caseta 4</option>
<option value="Caseta 5">Caseta 5</option>
<option value="Caseta 6">Caseta 6</option>
</select>
</label>
</div>
<div class="toollsPrice">
<label>Monto:</label>
<input id="tollPrice" type="text" placeholder="Monto de las caseta" required pattern="^\d+(\.\d{1,2})?" />
<small class="error">Este es un campo requerido y solo se permiten números con un máximo de dos decimales</small>
</div>
<div>
<button id="submitToll" class="expand button" type="submit">Registrar Gasto</button>
</div>
</form>
</div>
<div id="gas">
<h3>Gasolina</h3>
<form id="gasForm" data-abide="ajax" >
<div class="km">
<label>Kilometrage:</label>
<input id="km" type="text" placeholder="Kilometrage" required patter="integer" />
<small class="error">Este es un campo requerido y solo se permiten números enteros</small>
</div>
<div class="gasPrice">
<label>Monto:</label>
<input id="gasPrice" type="text" placeholder="Monto" required pattern="^\d+(\.\d{1,2})?" />
<small class="error">Este es un campo requerido y solo se permiten números con un máximo de dos decimales</small>
</div>
<div>
<button id="submitGas" class="expand button" type="submit">Registrar Gasto</button>
</div>
</form>
</div>
<div id="random">
<h3>Varios</h3>
<form id="randomForm" data-abide="ajax" >
<div class="concept">
<label>Concepto:</label>
<input id="concept" type="text" placeholder="Concepto" required patter="alpha_numeric" />
<small class="error">Este es un campo requerido y solo se permiten datos alfanumericos</small>
</div>
<div class="randomPrice">
<label>Monto:</label>
<input id="randomPrice" type="text" placeholder="Monto" required pattern="^\d+(\.\d{1,2})?"/>
<small class="error">Este es un campo requerido y solo se permiten números con un máximo de dos decimales</small>
</div>
<div>
<button id="submitRandom" class="expand button" type="submit">Registrar Gasto</button>
</div>
</form>
</div>
</div>
</div>
<!-- End Register expenses -->
</div>
<!-- End content of the page -->
<!-- Modal select vehicle error -->
<div id="selectVehicleError" class="reveal-modal text-center small" data-reveal>
<h2>Error</h2>
<p>Debes seleccionar un vehículo al cual asignarle los gastos</p>
<p>Intenta de nuevo.</p>
<a class="close-reveal-modal">×</a>
</div>
<!-- End Modal select vehicle error -->
<!-- Invalid Km error -->
<div id="invalidKmError" class="reveal-modal text-center small" data-reveal>
<h2>Error</h2>
<p>Debes ingresar un Km posterior al Km del último gasto ingresado</p>
<p>Intenta de nuevo.</p>
<a class="close-reveal-modal">×</a>
</div>
<!-- Invalid Km error -->
<?php
}
else
{?>
<!-- Not logged error -->
<div class="panel large-12 columns">
<h1 class="text-center">Necesitas estar loggeado para ingresar a esta sección</h1>
</div>
<!-- end Not logged error -->
<?php
}?>
</div>
</body>
</html>