From b1268ea0457ff3e5815bd98d3d589615421c7725 Mon Sep 17 00:00:00 2001
From: lulzette <lulzette@cock.li>
Date: Thu, 25 Mar 2021 22:31:53 +0000
Subject: [PATCH] preety

---
 views/index.tpl | 53 ++++++++++++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 23 deletions(-)

diff --git a/views/index.tpl b/views/index.tpl
index f81ca4f..a0e982b 100644
--- a/views/index.tpl
+++ b/views/index.tpl
@@ -1,4 +1,13 @@
 %include ('header.tpl')
+
+<script>
+    function startBtn() {
+        alert("asd");
+        document.getElementById("parentID").innerHTML+= "new content" ;
+
+    }
+</script>
+
 <nav class="navbar navbar-dark bg-dark">
     <div class="container-fluid">
       <a class="navbar-brand" href="#">Welcome to libvirt domain ctl</a>
@@ -8,34 +17,32 @@
 <div class="card">
     <div class="card-body">
 
-RAW: {{name}}
+        <div class="alert alert-primary" role="alert">
+            RAW: {{name}}
+        </div>
+                
 
+        <div class="row">
+        %for i in name:
+            <div class="col-sm-6">
+                <div class="card">
+                    <div class="card-body">
+                    <h5 class="card-title">{{i['name']}}</h5>
+                    <p class="card-text">State: {{i['state']}}</p>
+                    <form method="POST" action="http://192.168.100.50:5000/action" id={{i['name']}}>
+                        <input name="name" value="{{i['name']}}" hidden>
+                        <button name="act" class="btn btn-success" value="start" onclick="startBtn();">Start</button>
 
-<div class="row">
-    %for i in name:
-<div class="col-sm-6">
-    <div class="card">
-        <div class="card-body">
-        <h5 class="card-title">{{i['name']}}</h5>
-        <p class="card-text">State: {{i['state']}}</p>
-
-        <form method="POST" action="http://192.168.100.50:5000/action">
-            <input name="name" value="{{i['name']}}" hidden>
-            <button name="act" class="btn btn-success" value="start">Start</button>
-            <button name="act" class="btn btn-danger" value="destroy">Destroy</button>
-            <button name="act" class="btn btn-warning" value="stop">Stop</button>
-        </form>
+                        <button name="act" class="btn btn-danger" value="destroy">Destroy</button>
+                        <button name="act" class="btn btn-warning" value="stop">Stop</button>
+                    </form>
+                    </div>
+                </div>
+            </div>
+        %end
         </div>
     </div>
 </div>
-%end
-  </div>
-
-
-
-
-</div>
-</div>
 
 
 %include ('footer.tpl')
\ No newline at end of file