+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/admin-panel/src/pages/Pricing/PromotionsManager.tsx b/frontend/admin-panel/src/pages/Pricing/PromotionsManager.tsx
new file mode 100644
index 0000000..f2684d1
--- /dev/null
+++ b/frontend/admin-panel/src/pages/Pricing/PromotionsManager.tsx
@@ -0,0 +1,232 @@
+import { useState, useEffect } from 'react';
+import api from '../../services/api';
+import Modal from '../../components/Modal';
+import { Percent, Trash2, Plus, Edit, CalendarClock } from 'lucide-react';
+
+interface Promotion {
+ id: number;
+ name: string;
+ categoryId: number | null;
+ minDays: number;
+ daysOfWeek: string; // "0,6" (Domingo, Sabado)
+ discountPercentage: number;
+ discountFixedAmount: number;
+ isActive: boolean;
+}
+
+interface Category { id: number; name: string; }
+
+export default function PromotionsManager() {
+ const [promotions, setPromotions] = useState
+
+
+
+
+
+
+
+ {selectedCat && (
+
+
+ )}
+ Reglas de Precio
+ +
+ {/* Tarifa Base */}
+
+
+
+
+
+ {/* Extras y Estilos */}
+ Base
+
+
+ setConfig({ ...config, basePrice: parseFloat(e.target.value) })} />
+
+
+
+ setConfig({ ...config, baseWordCount: parseInt(e.target.value) })} />
+
+
+
+ setConfig({ ...config, extraWordPrice: parseFloat(e.target.value) })} />
+
+
+
+ Extras y Recargos
+
+
+ setConfig({ ...config, specialChars: e.target.value })} />
+
+
+
+ setConfig({ ...config, specialCharPrice: parseFloat(e.target.value) })} />
+
+
+
+
+
+ setConfig({ ...config, boldSurcharge: parseFloat(e.target.value) })} />
+
+
+
+ setConfig({ ...config, frameSurcharge: parseFloat(e.target.value) })} />
+
+
+
+
+
+ setIsModalOpen(false)} title={editingId ? 'Editar Promo' : 'Nueva Promo'}>
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/admin-panel/src/pages/Users/UserManager.tsx b/frontend/admin-panel/src/pages/Users/UserManager.tsx
index 5b7d88a..0554596 100644
--- a/frontend/admin-panel/src/pages/Users/UserManager.tsx
+++ b/frontend/admin-panel/src/pages/Users/UserManager.tsx
@@ -1,7 +1,7 @@
import { useState, useEffect } from 'react';
// @ts-ignore
-import { User } from '../../types/User';
-import { userService } from '../../services/userService';
+import { type User } from '../../types/User';
+import { userService, type CreateUserDto } from '../../services/userService';
import Modal from '../../components/Modal';
import { Plus, Edit, Trash2, Shield, User as UserIcon } from 'lucide-react';
@@ -43,10 +43,9 @@ export default function UserManager() {
// @ts-ignore
const handleEdit = (user: User) => {
setEditingId(user.id);
- // Password left empty intentionally
setFormData({
username: user.username,
- password: '',
+ password: '', // Password vacío al editar
role: user.role,
email: user.email || ''
});
@@ -66,15 +65,29 @@ export default function UserManager() {
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
try {
+ // Validar password obligatorio al crear
+ if (!editingId && !formData.password) {
+ alert("La contraseña es obligatoria para nuevos usuarios");
+ return;
+ }
+
+ const payload: CreateUserDto = {
+ username: formData.username,
+ role: formData.role,
+ email: formData.email,
+ password: formData.password || undefined // Enviar undefined si está vacío en edit
+ };
+
if (editingId) {
- await userService.update(editingId, formData);
+ await userService.update(editingId, payload);
} else {
- await userService.create(formData as any);
+ // En create, password es string (ya validado arriba)
+ await userService.create(payload as CreateUserDto);
}
setIsModalOpen(false);
loadUsers();
} catch (error) {
- alert('Error guardando usuario');
+ alert('Error procesando usuario');
}
};
diff --git a/frontend/admin-panel/src/services/api.ts b/frontend/admin-panel/src/services/api.ts
index 670cdda..d72471a 100644
--- a/frontend/admin-panel/src/services/api.ts
+++ b/frontend/admin-panel/src/services/api.ts
@@ -1,7 +1,7 @@
import axios from 'axios';
const api = axios.create({
- baseURL: 'https://localhost:7034/api', // Puerto HTTPS obtenido de launchSettings.json
+ baseURL: import.meta.env.VITE_API_URL, // Usa la variable de entorno
});
api.interceptors.request.use((config) => {
@@ -12,4 +12,4 @@ api.interceptors.request.use((config) => {
return config;
});
-export default api;
+export default api;
\ No newline at end of file
diff --git a/frontend/admin-panel/src/services/attributeService.ts b/frontend/admin-panel/src/services/attributeService.ts
index 24e0d19..8b45403 100644
--- a/frontend/admin-panel/src/services/attributeService.ts
+++ b/frontend/admin-panel/src/services/attributeService.ts
@@ -1,5 +1,5 @@
import api from './api';
-import { AttributeDefinition } from '../types/AttributeDefinition';
+import { type AttributeDefinition } from '../types/AttributeDefinition';
export const attributeService = {
getByCategoryId: async (categoryId: number): Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Nombre | +Rubro | +Condición Días | +Descuento | +Estado | +Acciones | +
|---|---|---|---|---|---|
| {p.name} | ++ {p.categoryId ? categories.find(c => c.id === p.categoryId)?.name : 'Todos'} + | +
+ {p.minDays > 0 ? `Mínimo ${p.minDays} días` : 'Sin mínimo'}
+ {p.daysOfWeek && (
+
+
+ )}
+ |
+ + {p.discountPercentage > 0 ? `-${p.discountPercentage}%` : `-$${p.discountFixedAmount}`} + | ++ + {p.isActive ? 'Activa' : 'Inactiva'} + + | ++ + + | +
+ {/* Header tipo Sistema Legacy pero moderno */}
+
+
+
+ {/* Main Content Area */}
+
+
+
+ {/* Footer con Barra de Atajos */}
+
+
+ );
+}
+
+function ShortcutKey({ k, label, active = false }: { k: string, label: string, active?: boolean }) {
+ return (
+
+
+
+
+
+
+
+
+ Sucursal: CENTRAL | Caja: 01
+
+
+ {k}
+ {label}
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/counter-panel/src/main.tsx b/frontend/counter-panel/src/main.tsx
new file mode 100644
index 0000000..bef5202
--- /dev/null
+++ b/frontend/counter-panel/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/counter-panel/src/pages/FastEntryPage.tsx b/frontend/counter-panel/src/pages/FastEntryPage.tsx
new file mode 100644
index 0000000..e9ccbfe
--- /dev/null
+++ b/frontend/counter-panel/src/pages/FastEntryPage.tsx
@@ -0,0 +1,385 @@
+import { useState, useEffect, useRef } from 'react';
+import api from '../services/api';
+import { useDebounce } from '../hooks/useDebounce';
+import {
+ Printer, Save, CheckSquare, Square, Tag,
+ AlignLeft, AlignCenter, AlignRight, AlignJustify,
+ Type
+} from 'lucide-react';
+import clsx from 'clsx';
+
+interface Category { id: number; name: string; }
+interface Operation { id: number; name: string; }
+
+interface PricingResult {
+ totalPrice: number;
+ baseCost: number;
+ extraCost: number;
+ surcharges: number;
+ discount: number;
+ wordCount: number;
+ specialCharCount: number;
+ details: string;
+ appliedPromotion: string;
+}
+
+export default function FastEntryPage() {
+ const [categories, setCategories] = useStateCaja Diaria
+
+
+
+
+
+ Total Efectivo
+ $ 15,400.00
+
+
+ Avisos Cobrados
+ 12
+
+
+
+
+
+ | Hora | +Concepto | +Usuario | +Monto | +
|---|---|---|---|
| 09:15 | +Aviso Automotores x3 días | +cajero1 | +$ 4,500.00 | +
+
+ {/* --- COLUMNA IZQUIERDA: INPUTS --- */}
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/counter-panel/src/services/api.ts b/frontend/counter-panel/src/services/api.ts
new file mode 100644
index 0000000..d72471a
--- /dev/null
+++ b/frontend/counter-panel/src/services/api.ts
@@ -0,0 +1,15 @@
+import axios from 'axios';
+
+const api = axios.create({
+ baseURL: import.meta.env.VITE_API_URL, // Usa la variable de entorno
+});
+
+api.interceptors.request.use((config) => {
+ const token = localStorage.getItem('token');
+ if (token) {
+ config.headers.Authorization = `Bearer ${token}`;
+ }
+ return config;
+});
+
+export default api;
\ No newline at end of file
diff --git a/frontend/counter-panel/tsconfig.app.json b/frontend/counter-panel/tsconfig.app.json
new file mode 100644
index 0000000..a9b5a59
--- /dev/null
+++ b/frontend/counter-panel/tsconfig.app.json
@@ -0,0 +1,28 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "target": "ES2022",
+ "useDefineForClassFields": true,
+ "lib": ["ES2022", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
+ "types": ["vite/client"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["src"]
+}
diff --git a/frontend/counter-panel/tsconfig.json b/frontend/counter-panel/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/frontend/counter-panel/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "files": [],
+ "references": [
+ { "path": "./tsconfig.app.json" },
+ { "path": "./tsconfig.node.json" }
+ ]
+}
diff --git a/frontend/counter-panel/tsconfig.node.json b/frontend/counter-panel/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/frontend/counter-panel/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "ES2023",
+ "lib": ["ES2023"],
+ "module": "ESNext",
+ "types": ["node"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/frontend/counter-panel/vite.config.ts b/frontend/counter-panel/vite.config.ts
new file mode 100644
index 0000000..8b0f57b
--- /dev/null
+++ b/frontend/counter-panel/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [react()],
+})
diff --git a/frontend/public-web/.gitignore b/frontend/public-web/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/frontend/public-web/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/frontend/public-web/README.md b/frontend/public-web/README.md
new file mode 100644
index 0000000..d2e7761
--- /dev/null
+++ b/frontend/public-web/README.md
@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+
+ // Remove tseslint.configs.recommended and replace with this
+ tseslint.configs.recommendedTypeChecked,
+ // Alternatively, use this for stricter rules
+ tseslint.configs.strictTypeChecked,
+ // Optionally, add this for stylistic rules
+ tseslint.configs.stylisticTypeChecked,
+
+ // Other configs...
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+ // Enable lint rules for React
+ reactX.configs['recommended-typescript'],
+ // Enable lint rules for React DOM
+ reactDom.configs.recommended,
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
diff --git a/frontend/public-web/eslint.config.js b/frontend/public-web/eslint.config.js
new file mode 100644
index 0000000..5e6b472
--- /dev/null
+++ b/frontend/public-web/eslint.config.js
@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ js.configs.recommended,
+ tseslint.configs.recommended,
+ reactHooks.configs.flat.recommended,
+ reactRefresh.configs.vite,
+ ],
+ languageOptions: {
+ ecmaVersion: 2020,
+ globals: globals.browser,
+ },
+ },
+])
diff --git a/frontend/public-web/index.html b/frontend/public-web/index.html
new file mode 100644
index 0000000..9f36079
--- /dev/null
+++ b/frontend/public-web/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+ {/* --- COLUMNA DERECHA: TOTALES Y OPCIONES --- */}
+
+
+
+
+ Nueva Publicación (F2)
+ ID TERMINAL: T-01 +
+
+ {/* Panel de Totales */}
+
+
+
+
+ {/* --- NUEVA BARRA DE HERRAMIENTAS (TOOLBAR) --- */}
+
+
+ Total a Cobrar
+
+ ${pricing.totalPrice.toLocaleString()}
+
+
+
+
+
+ {pricing.appliedPromotion && (
+
+ Base ({formData.days} días)
+ ${pricing.baseCost.toLocaleString()}
+
+
+ {pricing.extraCost > 0 && (
+
+ Excedentes
+ +${pricing.extraCost.toLocaleString()}
+
+ )}
+
+ {pricing.surcharges > 0 && (
+
+ Adicionales (Estilo)
+ +${pricing.surcharges.toLocaleString()}
+
+ )}
+
+ {pricing.discount > 0 && (
+
+
+ )}
+
+ ¡{pricing.appliedPromotion}!
+
+ )}
+
+
+ {/* Alineación */}
+
+
+ {/* Vista Previa Papel */}
+
+
+
+
+
+
+
+
+
+ {/* Tamaño de Fuente */}
+
+
+
+
+
+
+
+
+
+
+
+ {/* Botones Estilo Rápido (Negrita/Recuadro) */}
+
+
+
+ {formData.text || "(Texto vacío)"}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SIG-CM
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/public-web/src/components/SearchBar.tsx b/frontend/public-web/src/components/SearchBar.tsx
new file mode 100644
index 0000000..98e2fef
--- /dev/null
+++ b/frontend/public-web/src/components/SearchBar.tsx
@@ -0,0 +1,35 @@
+import { Search } from 'lucide-react';
+import { useState } from 'react';
+
+interface SearchBarProps {
+ onSearch?: (query: string) => void;
+}
+
+export default function SearchBar({ onSearch }: SearchBarProps) {
+ const [query, setQuery] = useState('');
+
+ const handleSearch = (e: React.FormEvent) => {
+ e.preventDefault();
+ if (onSearch) {
+ onSearch(query);
+ }
+ };
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/public-web/src/index.css b/frontend/public-web/src/index.css
new file mode 100644
index 0000000..1089f03
--- /dev/null
+++ b/frontend/public-web/src/index.css
@@ -0,0 +1,17 @@
+@import "tailwindcss";
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+@theme {
+ --font-sans: 'Inter', sans-serif;
+ --color-primary-50: #f0f9ff;
+ --color-primary-100: #e0f2fe;
+ --color-primary-500: #0ea5e9;
+ --color-primary-600: #0284c7;
+ --color-primary-900: #0c4a6e;
+}
+
+body {
+ /* En v4 @apply funciona, pero requiere que el import esté arriba */
+ @apply bg-gray-50 text-gray-900 font-sans;
+}
\ No newline at end of file
diff --git a/frontend/public-web/src/main.tsx b/frontend/public-web/src/main.tsx
new file mode 100644
index 0000000..bef5202
--- /dev/null
+++ b/frontend/public-web/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+
+ 
{
+ // Fallback si la imagen falla al cargar
+ e.currentTarget.src = 'https://placehold.co/400x300?text=Error+Carga';
+ }}
+ />
+
+
+ Ver
+
+
+
+
+ {listing.currency} {listing.price.toLocaleString()}
+
+ + {listing.title} +
+
+
+
+ {/* Hero Section */}
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/public-web/src/pages/ListingDetailPage.tsx b/frontend/public-web/src/pages/ListingDetailPage.tsx
new file mode 100644
index 0000000..4aca27f
--- /dev/null
+++ b/frontend/public-web/src/pages/ListingDetailPage.tsx
@@ -0,0 +1,118 @@
+import { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { publicService } from '../services/publicService';
+import type { ListingDetail } from '../types';
+import { Calendar, Tag, ChevronLeft } from 'lucide-react';
+
+export default function ListingDetailPage() {
+ const { id } = useParams();
+ const [detail, setDetail] = useState
+
+
+
+ {/* Categories Quick Links */}
+
+
+ Encuentra tu próximo objetivo
+Clasificados verificados de Autos, Propiedades y más.
+
+
+
+
+
+ {/* Latest Listings */}
+
+ {mainCategories.map(cat => (
+
+ ))}
+
+
+
+ + {loading ? 'Cargando...' : 'Resultados Recientes'} +
+ + {!loading && listings.length === 0 && ( +
+ No se encontraron avisos con esos criterios.
+
+ )}
+
+
+ {listings.map(listing => (
+
+ Cargando...
;
+ if (!detail) return Aviso no encontrado.
;
+
+ const { listing, attributes, images } = detail;
+ const baseUrl = import.meta.env.VITE_BASE_URL; // Ajustar puerto según backend launchSettings
+
+ return (
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/frontend/public-web/src/services/api.ts b/frontend/public-web/src/services/api.ts
new file mode 100644
index 0000000..f62cb5a
--- /dev/null
+++ b/frontend/public-web/src/services/api.ts
@@ -0,0 +1,7 @@
+import axios from 'axios';
+
+const api = axios.create({
+ baseURL: import.meta.env.VITE_API_URL, // Usa la variable de entorno
+});
+
+export default api;
\ No newline at end of file
diff --git a/frontend/public-web/src/services/publicService.ts b/frontend/public-web/src/services/publicService.ts
new file mode 100644
index 0000000..9c20608
--- /dev/null
+++ b/frontend/public-web/src/services/publicService.ts
@@ -0,0 +1,26 @@
+import api from './api';
+import type { Listing, Category, ListingDetail } from '../types';
+
+export const publicService = {
+ getLatestListings: async (): Promise
+ {/* Galería de Fotos */}
+
+
+
+
+ {/* Información Principal */}
+
+ {activeImage ? (
+ 
+ ) : (
+
+ {images.length > 1 && (
+ Sin imágenes
+ )}
+
+ {images.map(img => (
+
+ ))}
+
+ )}
+
+
+
+
+
+ {/* Atributos Dinámicos */}
+
+
+ Clasificado #{listing.id}
+
+
+
+
+ {listing.title}
+
+ {listing.currency} {listing.price.toLocaleString()}
+
+
+
+
+
+
+
+
+
+
+
+
+ {attributes.map(attr => (
+
+
+ {attr.attributeName}
+ {attr.value}
+
+ ))}
+ {attributes.length === 0 && Sin características adicionales.
} +
+
+ Descripción
++ {listing.description || "Sin descripción proporcionada."} +
+