multiple commands

2024-08-24 18:51:36 +03:00
parent d9e2c4954a
commit 1505aaa909
10 changed files with 100 additions and 50 deletions
@@ -1,22 +1,23 @@
 <script>
    import {getContext, onMount} from "svelte";
-
+    import axios from "axios";

    const channel = getContext("channel");
    export let title;
+    export let command;
    $: date = "";
    $: logs = "";
+
    let inProgress = false;

    function connect() {
-        const eventSource = new EventSource(channel.lucentUrl + "/build-report-source");
+        const eventSource = new EventSource(channel.lucentUrl + "/command-report-source/" + command.signature );

        eventSource.onmessage = function (event) {
            inProgress = true;
            const data = JSON.parse(event.data);
            date = data.date;
            logs = data.logs;
-
        }
        eventSource.onerror = (e) => {
            console.log(e)
@@ -28,8 +29,7 @@
    function buildWebsite(e) {
        e.preventDefault();
        inProgress = true;
-
-        axios.post(channel.lucentUrl + "/build").then(response => {
+        axios.post(channel.lucentUrl + "/command/" + command.signature).then(response => {
            connect()
        })

@@ -46,20 +46,19 @@

        <h3 class="header-small mb-5">{title}</h3>

-        <button on:click={buildWebsite} class="button primary mb-3" disabled={inProgress}>Start Build
+        <button on:click={buildWebsite} class="button primary mb-3" disabled={inProgress}>Start
        </button>


-
        <div class="mb-3">
            {#if inProgress}
                <span class="badge text-bg-warning">
-                Build in progress
+                Action in progress
                    </span>
            {/if}
            {#if !inProgress && logs}
                <span class="badge text-bg-info">
-               Build completed
+               Action completed
                    </span>
            {/if}

@@ -61,7 +61,6 @@
        if (!filter.isReference) {
            return null;
        }
-        console.log(graph)
        return graph.records.find(r => r.id === value);
    }

@@ -1,17 +1,25 @@
 <script>
    import Avatar from "../account/Avatar.svelte";
    import {getContext} from "svelte";
+    import Dropdown from "../common/Dropdown.svelte";

    const channel = getContext("channel");
    const user = getContext("user");
+    console.log( channel.commands)
 </script>


 <div class="top-nav ">
    <a class="top-nav-item" href="{channel.lucentUrl}/members">Members</a>

-    {#if channel.generateCommand}
-        <a href="{channel.lucentUrl}/build-report" class="top-nav-item">Build website</a>
+    {#if channel.commands}
+        <Dropdown>
+            <div slot="button">Actions</div>
+            {#each channel.commands as command}
+                <a href="{channel.lucentUrl}/command-report/{command.signature}" class="top-nav-item">{command.name}</a>
+            {/each}
+        </Dropdown>
+
    {/if}
    <!--        <div>-->
    <!--            <form method="GET">-->
@@ -19,8 +27,8 @@
    <!--                       class="form-control" required/>-->
    <!--            </form>-->
    <!--        </div>-->
-        <a  href="{channel.lucentUrl}/profile">
-            <Avatar side="28" name={user.name}/>
-        </a>
+    <a href="{channel.lucentUrl}/profile">
+        <Avatar side="28" name={user.name}/>
+    </a>
 </div>