<div class="panel-body">
<table id="misBienesUnidadUsuarioImpresionResguardo" class="table table-striped table-bordered display" style="width:100%">
<thead>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</thead>
<tbody>
<?PHP
for($i=0; $i< $totalResultadoBienes_UnidadUsuario; $i++){
$empleado_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNumero_Empleado();
$nombre_UnidadUsuario= $resultadoBienes_UnidadUsuario[$i]->getNombre();
$cct_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getCct();
$unidad_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getLoc_Pla();
$activo_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getActivo();
$movimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Movimiento();
$nombreMovimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNombreMovimiento();
$estatus_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Proceso();
// Faltan dos datos que deben usarse en la modal
$nombreTipoUnidad = $resultadoBienes_UnidadUsuario[$i]->getTipoUnidad();
$nombreProyectoUnidad = $resultadoBienes_UnidadUsuario[$i]->getProyecto();
// Agrégalos como dataset del TR:
?>
<tr data-tipo="<?php echo $nombreTipoUnidad; ?>" data-proyecto="<?php echo $nombreProyectoUnidad; ?>">
<td style="font-size:10px;"><?= $i+1?></td>
<td style="font-size:10px;"><?=$empleado_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$nombre_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$cct_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$unidad_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$activo_UnidadUsuario?></td>
<td>
<?PHP
// Coloca las imágenes en un arreglo, para evitar comparaciones y reducir código
$imagenes = ['folder_blue_48.png', 'folder_orange_48.png', 'folder_yellow_48.png', 'folder_green_48.png', 'folder_green_48.png'];
?>
<div class="contenedor"><img src="imagenes/iconos/proceso/<?php echo $imagenes[$movimiento_UnidadUsuario]; ?>" width="35" height="35">
<div class="centrados"><strong><p><font face="Arial" style="font-size:10px;"><?=$nombreMovimiento_UnidadUsuario ?></p></strong></div>
</div>
<?PHP
}
?>
</td>
<?PHP
?>
<td style="font-size:10x;">
<?PHP
if ($_SESSION['ID_ROL'] == 3) {
if($movimiento_UnidadUsuario == 4){
// Qué diferencia hay entre estos botones?
// Elimina ID de los botones
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
} else {
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
}
}
?>
<button id="AyudaCargarResguardoIndividual" name="boton" type="button" class="btn btn-success -sign-in" title="AYUDA" data-toggle="modal"
data-target="#modalAyudaCargaResguardoIndividual"><span class="glyphicon glyphicon-question-sign"></span>
</button>
</td>
</tr>
<?php
}// cierre del ciclo
?>
<tfoot>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</tfoot>
</tbody>
</table>
<!-- Inicio del Modal CargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal CargarProyectoResguardoIndividual-->
<!-- Inicio del Modal AyudaCargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalAyudaCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal AyudaCargarProyectoResguardoIndividual-->
<div class="pie_tabla">
<button class="btn btn-success" type="button" id="btnCargarProyecto" data-toggle="modal" data-target="#modalCargarProyectoResguardoMultiple" data-keyboard="false" data-backdrop="static" data-numero_empleado=""
title="CARGAR PROYECTO" ><img type="button" src="imagenes/iconos/acciones/archivoPDF.png" width="35" height="35" > CARGAR PROYECTO </button>
</div>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
<?PHP require_once 'modales/modalCargarProyectoResguardoMultiple.php'; ?>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
</div>
<div class="panel-body">
<table id="misBienesUnidadUsuarioImpresionResguardo" class="table table-striped table-bordered display" style="width:100%">
<thead>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</thead>
<tbody>
<?PHP
for($i=0; $i< $totalResultadoBienes_UnidadUsuario; $i++){
$empleado_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNumero_Empleado();
$nombre_UnidadUsuario= $resultadoBienes_UnidadUsuario[$i]->getNombre();
$cct_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getCct();
$unidad_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getLoc_Pla();
$activo_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getActivo();
$movimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Movimiento();
$nombreMovimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNombreMovimiento();
$estatus_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Proceso();
// Faltan dos datos que deben usarse en la modal
$nombreTipoUnidad = $resultadoBienes_UnidadUsuario[$i]->getTipoUnidad();
$nombreProyectoUnidad = $resultadoBienes_UnidadUsuario[$i]->getProyecto();
// Agrégalos como dataset del TR:
?>
<tr data-tipo="<?php echo $nombreTipoUnidad; ?>" data-proyecto="<?php echo $nombreProyectoUnidad; ?>">
<td style="font-size:10px;"><?= $i+1?></td>
<td style="font-size:10px;"><?=$empleado_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$nombre_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$cct_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$unidad_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$activo_UnidadUsuario?></td>
<td>
<?PHP
// Coloca las imágenes en un arreglo, para evitar comparaciones y reducir código
$imagenes = ['folder_blue_48.png', 'folder_orange_48.png', 'folder_yellow_48.png', 'folder_green_48.png', 'folder_green_48.png'];
?>
<div class="contenedor"><img src="imagenes/iconos/proceso/<?php echo $imagenes[$movimiento_UnidadUsuario]; ?>" width="35" height="35">
<div class="centrados"><strong><p><font face="Arial" style="font-size:10px;"><?=$nombreMovimiento_UnidadUsuario ?></p></strong></div>
</div>
<?PHP
}
?>
</td>
<?PHP
?>
<td style="font-size:10x;">
<?PHP
if ($_SESSION['ID_ROL'] == 3) {
if($movimiento_UnidadUsuario == 4){
// Qué diferencia hay entre estos botones?
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
} else {
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
}
}
?>
<button id="AyudaCargarResguardoIndividual" name="boton" type="button" class="btn btn-success -sign-in" title="AYUDA" data-toggle="modal"
data-target="#modalAyudaCargaResguardoIndividual"><span class="glyphicon glyphicon-question-sign"></span>
</button>
</td>
</tr>
<?php
}// cierre del ciclo
?>
<tfoot>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</tfoot>
</tbody>
</table>
<!-- Inicio del Modal CargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal CargarProyectoResguardoIndividual-->
<!-- Inicio del Modal AyudaCargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalAyudaCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal AyudaCargarProyectoResguardoIndividual-->
<div class="pie_tabla">
<button class="btn btn-success" type="button" id="btnCargarProyecto" data-toggle="modal" data-target="#modalCargarProyectoResguardoMultiple" data-keyboard="false" data-backdrop="static" data-numero_empleado=""
title="CARGAR PROYECTO" ><img type="button" src="imagenes/iconos/acciones/archivoPDF.png" width="35" height="35" > CARGAR PROYECTO </button>
</div>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
<?PHP require_once 'modales/modalCargarProyectoResguardoMultiple.php'; ?>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
</div>
<div class="panel-body">
<table id="misBienesUnidadUsuarioImpresionResguardo" class="table table-striped table-bordered display" style="width:100%">
<thead>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</thead>
<tbody>
<?PHP
for($i=0; $i< $totalResultadoBienes_UnidadUsuario; $i++){
$empleado_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNumero_Empleado();
$nombre_UnidadUsuario= $resultadoBienes_UnidadUsuario[$i]->getNombre();
$cct_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getCct();
$unidad_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getLoc_Pla();
$activo_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getActivo();
$movimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Movimiento();
$nombreMovimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNombreMovimiento();
$estatus_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Proceso();
// Faltan dos datos que deben usarse en la modal
$nombreTipoUnidad = $resultadoBienes_UnidadUsuario[$i]->getTipoUnidad();
$nombreProyectoUnidad = $resultadoBienes_UnidadUsuario[$i]->getProyecto();
// Agrégalos como dataset del TR:
?>
<tr data-tipo="<?php echo $nombreTipoUnidad; ?>" data-proyecto="<?php echo $nombreProyectoUnidad; ?>">
<td style="font-size:10px;"><?= $i+1?></td>
<td style="font-size:10px;"><?=$empleado_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$nombre_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$cct_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$unidad_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$activo_UnidadUsuario?></td>
<td>
<?PHP
// Coloca las imágenes en un arreglo, para evitar comparaciones y reducir código
$imagenes = ['folder_blue_48.png', 'folder_orange_48.png', 'folder_yellow_48.png', 'folder_green_48.png', 'folder_green_48.png'];
?>
<div class="contenedor"><img src="imagenes/iconos/proceso/<?php echo $imagenes[$movimiento_UnidadUsuario]; ?>" width="35" height="35">
<div class="centrados"><strong><p><font face="Arial" style="font-size:10px;"><?=$nombreMovimiento_UnidadUsuario ?></p></strong></div>
</div>
<?PHP
}
?>
</td>
<?PHP
?>
<td style="font-size:10x;">
<?PHP
if ($_SESSION['ID_ROL'] == 3) {
if($movimiento_UnidadUsuario == 4){
// Qué diferencia hay entre estos botones?
// Elimina ID de los botones
?>
<button type="button" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
} else {
?>
<button type="button" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
}
}
?>
<button name="boton" type="button" class="btn btn-success -sign-in" title="AYUDA" data-toggle="modal"
data-target="#modalAyudaCargaResguardoIndividual"><span class="glyphicon glyphicon-question-sign"></span>
</button>
</td>
</tr>
<?php
}// cierre del ciclo
?>
<tfoot>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</tfoot>
</tbody>
</table>
<!-- Inicio del Modal CargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal CargarProyectoResguardoIndividual-->
<!-- Inicio del Modal AyudaCargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalAyudaCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal AyudaCargarProyectoResguardoIndividual-->
<div class="pie_tabla">
<button class="btn btn-success" type="button" id="btnCargarProyecto" data-toggle="modal" data-target="#modalCargarProyectoResguardoMultiple" data-keyboard="false" data-backdrop="static" data-numero_empleado=""
title="CARGAR PROYECTO" ><img type="button" src="imagenes/iconos/acciones/archivoPDF.png" width="35" height="35" > CARGAR PROYECTO </button>
</div>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
<?PHP require_once 'modales/modalCargarProyectoResguardoMultiple.php'; ?>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
</div>
Hay algunos cambios al generar la tabla, los principales son:
- Dejar de usar
<?=i+1>
para los ID - Agregar información que no aparece en la tabla como atributos de datos en cada fila (TR)
- Puedes reducir el código si creas variables para aplicar a un solo atributo, en lugar de tener muchas comparaciones, como el caso de la imagen.
- En los botones se va a activar la única ventana modal
<div class="panel-body">
<table id="misBienesUnidadUsuarioImpresionResguardo" class="table table-striped table-bordered display" style="width:100%">
<thead>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</thead>
<tbody>
<?PHP
for($i=0; $i< $totalResultadoBienes_UnidadUsuario; $i++){
$empleado_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNumero_Empleado();
$nombre_UnidadUsuario= $resultadoBienes_UnidadUsuario[$i]->getNombre();
$cct_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getCct();
$unidad_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getLoc_Pla();
$activo_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getActivo();
$movimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Movimiento();
$nombreMovimiento_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getNombreMovimiento();
$estatus_UnidadUsuario=$resultadoBienes_UnidadUsuario[$i]->getEstatus_Proceso();
// Faltan dos datos que deben usarse en la modal
$nombreTipoUnidad = $resultadoBienes_UnidadUsuario[$i]->getTipoUnidad();
$nombreProyectoUnidad = $resultadoBienes_UnidadUsuario[$i]->getProyecto();
// Agrégalos como dataset del TR:
?>
<tr data-tipo="<?php echo $nombreTipoUnidad; ?>" data-proyecto="<?php echo $nombreProyectoUnidad; ?>">
<td style="font-size:10px;"><?= $i+1?></td>
<td style="font-size:10px;"><?=$empleado_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$nombre_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$cct_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$unidad_UnidadUsuario?></td>
<td style="font-size:10px;"><?=$activo_UnidadUsuario?></td>
<td>
<?PHP
// Coloca las imágenes en un arreglo, para evitar comparaciones y reducir código
$imagenes = ['folder_blue_48.png', 'folder_orange_48.png', 'folder_yellow_48.png', 'folder_green_48.png', 'folder_green_48.png'];
?>
<div class="contenedor"><img src="imagenes/iconos/proceso/<?php echo $imagenes[$movimiento_UnidadUsuario]; ?>" width="35" height="35">
<div class="centrados"><strong><p><font face="Arial" style="font-size:10px;"><?=$nombreMovimiento_UnidadUsuario ?></p></strong></div>
</div>
<?PHP
}
?>
</td>
<?PHP
?>
<td style="font-size:10x;">
<?PHP
if ($_SESSION['ID_ROL'] == 3) {
if($movimiento_UnidadUsuario == 4){
// Qué diferencia hay entre estos botones?
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
} else {
?>
<button type="button" id="CargarResguardoIndividual" class="btn btn-success -upload" data-toggle="modal" data-target="#modalCargaResguardoIndividual"
data-keyboard="false" data_backdrop="static" title="CARGA INDIVIDUAL DEL RESGUARDO"><span class="glyphicon glyphicon-open-file"></span>
</button>
<?PHP
}
}
?>
<button id="AyudaCargarResguardoIndividual" name="boton" type="button" class="btn btn-success -sign-in" title="AYUDA" data-toggle="modal"
data-target="#modalAyudaCargaResguardoIndividual"><span class="glyphicon glyphicon-question-sign"></span>
</button>
</td>
</tr>
<?php
}// cierre del ciclo
?>
<tfoot>
<tr>
<th label style="font-size:12px; background-color: #C8C8AA;">ORDEN</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NUMERO EMPLEADO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">NOMBRE COMPLETO</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CLAVE UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">UNIDAD</th>
<th label style="font-size:12px; background-color: #C8C8AA;">CANTIDAD DE BIENES</th>
<th label style="font-size:12px; background-color: #C8C8AA;">PROCESO:</th>
<th label style="font-size:12px; background-color: #C8C8AA;">ACCIONES:</th>
</tr>
</tfoot>
</tbody>
</table>
<!-- Inicio del Modal CargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal CargarProyectoResguardoIndividual-->
<!-- Inicio del Modal AyudaCargarProyectoResguardoIndividual-->
<?PHP require_once 'modales/modalAyudaCargarProyectoResguardoIndividual.php';?>
<!-- Fin del Modal AyudaCargarProyectoResguardoIndividual-->
<div class="pie_tabla">
<button class="btn btn-success" type="button" id="btnCargarProyecto" data-toggle="modal" data-target="#modalCargarProyectoResguardoMultiple" data-keyboard="false" data-backdrop="static" data-numero_empleado=""
title="CARGAR PROYECTO" ><img type="button" src="imagenes/iconos/acciones/archivoPDF.png" width="35" height="35" > CARGAR PROYECTO </button>
</div>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
<?PHP require_once 'modales/modalCargarProyectoResguardoMultiple.php'; ?>
<!-- Inicio del Modal CargarProyectoResguardoMultiple-->
</div>
Los cambios en la ventana modal son solo para poder mostrar los datos e integrarlos al formulario. Debe ser solo una, sin ciclos.
- Agregué ID a los elementos donde se deben mostrar datos:
id="span-nombreDeDato"
- También agregué otros campos ocultos, pero ahora que lo veo, parece que no son necesarios, deja solo los que realmente vayas a usar.
<div class="modal fade" id="modalCargaResguardoIndividual" name="modalCargaResguardoIndividual" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h5 class="modal-title" id="exampleModalLabel"><strong>CARGA DE RESGUARDO INDIVIDUAL POR COLABORADOR</strong></h5>
</div>
<div class="modal-body">
<table id="CargarProyectoResguardo_DatosUnidad-1" class="table table-striped center table-bordered responsive display" style="width:100%">
<thead>
<tr>
<th style="font-size:10px; background-color: #5bc0de;" class="text-center" colspan="3"> INFORMACIÓN GENERAL</th>
</tr>
</thead>
<tbody>
<tr style="font-size:10px;" class="text-center">
<td> UNIDAD: </td>
<td> TIPO DE UNIDAD: </td>
<td> PROYECTO AL QUE PERTENECE: </td>
</tr>
<tr style="font-size:10px;" class="text-center">
<td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreUnidad"><?=$nombreUnidad?></strong> </span></td>
<td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreTipoUnidad"><?=$nombreTipoUnidad?></strong> </span></td>
<td class="input-group-addon" style="font-size:10px;"><span><strong id="span-nombreProyectoUnidad"><?=$nombreProyectoUnidad?></strong> </span></td>
</tr>
</tbody>
</table>
<table id="CargarProyectoResguardo_DatosUnidad-2" class="table table-striped center table-bordered responsive display" style="width:100%">
<thead>
<tr>
<th style="font-size:10px; background-color: #5BC0DE;" class="text-center" colspan="2"> INFORMACIÓN DEL COLABORADOR</th>
</tr>
</thead>
<tbody>
<tr style="font-size:10px;" class="text-center">
<td> NOMBRE : </td>
<td> NUMERO EMPLEADO: </td>
</tr>
<tr style="font-size:10px;" class="text-center">
<td> <strong id="span-nombreEmpleado"><?=$nombreEmpleado?></strong> </td>
<td> <strong id="span-numeroEmpleado"><?=$numeroEmpleado?></strong> </td>
</tr>
<tr>
</tbody>
</table >
<table id="CargarProyectoResguardo_DatosUnidad-3" class="table table-striped center table-bordered responsive display" style="width:100%">
<thead>
<tr>
<th style="font-size:10px; background-color: #5BC0DE;" class="text-center" colspan="3"> CARGA DE ARCHIVOS INDIVIDUALES POR COLABORADOR</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="row">
<div id="content" class="col-lg-12">
<div id="respuesta" class="alert"></div>
<form action="" method="post" id="formCargarArchivo" name="formCargarArchivo" enctype="multipart/form-data" >
<div id="content" class="col-lg-12">
<div class="form-group col-lg-12">
<input type="file" class="form-control-file" name="archivo" id="archivo" accept="application/pdf">
</div>
<div class="form-group col-lg-12">
<button type="submit" id="cargarArchivo" class="btn btn-primary">Subir Archivo</button>
</div>
<div class="form-group col-lg-12">
<progress id="barra_de_progreso" value="0" max="100"></progress>
</div>
<input type="hidden" class="form-control" name="nombreUnidad" id="nombreUnidad" value="">
<input type="hidden" class="form-control" name="nombreTipoUnidad" id="nombreTipoUnidad" value="">
<input type="hidden" class="form-control" name="nombreProyectoUnidad" id="nombreProyectoUnidad" value="">
<input type="hidden" class="form-control" name="numeroEmpleado" id="numeroEmpleado" value="">
<input type="hidden" class="form-control" name="nombreEmpleado" id="nombreEmpleado" value="">
</div>
</form>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div> <!-- fin Modal Body --->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
Finalmente, el código Javascript para controlar la ventana modal:
- Debes crearlo solo una vez, fuera de ciclos
- Se detecta clic en botones para abrir la ventana modal, probablemente se abre de forma automática, pero no debe afectar esta función.
- Actualizar contenedores y campos ocultos:
- Primero se obtiene la fila
- Acceder a atributos de datos de TR con $.data() para: nombreTipoUnidad y nombreProyectoUnidad
- Obtener celda (TD) por posición para: numeroEmpleado (segunda celda - 1), nombreEmpleado (tercera celda - 2) y nombreUnidad (quinta celda - 4)
<script>
$(document).ready(function(){
// Abrir ventana modal escuchando clic en los botones
$('#misBienesUnidadUsuarioImpresionResguardo').on('click', '.-upload', e => {
// Reiniciar formulario para evitar que aparezcan cosas de procesos anteriores
$('#formCargarArchivo')[0].reset();
$("#modalCargaResguardoIndividual").modal('show');
// Obtener TR
let tr = $(e.target).closest('tr');
// Asignar datos de modal desde TR o celdas específicas
$('#span-nombreEmpleado').text($(tr).find('td:eq(2)').text());
$('#span-numeroEmpleado').text($(tr).find('td:eq(1)').text());
$('#span-nombreUnidad').text($(tr).find('td:eq(4)').text());
$('#span-nombreTipoUnidad').text($(tr).data('tipo'));
$('#span-nombreProyectoUnidad').text($(tr).data('proyecto'));
// Asignar valores a campos ocultos, agregé para los 5 datos, pero puedes elimminar los que no necesites
$('#nombreEmpleado').val($(tr).find('td:eq(2)').text());
$('#numeroEmpleado').val($(tr).find('td:eq(1)').text());
$('#nombreUnidad').val($(tr).find('td:eq(4)').text());
$('#nombreTipoUnidad').val($(tr).data('tipo'));
$('#nombreProyectoUnidad').val($(tr).data('proyecto'));
});
// Enviar formulario
$("button#cargarArchivo").click(function(e){
e.preventDefault();
// Creas formData directamente con el formulario, no necesitas agregar más cosas
var paqueteDeDatos = new FormData($('#formCargarArchivo')[0]);
$.ajax({
url: "procesarArchivo.php",
type: "post",
data: paqueteDeDatos,
dataType: "json",
contentType: false,
processData: false,
success: function(){
$("#modalCargaResguardoIndividual").modal('hide');
swal("Se Cargo el Archivo Exitosamente!","Aceptar","success");
console.log("Alert Callback");
location.reload();
},
error: function(){
$("#modalCargaResguardoIndividual").modal('hide');
swal("No se pudo Cargar el Archivo","Aceptar","error");
console.log("Alert Callback");
location.reload();
},
});
});
});
</script>
lang-php