212 lines
9.1 KiB
HTML
212 lines
9.1 KiB
HTML
{% extends "macros/base.html" %}
|
|
{% from 'macros/modals.html' import confirm_modal, edit_worker_modal %}
|
|
|
|
{% block title %}Gestión de Trabajadores{% endblock %}
|
|
|
|
{% block head %}
|
|
<!-- HEAD -->
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h2 class="mb-4">Gestión de Trabajadores</h2>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ category }}">{{ message|safe }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{{ edit_worker_modal(modulos) }}
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-header bg-primary text-white">Agregar Nuevo Trabajador</div>
|
|
<div class="card-body">
|
|
<form method="POST" action="{{ url_for('manage_workers') }}">
|
|
<div class="row g-3">
|
|
<div class="col-md-2">
|
|
<label class="form-label">RUT</label>
|
|
<input type="text" class="form-control" name="rut" id="rutInput" placeholder="12.345.678-9" value="{{ form.get('rut', '') }}" maxlength="12" required>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Nombre Completo</label>
|
|
<input type="text" class="form-control" name="name" value="{{ form.get('name', '') }}" required>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label">Teléfono</label>
|
|
<input type="text" class="form-control" name="phone" id="phoneInput" placeholder="9 1234 5678" value="{{ form.get('phone', '') }}" required>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Módulo Asignado</label>
|
|
<select class="form-select" name="modulo_id" required>
|
|
<option value="" selected disabled>Seleccionar Módulo...</option>
|
|
{% for mod in modulos %}
|
|
<option value="{{ mod[0] }}">{{ mod[2] }} - {{ mod[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="form-label">Jornada</label>
|
|
<select class="form-select" name="tipo" required>
|
|
<option value="Full Time" {% if form.get('tipo') == 'Full Time' %}selected{% endif %}>Full Time</option>
|
|
<option value="Part Time" {% if form.get('tipo') == 'Part Time' %}selected{% endif %}>Part Time</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary mt-3">Guardar Trabajador</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm">
|
|
<div class="card-body p-0">
|
|
<table class="table table-striped table-hover mb-0">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>RUT</th>
|
|
<th>Nombre</th>
|
|
<th>Teléfono</th>
|
|
<th>Módulo</th>
|
|
<th>Tipo</th>
|
|
<th class="text-end">Acciones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for worker in workers %}
|
|
<tr>
|
|
<td class="align-middle">{{ worker[1] }}</td>
|
|
<td class="align-middle">{{ worker[2] }}</td>
|
|
<td class="align-middle">{{ worker[3] }}</td>
|
|
<td class="align-middle"><span class="badge bg-info text-dark">{{ worker[4] }}</span></td>
|
|
<td class="align-middle">
|
|
<span class="badge {% if worker[6] == 'Full Time' %}bg-success{% else %}bg-secondary{% endif %}">
|
|
{{ worker[6] }}
|
|
</span>
|
|
</td>
|
|
<td class="text-end">
|
|
<button type="button"
|
|
class="btn btn-primary btn-sm btn-edit-sm"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#editWorkerModal"
|
|
data-id="{{ worker[0] }}"
|
|
data-rut="{{ worker[1] }}"
|
|
data-name="{{ worker[2] }}"
|
|
data-phone="{{ worker[3] }}"
|
|
data-modulo="{{ worker[5] }}"
|
|
data-tipo="{{ worker[6] }}">
|
|
<i class="bi bi-pencil"></i>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-danger btn-sm btn-del-sm" data-bs-toggle="modal" data-bs-target="#delWorker{{ worker[0] }}">
|
|
<i class="bi bi-trash"></i>
|
|
</button>
|
|
|
|
{{ confirm_modal(
|
|
id='delWorker' ~ worker[0],
|
|
title='Eliminar Trabajador',
|
|
message='¿Eliminar a ' ~ worker[2] ~ '?',
|
|
action_url=url_for('delete_worker', id=worker[0]),
|
|
btn_class='btn-danger'
|
|
) }}
|
|
</td>
|
|
</tr>
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="6" class="text-center py-3 text-muted">No hay trabajadores registrados.</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
{{ confirm_modal(
|
|
id='confirmResetPass',
|
|
title='Restablecer Contraseña',
|
|
message='¿Estás seguro de generar una nueva contraseña? La anterior dejará de funcionar inmediatamente.',
|
|
action_url='#',
|
|
btn_class='btn-warning',
|
|
btn_text='Generar Nueva Clave'
|
|
) }}
|
|
{% endblock %}
|
|
{% block scripts %}
|
|
|
|
<script>
|
|
const editWorkerModal = document.getElementById('editWorkerModal');
|
|
const confirmResetModal = document.getElementById('confirmResetPass');
|
|
|
|
if (editWorkerModal) {
|
|
editWorkerModal.addEventListener('show.bs.modal', function (event) {
|
|
const button = event.relatedTarget;
|
|
|
|
// Si el modal se abre desde el botón "Editar" de la tabla
|
|
if (button && button.hasAttribute('data-id')) {
|
|
const id = button.getAttribute('data-id');
|
|
const name = button.getAttribute('data-name');
|
|
|
|
const editForm = editWorkerModal.querySelector('#editWorkerForm');
|
|
const resetForm = confirmResetModal.querySelector('form');
|
|
|
|
editForm.action = "/admin/workers/edit/" + id;
|
|
resetForm.action = "/admin/workers/reset_password/" + id;
|
|
|
|
confirmResetModal.querySelector('.modal-body').textContent = `¿Estás seguro de generar una nueva contraseña para ${name}? La anterior dejará de funcionar.`;
|
|
|
|
editWorkerModal.querySelector('#edit_worker_rut').value = button.getAttribute('data-rut');
|
|
editWorkerModal.querySelector('#edit_worker_name').value = name;
|
|
editWorkerModal.querySelector('#edit_worker_phone').value = button.getAttribute('data-phone');
|
|
editWorkerModal.querySelector('#edit_worker_modulo').value = button.getAttribute('data-modulo');
|
|
editWorkerModal.querySelector('#edit_worker_tipo').value = button.getAttribute('data-tipo');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Lógica para reabrir el modal de edición al cancelar el de confirmación
|
|
if (confirmResetModal) {
|
|
// Buscamos el botón de cancelar dentro del modal de confirmación
|
|
const btnCancelar = confirmResetModal.querySelector('.btn-secondary');
|
|
const btnCerrarX = confirmResetModal.querySelector('.btn-close');
|
|
|
|
const reabrirEdicion = () => {
|
|
const modalEdicion = new bootstrap.Modal(editWorkerModal);
|
|
modalEdicion.show();
|
|
};
|
|
|
|
btnCancelar.addEventListener('click', reabrirEdicion);
|
|
btnCerrarX.addEventListener('click', reabrirEdicion);
|
|
}
|
|
|
|
document.getElementById('rutInput').addEventListener('input', function(e) {
|
|
let value = this.value.replace(/[^0-9kK]/g, '').toUpperCase();
|
|
|
|
// Bloquear el largo interno a 9 caracteres (8 cuerpo + 1 dv)
|
|
if (value.length > 9) {
|
|
value = value.slice(0, 9);
|
|
}
|
|
|
|
if (value.length > 1) {
|
|
let body = value.slice(0, -1);
|
|
let dv = value.slice(-1);
|
|
body = body.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
|
|
this.value = `${body}-${dv}`;
|
|
} else {
|
|
this.value = value;
|
|
}
|
|
});
|
|
|
|
function formatPhone(input) {
|
|
let value = input.value.replace(/\D/g, '');
|
|
if (value.startsWith('56')) value = value.substring(2);
|
|
value = value.substring(0, 9);
|
|
if (value.length > 5) input.value = value.replace(/(\d{1})(\d{4})(\d+)/, '$1 $2 $3');
|
|
else if (value.length > 1) input.value = value.replace(/(\d{1})(\d+)/, '$1 $2');
|
|
else input.value = value;
|
|
}
|
|
|
|
document.querySelectorAll('.phone-input, #phoneInput').forEach(inp => {
|
|
inp.addEventListener('input', () => formatPhone(inp));
|
|
});
|
|
</script>
|
|
{% endblock %}
|