Animaciones plataforma
This commit is contained in:
@@ -9,6 +9,10 @@
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
<!-- Animate.css para animaciones adicionales -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
|
||||
<style>
|
||||
body { font-family: 'Segoe UI', sans-serif; background-color: #f4f6f9; }
|
||||
.sidebar { width: 220px; height: 100vh; background-color: #343a40; position: fixed; top: 0; left: 0; padding-top: 56px; z-index: 1040; }
|
||||
@@ -47,7 +51,7 @@
|
||||
|
||||
<div class="content">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h4 class="mb-0">🔔 Gestión de Notificaciones</h4>
|
||||
<h4 class="mb-4 animate__animated animate__fadeInDown title_glow">🔔 Gestión de Notificaciones</h4>
|
||||
</div>
|
||||
|
||||
<!-- Mensajes de éxito o error iniciales -->
|
||||
@@ -63,7 +67,7 @@
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="card shadow-sm p-4 mb-4 bg-white">
|
||||
<div class="card shadow-sm p-4 mb-4 bg-white card-hover position-relative h-auto">
|
||||
<!-- Switch general de notificaciones -->
|
||||
<div class="section-divider">
|
||||
<div class="form-check form-switch">
|
||||
@@ -82,122 +86,23 @@
|
||||
<div class="section-divider">
|
||||
<h6 class="mb-3">📋 Tipos de Notificaciones</h6>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="nuevas_solicitudes" id="nuevas_solicitudes"
|
||||
data-tipo="tipo_notificacion" data-nombre="nuevas_solicitudes"
|
||||
<?= !empty($preferencias['nuevas_solicitudes']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="nuevas_solicitudes">
|
||||
<strong>Nuevas Solicitudes</strong>
|
||||
<div class="form-text">Creación de nuevas solicitudes de importación</div>
|
||||
</label>
|
||||
<?php foreach ($preferencias as $campo => $valor): ?>
|
||||
<?php if (in_array($campo, ['resumen_diario_hora', 'resumen_diario_dias'])): continue; endif; ?>
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="<?= $campo ?>" id="<?= $campo ?>"
|
||||
data-tipo="tipo_notificacion" data-nombre="<?= $campo ?>"
|
||||
<?= !empty($valor) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="<?= $campo ?>">
|
||||
<strong><?= ucwords(str_replace('_', ' ', $campo)) ?></strong>
|
||||
<div class="form-text">
|
||||
<?= $tipos[$campo] ?? 'Configuración de ' . str_replace('_', ' ', $campo) ?>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="registro_solicitud" id="registro_solicitud"
|
||||
data-tipo="tipo_notificacion" data-nombre="registro_solicitud"
|
||||
<?= !empty($preferencias['registro_solicitud']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="registro_solicitud">
|
||||
<strong>Registro Solicitud</strong>
|
||||
<div class="form-text">Notificación inmediata al registrar una solicitud</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="cambio_estado" id="cambio_estado"
|
||||
data-tipo="tipo_notificacion" data-nombre="cambio_estado"
|
||||
<?= !empty($preferencias['cambio_estado']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="cambio_estado">
|
||||
<strong>Cambio Estado</strong>
|
||||
<div class="form-text">Cambio de estado de solicitudes de importación</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="resumen_diario" id="resumen_diario"
|
||||
data-tipo="tipo_notificacion" data-nombre="resumen_diario"
|
||||
<?= !empty($preferencias['resumen_diario']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="resumen_diario">
|
||||
<strong>Resumen Diario</strong>
|
||||
<div class="form-text">Resumen diario de solicitudes de importación</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="alertas_tiempo" id="alertas_tiempo"
|
||||
data-tipo="tipo_notificacion" data-nombre="alertas_tiempo"
|
||||
<?= !empty($preferencias['alertas_tiempo']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="alertas_tiempo">
|
||||
<strong>Alertas Tiempo</strong>
|
||||
<div class="form-text">Alertas por tiempo excedido en estados críticos</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="documentos_expediente" id="documentos_expediente"
|
||||
data-tipo="tipo_notificacion" data-nombre="documentos_expediente"
|
||||
<?= !empty($preferencias['documentos_expediente']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="documentos_expediente">
|
||||
<strong>Documentos Expediente</strong>
|
||||
<div class="form-text">Incorporación de documentos al expediente electrónico</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="nuevos_archivos" id="nuevos_archivos"
|
||||
data-tipo="tipo_notificacion" data-nombre="nuevos_archivos"
|
||||
<?= !empty($preferencias['nuevos_archivos']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="nuevos_archivos">
|
||||
<strong>Nuevos Archivos</strong>
|
||||
<div class="form-text">Aviso al agregarse nuevos archivos o documentos</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="intentos_fallidos" id="intentos_fallidos"
|
||||
data-tipo="tipo_notificacion" data-nombre="intentos_fallidos"
|
||||
<?= !empty($preferencias['intentos_fallidos']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="intentos_fallidos">
|
||||
<strong>Intentos Fallidos</strong>
|
||||
<div class="form-text">Intentos fallidos de acceso</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input tipo-notificacion" type="checkbox"
|
||||
name="bloqueo_cuenta" id="bloqueo_cuenta"
|
||||
data-tipo="tipo_notificacion" data-nombre="bloqueo_cuenta"
|
||||
<?= !empty($preferencias['bloqueo_cuenta']) ? 'checked' : '' ?>>
|
||||
<label class="form-check-label" for="bloqueo_cuenta">
|
||||
<strong>Bloqueo Cuenta</strong>
|
||||
<div class="form-text">Bloqueo de cuenta</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user