build

front/js/svelte/build/Report.svelte

@@ -8,25 +8,39 @@
 
     const channel = getContext("channel");
     export let title;
-    $: output = "";
-    const eventSource = new EventSource(channel.lucentUrl + "/build-report-source");
+    $: date = "";
+    $: logs = "";
+
+
+    function buildWebsite(e) {
+        e.preventDefault();
+
+        axios.post(channel.lucentUrl + "/build").then(response => {
+            const eventSource = new EventSource(channel.lucentUrl + "/build-report-source");
+
+            eventSource.onmessage = function(event) {
+                const data = JSON.parse(event.data);
+                date =  data.date;
+                logs =  data.logs;
+            }
+            eventSource.onerror = (e)=>{
+                console.log(e)
+            }
+        })
 
-    console.log("heklko")
-    eventSource.onmessage = function(event) {
-        const data = JSON.parse(event.data);
-        console.log(data)
-        output = output +  "message: " + data.time;
-    }
-    eventSource.onerror = (e)=>{
-        console.log(e)
     }
 
 </script>
 
 <div class="wrapper-tiny transparent mb-5">
     <div class="lx-card mt-5">
+
         <h3 class="header-small mb-5">{title}</h3>
 
-        {output}
+        <button on:click={buildWebsite} class="btn btn-outline-primary btn-sm mb-3">Start Build</button>
+
+        <div class="mb-3">{date}</div>
+
+        <pre>{logs}</pre>
     </div>
 </div>