crazy stuff

2026-01-07 21:42:18 +02:00
parent 57b0727788
commit 874ddd33e2
41 changed files with 5580 additions and 5039 deletions
@@ -0,0 +1,15 @@
+<script>
+    import Header from "./Header.svelte";
+    import Navbar from "./Navbar.svelte";
+    let { body, channel, user } = $props();
+</script>
+
+<Header {channel} {user}></Header>
+<main>
+    <aside class="sidebar-content">
+        <Navbar {channel}></Navbar>
+    </aside>
+    <div class="main-content">
+        {@render body()}
+    </div>
+</main>
@@ -0,0 +1,30 @@
+<script>
+    import Avatar from "../common/Avatar.svelte";
+    // import Dropdown from "../svelte/common/Dropdown.svelte";
+    let { channel, user } = $props();
+</script>
+
+<div class="top-nav">
+    <a class="top-nav-item" href="{channel.lucentUrl}/members">Members</a>
+
+    <!-- {#if channel.commands.length > 0}
+        <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">-->
+    <!--                <input type="search" name="filter[search_regex]" placeholder="Search"-->
+    <!--                       class="form-control" required/>-->
+    <!--            </form>-->
+    <!--        </div>-->
+    <a href="{channel.lucentUrl}/profile">
+        <Avatar side="28" name={user.name} />
+    </a>
+</div>
@@ -0,0 +1,9 @@
+<script>
+    let { channel } = $props();
+</script>
+
+<div class="sidebar-top">
+    <a class="logo" href={channel.lucentUrl}>{channel.name}</a>
+    <a class="nav-item" href="{channel.lucentUrl}/profile"> </a>
+</div>
+<div class="sidebar"></div>
@@ -0,0 +1,34 @@
+<script>
+    import {getContext} from "svelte";
+    import Icon from "../common/Icon.svelte";
+
+    const channel = getContext("channel");
+    export let schemas;
+    export let title;
+    export let schema;
+    export let expanded = false;
+
+    if(schemas.find(s => s.name === schema?.name)){
+        expanded = true;
+    }
+
+    function toggleExpand(){
+        expanded = !expanded;
+    }
+</script>
+
+<button class="sidebar-header"  tabindex="0" on:click={toggleExpand}>
+    {title}
+    {#if expanded}
+        <Icon icon="circle-chevron-up"></Icon>
+    {:else}
+        <Icon icon="circle-chevron-down"></Icon>
+    {/if}
+</button>
+{#if expanded}
+    {#each schemas as aschema}
+        <a class="sidebar-item" class:active={aschema.name === schema?.name}
+           aria-current="page"
+           href="{channel.lucentUrl}/content/{aschema.name}">{aschema.label}</a>
+    {/each}
+{/if}