WIP moving to vanilla js from svelte

Editing record edit and i am in the middle of creating the dropdown component
2024-09-27 23:58:32 +03:00
parent 55db377abf
commit 5ed57838fc
6 changed files with 77 additions and 1 deletions
@@ -0,0 +1,3 @@
+export function init(){
+
+}
@@ -24,7 +24,7 @@

 <div style="display: flex;align-items: center; gap:10px;">
    {#if !isCreateMode}
-        <Dropdown >
+        <Dropdown>
            <div slot="button">
                <Icon icon="ellipsis"/>
            </div>
@@ -0,0 +1,13 @@
+<div class="dropdown">
+    <button
+            class="button dropdown-button"
+            type="button"
+            aria-expanded="false"
+    >
+        {{$slot}}
+    </button>
+    <div class="dropdown-menu hide orientation-{orientation}">
+        {{$items}}
+    </div>
+
+</div>
@@ -0,0 +1,16 @@
+@extends("lucent::layouts.channel")
+
+@section("content")
+
+    <div class="record-edit">
+        <div class="tools-header">
+                @include("lucent::records-editor.header")
+{{--            <EditHeader {schema} bind:record {isCreateMode} bind:activeContentTab/>--}}
+
+
+        </div>
+
+    </div>
+
+@endsection
+
@@ -0,0 +1,33 @@
+@php
+$createMode = $createMode ?? false;
+@endphp
+
+<div style="display: flex;align-items: center; gap:10px;">
+    @if(!$createMode)
+        <x-lucent::dropdown>
+                icon
+            <x-slot:items>
+                <h6 class="dropdown-header">Record Actions</h6>
+                <a
+                        class="dropdown-item"
+                        href="{channel.lucentUrl}/records/new?schema={schema.name}"
+                >Create new</a
+                >
+                @if($createMode)
+                <a
+                        class="dropdown-item"
+                        on:click={clone}
+                        href={channel.lucentUrl}
+                >
+                    Clone
+                </a>
+                @endif
+                <a
+                class="dropdown-item"
+                href="{channel.lucentUrl}">Revisions</a
+                >
+            </x-slot>
+        </x-lucent::dropdown>
+    @endif
+
+</div>