mostrando detalle de vacaciones individuales

src/main/webapp/css/general.css

@@ -274,6 +274,6 @@ table.display tbody tr:hover td {
 	text-align: -webkit-auto;
 }
 
-.panel-body #frm .form-group{
+#frm .form-group{
 	text-align: -webkit-auto;
 }
\ No newline at end of file

src/main/webapp/js/pages/vacaciones_administrativas_individual.js

@@ -105,7 +105,17 @@ const listarSedes = (selectorName) => {
 };
 
 const inicializarInputsModalVerDetalle = (data) => {
-	
+	$("#spanNombres").text(`${data.trabajador_apellidos} ${data.trabajador_nombres}`);
+	$("#spanPeriodoVacacional").text(`${data.fecha_inicio} - ${data.fecha_fin}`);
+	$("#spanCantidadDias").text(`${data.cantidad_dias}`);
+
+	let detalle_fechas = data.detalle_fechas;
+
+	let html = "";
+	detalle_fechas.forEach(df => {
+		html += `<li>${df.fecha}</li>`
+	});
+	$("#ulFechas").html(html);
 };
 
 

src/main/webapp/vistas/modals/administrativos/vacaciones/individual/verdetalle.jsp

+<form id="frm" onsubmit="return false;" autocomplete="off">
+
+	<div class="col-md-6">
+		<div class="row">
+			<div class="form-group col-md-12">
+				<label>Personal</label>
+				<span class="label label-left border-left-primary label-striped form-control" id="spanNombres"></span>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="form-group col-md-12">
+				<label>Periodo de vacaciones</label>
+				<span class="label label-left border-left-primary label-striped form-control" id="spanPeriodoVacacional"></span>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="form-group col-md-12">
+				<label>Cant. das</label>
+				<span class="label label-left border-left-primary label-striped form-control" id="spanCantidadDias"></span>
+			</div>
+		</div>
+
+
+	</div>
+
+	<div class="col-md-6">
+		<ul id="ulFechas" ></ul>
+	</div>
+
+
+</form>
\ No newline at end of file