-
Notifications
You must be signed in to change notification settings - Fork 1
/
BuscarContenedor.php
176 lines (172 loc) · 8.47 KB
/
BuscarContenedor.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<?php
include("header.php");
?>
<body style="background-image:url(login.jpg) !important; background-size:cover">
<div class="search container blue darken-4 z-depth-1">
<div style="padding:10px; border-radius: 10px;" class="row white">
<h2 class="center">Búsqueda de Contenedores</h2>
<hr>
</div>
<div style="padding:10px; border-radius: 10px;" class="row white">
<form style="margin-top:20px;">
<div class="left col s3">
<label for="username">Lote</label>
<input placeholder="Lote del Contenedor" id="lote" type="search" required>
</div>
<div class="center col s3">
<label for="username">ID</label>
<input placeholder="ID del Contenedor" id="idcont" type="search" required>
</div>
<div class="col s2">
<p>
<input name="group1" type="radio" id="check3" />
<label for="check3">Grande</label>
</p>
</div>
<div class="col s2">
<p>
<input name="group1" type="radio" id="check2" />
<label for="check2">Mediano</label>
</p>
</div>
<div class="col s2">
<p>
<input name="group1" type="radio" id="check1" />
<label for="check1">Pequeño</label>
</p>
</div>
<br>
</form>
</div>
<button id="buscar" class="buscar btn waves-effect waves-light orange darken-3">Buscar
<i class="material-icons right">search</i>
</button>
<a id="nuevo" style="background-color:#0F6BFD;"class="waves-effect waves-light btn" href="#modal1"> <i class="material-icons right">add_circle_outline</i>Nuevo</a>
</div>
<br>
<br>
<div class="container table">
<table class="white">
<thead>
<tr>
<th data-field="id">Id</th>
<th data-field="name">Lote del Contenedor</th>
<th data-field="free">Tamaño</th>
<th data-field="max">Almacenado En</th>
<th data-field="buttons"></th>
</tr>
</thead>
<tbody id="contenedores">
<!-- <tr>
<td>1</td>
<td>Contenedor 1</td>
<td>Grande</td>
<td>Almacen 1</td>
<td><a class="waves-effect waves-light btn orange darken-3">ver</a></td>
</tr>
<tr>
<td>1</td>
<td>Contenedor 2</td>
<td>Pequeño</td>
<td>Almacen 1</td>
<td><a class="waves-effect waves-light btn orange darken-3">ver</a></td>
</tr>
<tr>
<td>3</td>
<td>Contenedor 3</td>
<td>Mediano</td>
<td>Almacen 3</td>
<td><a class="waves-effect waves-light btn orange darken-3">ver</a></td>
</tr>-->
</tbody>
</table>
</div>
<!-- Modal Trigger -->
<!-- Modal Structure -->
<div style= "padding-bottom:30px;" id="modal1" class="modal">
<div class="modal-content">
<h3 class="center">Creación de Contenedor</h3>
<p class="center">Introduzca en el formulario los datos del nuevo contenedor</p>
<div class="row">
<form style="margin-top: 10px;" class="col s12">
<div class="row">
<div class="input-field col s12">
<input placeholder="Lote del Contenedor" id="n_lote" type="text" class="validate">
<label for="n_lote">Lote</label>
</div>
<div class="input-field col s12">
<select id="tamaño">
<option value="" disabled selected>Seleccione un tipo de Contenedor</option>
<option value="1">Pequeño</option>
<option value="2">Mediano</option>
<option value="3">Grande</option>
</select>
<label for="tamaño">Tamaño</label>
</div>
<div class="input-field col s12 browser-default">
<input placeholder="Almacen en donde se ubicará el Contenedor" id="almacen_asociado" type="text" class="validate browser-default">
<label for="almacen_asociado">Almacen Asociado</label>
</div>
<div class="input-field col s12">
<select id="color">
<option value="" disabled selected>Seleccione el color del Contenedor</option>
<option value="1">Verde</option>
<option value="2">Azul</option>
<option value="3">Gris</option>
<option value="4">Marrón</option>
<option value="5">Rojo</option>
</select>
<label for="color">Color</label>
</div>
<div class="input-field col s12">
<input onkeyup="this.value = this.value.replace(/[^0-9]/g, '');" id="peso_contenedor" min="0" max="1000" type="number" step="1" pattern="\d*" name="value">
<label for="peso_contenedor">Peso (Kg):</label>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Cancelar</a>
<a id= "crear" href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Crear</a>
</div>
</div>
<div id="modal2" class="modal">
<div class="modal-content">
<h3 class="center">Datos del Contenedor</h3>
<div class="row">
<form style="margin-top: 10px;" class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="id_mod" placeholder="Lote" type="text" disabled>
<label for="id_mod">Lote del Contenedor</label>
</div>
<div class="input-field col s12">
<input id="tam_m" placeholder="Tamaño" type="text" disabled>
<label for="tam_m">Tamaño del Contenedor</label>
</div>
<div class="input-field col s12">
<input id="alm_m" placeholder="Almacen Asociado " type="text" disabled>
<label for="alm_m">Almacen en donde se encuentra</label>
</div>
<div class="input-field col s12">
<input id="color_m" placeholder="Color del Contenedor" type="text" disabled>
<label for="lote_m">Color</label>
</div>
<div class="input-field col s12">
<label for="spinner"></label>
<input id="peso_m" min="0" max="100" type="number" step ="1" name="value" disabled>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Cancelar</a>
<a id="eliminar" class=" modal-action modal-close waves-effect waves-green btn-flat">Eliminar</a>
</div>
</div>
</body>
<script type="text/javascript" src="js/contenedor.js"></script>
<?php
include("footer.php");