web: start: simple form component

Signed-off-by: GnomeZworc <nicolas.boufidjeline@g3e.fr>

web/pages/dashboard/index.html

@@ -1,33 +1,24 @@
 <date-display></date-display>
 
-<!-- Dev test: open stacked panels -->
-<div style="display:flex;gap:8px;margin-top:8px;">
-  <button onclick="openTestPanel('Panel A', '400px')"
+<div style="gap:8px;margin-top:0px;">
+  <button data-panel-title="Panel A" data-panel-width="400px"
     style="background:#313244;border:1px solid #45475a;border-radius:6px;
            padding:7px 14px;color:#89b4fa;font-size:13px;cursor:pointer;">
     Open panel A
   </button>
-  <button onclick="openTestPanel('Panel B', '520px')"
+  <button data-panel-title="Panel B" data-panel-width="520px"
     style="background:#313244;border:1px solid #45475a;border-radius:6px;
            padding:7px 14px;color:#a6e3a1;font-size:13px;cursor:pointer;">
     Open panel B
   </button>
+  <button data-action="create-vm"
+    style="background:#313244;border:1px solid #45475a;border-radius:6px;
+           padding:7px 14px;color:#a6e3a1;font-size:13px;cursor:pointer;">
+    Create-vm
+  </button>
+  <button data-action="edit-vm-i-test1"
+    style="background:#313244;border:1px solid #45475a;border-radius:6px;
+           padding:7px 14px;color:#a6e3a1;font-size:13px;cursor:pointer;">
+    Edition
+  </button>
 </div>
-
-
-<script type="module">
-    import { SidePanel } from '../components/side-panel/side-panel.js'
-
-    window.openTestPanel = (title, width) => {
-        SidePanel.open({
-            title,
-            width,
-            content: `<p style="color:#a6adc8;font-size:14px;line-height:1.6">
-            Contenu du panneau <strong style="color:#cdd6f4">${title}</strong>.<br>
-            Largeur : ${width}.<br><br>
-            Tu peux ouvrir plusieurs panneaux — ils s'empilent vers la gauche.
-            Ferme avec ✕, Échap, ou en cliquant le fond.
-            </p>`,
-        })
-    }
-</script>