chore: commit all missing files from Qute/Alpine migration

This commit adds all the files that were created during the frontend migration (Qute templates + Alpine.js) but were never committed to git. Includes: - TemplateData.java (shared Qute page helpers) - Static resources: app.js, defaults.js, calc.js, alpine.min.js, pico.min.css, favicon.svg - Qute templates: changePassword, formulas, insumos, login, register, usuarios - Partial templates: header.html, layout/base.html - Modified: MustChangePasswordFilter.java (added login/register paths) - Modified: AppState.java (added price fields) - Modified: format.js (simplified number formatting) - Modified: application.properties (static resources comment) - Modified: calculadora.html (Qute/Alpine rewrite)
2026-08-18 10:26:10 -04:00
parent f1c22f79d6
commit 34e524616d
20 changed files with 2141 additions and 16 deletions
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="es" data-theme="light">
+<head>
+  <meta charset="UTF-8"/>
+  <link rel="icon" type="image/svg+xml" href="/static/favicon.svg"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Crear cuenta — Calculadora de Craft de Shots</title>
+  <link rel="stylesheet" href="/static/css/pico.min.css"/>
+  <link rel="stylesheet" href="/static/css/app.css"/>
+</head>
+<body class="login-page" x-data="authRegister()">
+  <article class="login-card">
+    <svg class="login-logo" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"
+         aria-label="Logo">
+      <defs>
+        <linearGradient id="gem" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="#10b981"/>
+          <stop offset="100%" stop-color="#047857"/>
+        </linearGradient>
+      </defs>
+      <path d="M40 8 L62 28 L40 72 L18 28 Z" fill="url(#gem)" stroke="#065f46" stroke-width="1.5"/>
+      <path d="M40 8 L62 28 L18 28 Z" fill="rgba(255,255,255,0.15)"/>
+      <path d="M40 72 L62 28 L40 28 Z" fill="rgba(0,0,0,0.1)"/>
+      <g class="sparkle">
+        <circle cx="50" cy="18" r="2.5" fill="white"/>
+        <path d="M50 14 L51 18 L50 22 L49 18 Z M46 18 L50 17 L54 18 L50 19 Z"
+              fill="white" opacity="0.7"/>
+      </g>
+    </svg>
+
+    <hgroup style="text-align:center;margin-bottom:1.5rem">
+      <h1 style="font-size:1.5rem;margin-bottom:0.25rem">Crear cuenta</h1>
+      <p style="margin-bottom:0">Unete a la comunidad de crafteo</p>
+    </hgroup>
+
+    <form @submit.prevent="handleSubmit">
+      <label>Username
+        <input type="text" x-model="username" autocomplete="username" autofocus
+               required minlength="3" maxlength="30"/>
+        <small>3-30 caracteres, letras, numeros y guion bajo.</small>
+      </label>
+      <label>Contrasena
+        <input type="password" x-model="password" autocomplete="new-password"
+               required minlength="8"/>
+        <small>Minimo 8 caracteres.</small>
+      </label>
+
+      <div x-show="error" x-transition class="error-msg" x-text="error"></div>
+
+      <button type="submit" :disabled="submitting">
+        <span x-show="!submitting">Crear cuenta</span>
+        <span x-show="submitting">Procesando…</span>
+      </button>
+    </form>
+
+    <p class="login-footer">
+      <a href="/login" class="link-action">Ya tenes cuenta? Inicia sesion</a>
+    </p>
+  </article>
+
+  <script src="/static/js/defaults.js"></script>
+  <script src="/static/js/api.js"></script>
+  <script src="/static/js/app.js"></script>
+  <script defer src="/static/js/alpine.min.js"></script>
+</body>
+</html>