updates

controller/internal/web/templates.go

@@ -190,7 +190,7 @@ const stacksTmpl = `
                 <span class="badge badge-protected">🔒 Védett rendszerkomponens</span>
             {{else if not .Deployed}}
                 <a href="/stacks/{{.Name}}/deploy" class="btn btn-primary">🚀 Telepítés</a>
-                <a href="{{appPageURL .Meta.Slug}}" target="_blank" class="btn btn-outline">ℹ️ Részletek</a>
+                <a href="{{appPageURL .Meta.Slug}}" class="btn btn-outline">ℹ️ Részletek</a>
             {{else}}
                 {{if eq (stateStr .State) "running"}}
                     <button class="btn btn-success" onclick="stackAction('{{.Name}}', 'update')">⬆ Frissítés</button>
@@ -200,7 +200,7 @@ const stacksTmpl = `
                     <button class="btn btn-success" onclick="stackAction('{{.Name}}', 'start')">▶ Indítás</button>
                 {{end}}
                 <a href="/stacks/{{.Name}}/logs" class="btn btn-outline">📋 Naplók</a>
-                <a href="{{appPageURL .Meta.Slug}}" target="_blank" class="btn btn-outline">ℹ️ Részletek</a>
+                <a href="{{appPageURL .Meta.Slug}}" class="btn btn-outline">ℹ️ Részletek</a>
             {{end}}
         </div>
     </div>
@@ -264,7 +264,7 @@ const deployTmpl = `
             <div class="form-group">
                 <label for="field-{{.EnvVar}}">
                     {{.Label}}
-                    {{if .Required}}<span class="required">*</span>{{end}}
+                    {{if or .Required (eq .Type "password")}}<span class="required">*</span>{{end}}
                     {{if .LockedAfterDeploy}}<span class="locked-hint">🔒 telepítés után nem módosítható</span>{{end}}
                 </label>
 
@@ -280,6 +280,8 @@ const deployTmpl = `
                     <input type="text" id="field-{{.EnvVar}}" name="{{.EnvVar}}"
                            class="form-control" value="{{.Default}}"
                            placeholder="{{.Placeholder}}"
+                           data-field-type="password"
+                           required
                            {{if $.AlreadyDeployed}}disabled{{end}}>
                     <button type="button" class="btn btn-sm btn-outline"
                             onclick="generatePassword('field-{{.EnvVar}}')">🎲 Generálás</button>
@@ -327,6 +329,87 @@ function generatePassword(fieldId) {
     document.getElementById(fieldId).value = pass;
 }
 
+document.getElementById('deploy-form').addEventListener('submit', async function(e) {
+    e.preventDefault();
+
+    // Client-side validation: check all password fields are filled
+    const passwordFields = e.target.querySelectorAll('input[data-field-type="password"]');
+    for (const pf of passwordFields) {
+        if (!pf.disabled && pf.value.trim() === '') {
+            const label = pf.closest('.form-group').querySelector('label').textContent.trim();
+            alert('Kötelező mező: ' + label + '\nHasználja a Generálás gombot vagy írjon be egy jelszót.');
+            pf.focus();
+            return;
+        }
+    }
+
+    // Client-side validation: check all required fields are filled
+    const requiredFields = e.target.querySelectorAll('input[required], select[required]');
+    for (const rf of requiredFields) {
+        if (!rf.disabled && rf.value.trim() === '') {
+            const label = rf.closest('.form-group').querySelector('label').textContent.trim();
+            alert('Kötelező mező: ' + label);
+            rf.focus();
+            return;
+        }
+    }
+
+    const btn = e.target.querySelector('[type=submit]');
+    const origText = btn.textContent;
+    btn.disabled = true;
+    btn.textContent = 'Telepítés folyamatban...';
+
+    const values = {};
+    const inputs = e.target.querySelectorAll('input, select');
+    inputs.forEach(function(el) {
+        if (el.name && !el.disabled) {
+            if (el.type === 'checkbox') {
+                values[el.name] = el.checked ? 'true' : 'false';
+            } else {
+                values[el.name] = el.value;
+            }
+        }
+    });
+
+    try {
+        const resp = await fetch('/api/stacks/{{.Stack.Name}}/deploy', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({values: values})
+        });
+        const data = await resp.json();
+        if (!data.ok) {
+            alert('Hiba: ' + data.error);
+            btn.textContent = origText;
+            btn.disabled = false;
+            return;
+        }
+        alert('Sikeres telepítés! ✔');
+        window.location.href = '/stacks';
+    } catch (err) {
+        alert('Hálózati hiba: ' + err.message);
+        btn.textContent = origText;
+        btn.disabled = false;
+    }
+});
+</script>
+
+{{template "layout_end" .}}
+{{end}}
+` + "\n"
+
+<script>
+function generatePassword(fieldId) {
+    const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+    let pass = '';
+    const arr = new Uint8Array(16);
+    crypto.getRandomValues(arr);
+    for (let i = 0; i < 16; i++) {
+        pass += chars[arr[i] % chars.length];
+    }
+    document.getElementById(fieldId).value = pass;
+}
+
 document.getElementById('deploy-form').addEventListener('submit', async function(e) {
     e.preventDefault();
     const btn = e.target.querySelector('[type=submit]');