juan-server/CATALOGO_INFINITY
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pestana descargas y subcategorias funcionando

Browse Source
This commit is contained in:
Juan Pablo Restrepo
2026-06-06 01:15:43 -05:00
parent 21889a3761
commit 3439e598b3
38 changed files with 1609 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/administrativo/index.html
+78 -2
View File
@@ -7,7 +7,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="admin.css?v=6">
<link rel="stylesheet" href="admin.css?v=16">
</head>
<body>
@@ -133,6 +133,22 @@
<span class="form-hint">Todas las fotos subidas se guardarán en esta carpeta.</span>
</div>
<div class="form-group subcat-group" id="uploadSubcatGroup" style="display:none">
<label for="uploadSubcategoria">Subcategoría</label>
<select id="uploadSubcategoria">
<option value="">— Selecciona una subcategoría —</option>
</select>
<span class="form-hint">Esta categoría tiene subcategorías. Elige la hoja donde van los productos.</span>
</div>
<div class="form-group subcat-group" id="uploadSubSubcatGroup" style="display:none">
<label for="uploadSubSubcategoria">Sub-subcategoría</label>
<select id="uploadSubSubcategoria">
<option value="">— Selecciona una sub-subcategoría —</option>
</select>
<span class="form-hint">Esta subcategoría tiene sub-subcategorías. Elige la hoja final.</span>
</div>
<div class="form-group">
<label>Zona de subida</label>
<div class="dropzone" id="dropzone">
@@ -155,6 +171,11 @@
<div class="upload-preview-grid" id="previewGrid"></div>
</div>
<div class="upload-destino" id="uploadDestino" style="display:none">
<span class="upload-destino-label">Destino:</span>
<span class="upload-destino-path" id="uploadDestinoPath"></span>
</div>
<div class="upload-summary" id="uploadSummary" style="display:none"></div>
<div class="form-error" id="uploadError" role="alert"></div>
@@ -498,6 +519,61 @@
</div>
</div>
<!-- MODAL: Crear/Editar subcategoría -->
<div class="modal" id="modalSubcategoria" style="display:none">
<div class="modal-backdrop" data-close-modal="modalSubcategoria"></div>
<div class="modal-content">
<div class="modal-header">
<h3 id="modalSubcategoriaTitulo">Crear subcategoría</h3>
<button class="modal-close" data-close-modal="modalSubcategoria" type="button" aria-label="Cerrar">✕</button>
</div>
<form id="formSubcategoria" class="modal-form">
<div class="form-group">
<label for="subcatNombre">Nombre</label>
<input type="text" id="subcatNombre" required maxlength="40" autocomplete="off">
<span class="form-hint" id="subcatIdHint"></span>
</div>
<div class="form-group">
<label>Padre</label>
<div class="subcat-breadcrumb" id="subcatBreadcrumb"></div>
<span class="form-hint">La subcategoría heredará el icono de la categoría padre.</span>
</div>
<div class="form-error" id="subcategoriaError" role="alert"></div>
<div class="modal-actions">
<button type="button" class="btn btn-ghost" data-close-modal="modalSubcategoria">Cancelar</button>
<button type="submit" class="btn btn-primary" id="btnGuardarSubcategoria">Crear</button>
</div>
</form>
</div>
</div>
<!-- MODAL: Confirmar eliminar subcategoría -->
<div class="modal modal-sm" id="modalEliminarSubcategoria" style="display:none">
<div class="modal-backdrop" data-close-modal="modalEliminarSubcategoria"></div>
<div class="modal-content">
<div class="modal-header">
<h3>¿Eliminar subcategoría?</h3>
<button class="modal-close" data-close-modal="modalEliminarSubcategoria" type="button" aria-label="Cerrar">✕</button>
</div>
<div class="modal-body">
<p>Vas a eliminar la subcategoría <strong id="eliminarSubcatNombre"></strong>.</p>
<div class="alert-warning">
<span>📁</span>
<div>
<strong>Los productos asignados a esta subcategoría pasarán a la categoría padre.</strong>
<p>(Aún no hay productos con subcategoría — este efecto se aplicará cuando se implemente la carga de productos por subcategoría.)</p>
</div>
</div>
<p class="modal-warning">Esta acción no se puede deshacer.</p>
<div class="form-error" id="eliminarSubcatError" role="alert"></div>
</div>
<div class="modal-actions">
<button type="button" class="btn btn-ghost" data-close-modal="modalEliminarSubcategoria">Cancelar</button>
<button type="button" class="btn btn-danger" id="btnConfirmarEliminarSubcat">Sí, eliminar</button>
</div>
</div>
</div>
<!-- MODAL: Confirmar eliminar categoría -->
<div class="modal modal-sm" id="modalEliminarCategoria" style="display:none">
<div class="modal-backdrop" data-close-modal="modalEliminarCategoria"></div>
@@ -545,6 +621,6 @@
</div>
</div>
<script src="admin.js?v=6"></script>
<script src="admin.js?v=16"></script>
</body>
</html>