Style: Rediseño militar/táctico - navbar horizontal superior
This commit is contained in:
64
index.php
64
index.php
@@ -14,21 +14,23 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
?>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2><i class="bi bi-house-door"></i> Dashboard</h2>
|
||||
<span class="text-muted">Bienvenido, <?= htmlspecialchars(getCurrentUsername()) ?></span>
|
||||
<h2><i class="bi bi-crosshair"></i> Dashboard</h2>
|
||||
<span class="text-muted" style="font-family: 'Share Tech Mono', monospace; font-size: 0.8rem;">
|
||||
// BIENVENIDO, <?= strtoupper(htmlspecialchars(getCurrentUsername())) ?>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="bg-primary bg-opacity-10 p-3 rounded me-3">
|
||||
<i class="bi bi-clock text-primary fs-4"></i>
|
||||
<div class="stat-card-icon me-3" style="border-color: var(--accent-orange); color: var(--accent-orange);">
|
||||
<i class="bi bi-stopwatch fs-5"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-0"><?= $pendingCount ?></h3>
|
||||
<small class="text-muted">Mensajes Pendientes</small>
|
||||
<div style="font-family: 'Share Tech Mono', monospace; font-size: 2rem; color: var(--accent-orange);"><?= $pendingCount ?></div>
|
||||
<small class="text-muted text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Pendientes</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -36,15 +38,15 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="bg-success bg-opacity-10 p-3 rounded me-3">
|
||||
<i class="bi bi-check-circle text-success fs-4"></i>
|
||||
<div class="stat-card-icon me-3" style="border-color: var(--hud-cyan); color: var(--hud-cyan);">
|
||||
<i class="bi bi-check2-all fs-5"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-0"><?= $sentToday ?></h3>
|
||||
<small class="text-muted">Enviados Hoy</small>
|
||||
<div style="font-family: 'Share Tech Mono', monospace; font-size: 2rem; color: var(--hud-cyan);"><?= $sentToday ?></div>
|
||||
<small class="text-muted text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Enviados Hoy</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -52,17 +54,17 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="bg-discord bg-opacity-10 p-3 rounded me-3" style="background-color: rgba(88,101,242,0.1)">
|
||||
<i class="bi bi-discord fs-4" style="color: #5865F2"></i>
|
||||
<div class="stat-card-icon me-3" style="border-color: var(--discord-color); color: var(--discord-color);">
|
||||
<i class="bi bi-discord fs-5"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-0">
|
||||
<div style="font-family: 'Share Tech Mono', monospace; font-size: 2rem; color: var(--discord-color);">
|
||||
<?= count(array_filter($scheduledMessages, fn($m) => $m['platform'] === 'discord')) ?>
|
||||
</h3>
|
||||
<small class="text-muted">Discord</small>
|
||||
</div>
|
||||
<small class="text-muted text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Discord</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,17 +72,17 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card border-0 shadow-sm h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="bg-info bg-opacity-10 p-3 rounded me-3">
|
||||
<i class="bi bi-telegram text-info fs-4"></i>
|
||||
<div class="stat-card-icon me-3" style="border-color: var(--telegram-color); color: var(--telegram-color);">
|
||||
<i class="bi bi-telegram fs-5"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-0">
|
||||
<div style="font-family: 'Share Tech Mono', monospace; font-size: 2rem; color: var(--telegram-color);">
|
||||
<?= count(array_filter($scheduledMessages, fn($m) => $m['platform'] === 'telegram')) ?>
|
||||
</h3>
|
||||
<small class="text-muted">Telegram</small>
|
||||
</div>
|
||||
<small class="text-muted text-uppercase" style="letter-spacing: 1px; font-size: 0.7rem;">Telegram</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -91,12 +93,12 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-0">
|
||||
<h5 class="mb-0"><i class="bi bi-clock"></i> Próximos Mensajes</h5>
|
||||
<div class="card-header border-0">
|
||||
<h5 class="mb-0"><i class="bi bi-list-check"></i> Próximos Mensajes</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<?php if (empty($scheduledMessages)): ?>
|
||||
<p class="text-muted text-center py-4">No hay mensajes programados</p>
|
||||
<p class="text-muted text-center py-4">// NO HAY MENSAJES PROGRAMADOS</p>
|
||||
<?php else: ?>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover">
|
||||
@@ -119,7 +121,7 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
<i class="bi bi-telegram platform-telegram"></i> Telegram
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><?= date('d/m/Y H:i', strtotime($msg['send_time'])) ?></td>
|
||||
<td style="font-family: 'Share Tech Mono', monospace;"><?= date('d/m/Y H:i', strtotime($msg['send_time'])) ?></td>
|
||||
<td>
|
||||
<span class="badge bg-<?= match($msg['status']) {
|
||||
'pending' => 'warning',
|
||||
@@ -144,16 +146,16 @@ $sentToday = count(array_filter($sentMessages, fn($m) => date('Y-m-d', strtotime
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header bg-white border-0">
|
||||
<div class="card-header border-0">
|
||||
<h5 class="mb-0"><i class="bi bi-lightning"></i> Acciones Rápidas</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-grid gap-2">
|
||||
<a href="create_message.php" class="btn btn-primary">
|
||||
<i class="bi bi-plus-circle"></i> Nuevo Mensaje
|
||||
<i class="bi bi-pencil-square"></i> Nuevo Mensaje
|
||||
</a>
|
||||
<a href="recurrentes.php" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-repeat"></i> Ver Plantillas
|
||||
<i class="bi bi-collection"></i> Ver Plantillas
|
||||
</a>
|
||||
<a href="scheduled_messages.php" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-list"></i> Ver Todos los Programados
|
||||
|
||||
Reference in New Issue
Block a user