-
- Últimas acciones realizadas por el equipo
+ {/* BARRA DE FILTROS */}
+
+
+
+
-
+
+ {/* LISTA DE EVENTOS TIPO TIMELINE */}
+
+ {/* Línea vertical de fondo para el timeline */}
+
+
+
{loading ? (
-
Cargando historial...
- ) : logs.map(log => (
-
-
{getIcon(log.action)}
-
-
-
- {log.username}
-
-
- {new Date(log.createdAt).toLocaleString()}
-
-
-
{log.details}
-
+
+
+
Sincronizando logs...
- ))}
+ ) : logs.length === 0 ? (
+
+
+
No hay eventos para el período seleccionado
+
+ ) : logs.map((log, idx) => {
+ const meta = getLogMeta(log.action);
+ return (
+
+
+
+ {/* HORA Y PUNTO (Timeline) */}
+
+ {new Date(log.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+ {new Date(log.createdAt).toLocaleDateString()}
+
+
+ {/* ICONO CENTRAL BUBBLE */}
+
+ {meta.icon}
+
+
+ {/* CARD DE CONTENIDO */}
+
+
+
+
+ {meta.label}
+
+ {log.username}
+
+
+
+
+
+ #{log.id}
+
+
+ {new Date(log.createdAt).toLocaleString()}
+
+
+
+
+
+ {translateDetails(log.details)}
+
+
+
+
+
+ );
+ })}
-
+
);
}
\ No newline at end of file
diff --git a/frontend/admin-panel/src/pages/Coupons/CouponsPage.tsx b/frontend/admin-panel/src/pages/Coupons/CouponsPage.tsx
new file mode 100644
index 0000000..306d143
--- /dev/null
+++ b/frontend/admin-panel/src/pages/Coupons/CouponsPage.tsx
@@ -0,0 +1,205 @@
+import { useEffect, useState } from 'react';
+import api from '../../services/api';
+import { Trash2, Plus, Tag } from 'lucide-react';
+import { formatDate } from '../../utils/formatters';
+
+interface Coupon {
+ id: number;
+ code: string;
+ discountType: 'Percentage' | 'Fixed';
+ discountValue: number;
+ expiryDate?: string;
+ usageCount: number;
+ maxUsages?: number;
+ isActive: boolean;
+}
+
+export default function CouponsPage() {
+ const [coupons, setCoupons] = useState
([]);
+ const [loading, setLoading] = useState(true);
+ const [showForm, setShowForm] = useState(false);
+
+ // Form State
+ const [newCoupon, setNewCoupon] = useState({
+ code: '',
+ discountType: 'Percentage',
+ discountValue: 0,
+ expiryDate: '',
+ maxUsages: '',
+ maxUsagesPerUser: ''
+ });
+
+ useEffect(() => {
+ loadCoupons();
+ }, []);
+
+ const loadCoupons = async () => {
+ try {
+ const res = await api.get('/coupons');
+ setCoupons(res.data);
+ } catch (error) {
+ console.error("Error loading coupons", error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleDelete = async (id: number) => {
+ if (!confirm('¿Eliminar cupón?')) return;
+ try {
+ await api.delete(`/coupons/${id}`);
+ loadCoupons();
+ } catch (error) {
+ alert("Error al eliminar");
+ }
+ };
+
+ const handleCreate = async (e: React.FormEvent) => {
+ e.preventDefault();
+ try {
+ const payload = {
+ ...newCoupon,
+ maxUsages: newCoupon.maxUsages ? parseInt(newCoupon.maxUsages) : null,
+ maxUsagesPerUser: newCoupon.maxUsagesPerUser ? parseInt(newCoupon.maxUsagesPerUser) : null,
+ expiryDate: newCoupon.expiryDate ? newCoupon.expiryDate : null
+ };
+ await api.post('/coupons', payload);
+ setShowForm(false);
+ setNewCoupon({ code: '', discountType: 'Percentage', discountValue: 0, expiryDate: '', maxUsages: '', maxUsagesPerUser: '' });
+ loadCoupons();
+ } catch (error) {
+ alert("Error al crear cupón");
+ }
+ };
+
+ if (loading) return Cargando...
;
+
+ return (
+
+
+
Gestión de Cupones
+
+
+
+ {showForm && (
+
+ )}
+
+
+
+
+
+ | Código |
+ Descuento |
+ Usos |
+ Expira |
+ Acciones |
+
+
+
+ {coupons.map(coupon => (
+
+ |
+
+ {coupon.code}
+ |
+
+ {coupon.discountType === 'Percentage' ? `${coupon.discountValue}%` : `$${coupon.discountValue}`}
+ |
+
+ {coupon.usageCount} {coupon.maxUsages ? `/ ${coupon.maxUsages}` : ''}
+ |
+
+ {coupon.expiryDate ? formatDate(coupon.expiryDate) : '-'}
+ |
+
+
+ |
+
+ ))}
+ {coupons.length === 0 && (
+
+ | No hay cupones activos. |
+
+ )}
+
+
+
+
- {t.status}
+ {translateStatus(t.status)}
|
diff --git a/frontend/admin-panel/src/pages/Listings/ListingExplorer.tsx b/frontend/admin-panel/src/pages/Listings/ListingExplorer.tsx
index 5d50cfa..eff2852 100644
--- a/frontend/admin-panel/src/pages/Listings/ListingExplorer.tsx
+++ b/frontend/admin-panel/src/pages/Listings/ListingExplorer.tsx
@@ -9,6 +9,7 @@ import {
X, Monitor, Globe, Download
} from 'lucide-react';
import { processCategories, type FlatCategory } from '../../utils/categoryTreeUtils';
+import { translateStatus } from '../../utils/translations';
import clsx from 'clsx';
export default function ListingExplorer() {
@@ -19,14 +20,15 @@ export default function ListingExplorer() {
const [isModalOpen, setIsModalOpen] = useState(false);
const [selectedDetail, setSelectedDetail] = useState(null);
+ const todayStr = new Date().toISOString().split('T')[0];
// ESTADO DE FILTROS
const [filters, setFilters] = useState({
query: searchParams.get('q') || "",
categoryId: "",
origin: "All",
status: "",
- from: "",
- to: ""
+ from: todayStr,
+ to: todayStr
});
const loadInitialData = async () => {
@@ -35,6 +37,7 @@ export default function ListingExplorer() {
};
const loadListings = useCallback(async () => {
+ if (!filters.from || !filters.to) return;
setLoading(true);
try {
const res = await api.post('/listings/search', {
@@ -42,8 +45,8 @@ export default function ListingExplorer() {
categoryId: filters.categoryId ? parseInt(filters.categoryId) : null,
origin: filters.origin,
status: filters.status,
- from: filters.from || null,
- to: filters.to || null
+ from: filters.from,
+ to: filters.to
});
setListings(res.data);
} finally {
@@ -61,7 +64,7 @@ export default function ListingExplorer() {
};
const clearFilters = () => {
- setFilters({ query: "", categoryId: "", origin: "All", status: "", from: "", to: "" });
+ setFilters({ query: "", categoryId: "", origin: "All", status: "", from: todayStr, to: todayStr });
setSearchParams({});
};
@@ -231,14 +234,63 @@ export default function ListingExplorer() {
-
- {l.status}
-
+ {(() => {
+ const now = new Date();
+ const startDate = l.publicationStartDate ? new Date(l.publicationStartDate) : (l.approvedAt ? new Date(l.approvedAt) : null);
+ const days = l.printDaysCount || 0;
+
+ let endDate = null;
+ if (startDate && days > 0) {
+ endDate = new Date(startDate);
+ endDate.setDate(endDate.getDate() + days);
+ }
+
+ if (l.status === 'Pending') {
+ return (
+
+ Pendiente
+
+ );
+ }
+
+ if (l.status === 'Rejected') {
+ return (
+
+ Rechazado
+
+ );
+ }
+
+ if (l.status === 'Published') {
+ if (endDate && now > endDate) {
+ return (
+
+ Finalizado
+
+ );
+ }
+
+ if (startDate && now < startDate) {
+ return (
+
+ Aprobado
+
+ );
+ }
+
+ return (
+
+ Publicado
+
+ );
+ }
+
+ return (
+
+ {translateStatus(l.status)}
+
+ );
+ })()}
|
|