v0.43.0: rebuilt storage management (guided init/attach/eject on agent disk model)

Controller-only UI/orchestration over the agent's disk endpoints + StoragePath registry. New: storage overview (data_bearing badges), guided init (format -> resolve fs UUID -> assign -> register; data-bearing REFUSAL surfaces the felhom-opsign command, no force-format), guided attach, eject (+deregister, dependent-guest warning). agentapi: DiskInfo.DurableID/FSUUID + FormatResult. PendingOp (parsed from the 403). Honest buttons (migrate disabled, no 404s). Phase 3: removed dead CrossDrive blocks in deploy.html/backups.html. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-11 19:47:58 +02:00
parent 8fcd49304d
commit 29a9dcdd8c
11 changed files with 819 additions and 212 deletions
@@ -0,0 +1,97 @@
+{{define "storage_attach"}}
+{{template "layout_start" .}}
+
+<div class="page-header">
+    <div style="display:flex;align-items:center;gap:.5rem">
+        <a href="/settings" class="btn btn-sm btn-outline">← Vissza</a>
+        <h2>Meglévő meghajtó csatolása</h2>
+    </div>
+</div>
+
+<div class="settings-card">
+    <h3>1. Meghajtó kiválasztása</h3>
+    <p class="settings-card-desc">Válassza ki a már fájlrendszerrel rendelkező meghajtót.
+        <strong>A meghajtón lévő adatok nem törlődnek</strong> — a csatolás csak elérhetővé teszi azokat.</p>
+    <div id="disk-error" class="alert alert-error" style="display:none;margin-bottom:1rem"></div>
+    <div id="disk-list">Betöltés…</div>
+</div>
+
+<div class="settings-card" id="cfg-card" style="display:none">
+    <h3>2. Konfiguráció</h3>
+    <form id="attach-form" onsubmit="return submitAttach(event)">
+        <div class="form-group">
+            <label>Kiválasztott eszköz</label>
+            <span class="settings-value mono" id="sel-device">—</span>
+        </div>
+        <div class="form-group">
+            <label for="mount-name">Csatlakoztatási név <span class="required">*</span></label>
+            <div style="display:flex;align-items:center;gap:.25rem">
+                <span class="mono" style="opacity:.6">/mnt/</span>
+                <input type="text" id="mount-name" class="form-control" placeholder="hdd_1"
+                       pattern="[a-zA-Z0-9_-]+" required style="max-width:180px">
+            </div>
+            <span class="form-hint">A meghajtó a /mnt/&lt;név&gt; útvonalra kerül.</span>
+        </div>
+        <div class="form-group">
+            <label for="storage-label">Megnevezés</label>
+            <input type="text" id="storage-label" class="form-control" placeholder="Külső HDD 1TB" maxlength="50">
+        </div>
+        <label class="toggle" style="margin-bottom:1.25rem">
+            <input type="checkbox" id="set-default">
+            <span class="toggle-label">Beállítás alapértelmezett adattárolóként új telepítéseknél</span>
+        </label>
+        <div class="form-actions" style="gap:.75rem">
+            <button type="submit" class="btn btn-primary" id="attach-btn">Csatolás</button>
+            <a href="/settings" class="btn btn-outline">Mégsem</a>
+        </div>
+        <div id="attach-result" style="margin-top:1rem"></div>
+    </form>
+</div>
+
+<script>
+var selDevice = "", selFSType = "";
+
+async function loadDisks(){
+  try{
+    var r = await fetch('/api/disks'); var j = await r.json();
+    if(!j.ok){ throw new Error(j.error||'Hiba'); }
+    var disks = (j.data&&j.data.disks)||[];
+    // Attachable: has a backing device, an fs-UUID identity (durable_id "uuid:…"), and isn't mounted yet.
+    var attachable = disks.filter(function(d){ return d.backing_device!=="" && (d.durable_id||"").indexOf("uuid:")===0 && !d.mount_path; });
+    if(attachable.length===0){ document.getElementById('disk-list').innerHTML='<p class="form-hint">Nincs csatolható (fájlrendszerrel rendelkező, még nem csatolt) meghajtó.</p>'; return; }
+    var html='<table class="data-table"><thead><tr><th></th><th>Tároló</th><th>Típus</th><th>Eszköz</th><th>Osztály</th></tr></thead><tbody>';
+    attachable.forEach(function(d){
+      html+='<tr><td><input type="radio" name="disk" value="'+d.backing_device+'" onchange="pickDisk(this)"></td>'
+        +'<td>'+d.name+'</td><td>'+d.type+'</td><td class="mono">'+d.backing_device+'</td><td>'+(d.class||'—')+'</td></tr>';
+    });
+    html+='</tbody></table>';
+    document.getElementById('disk-list').innerHTML=html;
+  }catch(e){ var el=document.getElementById('disk-error'); el.style.display='block'; el.textContent='Meghajtók betöltése sikertelen: '+e.message; }
+}
+
+function pickDisk(radio){
+  selDevice=radio.value;
+  document.getElementById('sel-device').textContent=selDevice;
+  document.getElementById('cfg-card').style.display='block';
+  document.getElementById('cfg-card').scrollIntoView({behavior:'smooth'});
+}
+
+async function submitAttach(ev){
+  ev.preventDefault();
+  var btn=document.getElementById('attach-btn'); var out=document.getElementById('attach-result');
+  btn.disabled=true; out.innerHTML='<p class="form-hint">Csatlakoztatás folyamatban…</p>';
+  try{
+    var body={device:selDevice, fstype:"", mount_name:document.getElementById('mount-name').value,
+      label:document.getElementById('storage-label').value, set_default:document.getElementById('set-default').checked};
+    var r=await fetch('/api/storage/attach',{method:'POST',headers:Object.assign({'Content-Type':'application/json'},csrfHeaders()),body:JSON.stringify(body)});
+    var j=await r.json();
+    if(!j.ok){ throw new Error(j.error||'Hiba'); }
+    out.innerHTML='<div class="alert alert-success">✅ A meghajtó sikeresen csatolva és regisztrálva: <strong class="mono">'+(j.data.where||'')+'</strong>. <a href="/settings">Vissza a Beállításokhoz →</a></div>';
+  }catch(e){ out.innerHTML='<div class="alert alert-error">Hiba: '+e.message+'</div>'; btn.disabled=false; }
+  return false;
+}
+loadDisks();
+</script>
+
+{{template "layout_end" .}}
+{{end}}