fix: Remove clear form button and improve UX

Major UI/UX improvements and bug fixes:

• Fixed date formatting bug in ticket receipts (undefined dates)
• Removed clear form button per user request
• Added favicon integration across all pages (apple-touch-icon, favicon variants)
• Implemented auto-collapse for product categories after adding items
• Changed all ticket content alignment to left for better readability
• Made product interface more compact to reduce scrolling
• Enhanced date validation and formatting throughout the system

Technical changes:
- Fixed esc() function regex that was causing date corruption
- Added collapseAllCategories() function for better UX
- Updated cache-busting versions for proper browser refresh
- Improved date handling with proper validation
- Added comprehensive favicon support with web manifest

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Marco Gallegos
2025-09-09 16:18:51 -06:00
parent 07209a4183
commit 9f3daff09b
15 changed files with 1001 additions and 46 deletions

View File

@@ -4,8 +4,12 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ale Ponce | AlMa</title>
<!-- Favicon SVG -->
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12zM6 10h2v4H6zm3 0h2v4H9zm3 0h2v4h-2zm3 0h2v4h-2z'/%3E%3C/svg%3E">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/src/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/src/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/src/favicon/favicon-16x16.png">
<link rel="manifest" href="/src/favicon/site.webmanifest">
<link rel="icon" href="/src/favicon/favicon.ico">
<!-- Google Fonts & Icons -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -338,10 +342,6 @@
<span class="btn-icon">🎫</span>
<span>Generar Venta</span>
</button>
<button type="reset" class="btn-clear">
<span class="btn-icon">🗑️</span>
<span>Limpiar</span>
</button>
</div>
</form>
@@ -768,6 +768,6 @@
<div id="printArea" class="no-print"></div>
<script src="https://cdn.jsdelivr.net/npm/qrcode@1/build/qrcode.min.js"></script>
<script type="module" src="app.js?v=1757039803"></script>
<script type="module" src="app.js?v=1757462000"></script>
</body>
</html>