lucent-laravel/front/js/svelte/records/EditHeader.svelte

<script>
    import {getContext} from "svelte";
    import Icon from "../common/Icon.svelte";
    import {previewTitle} from "./Preview";
    import axios from "axios";

    const channel = getContext("channel");
    export let schema;
    export let record;
    export let title;
    export let isCreateMode;

    function clone(e) {
        e.preventDefault();
        axios.post(channel.lucentUrl + "/records/clone/" + record.id).then(response => {
            window.location.href = channel.lucentUrl + "/records/" + response.data.id;
        }).catch(error => {

        });
    }
</script>

<h3 class="header-normal mt-5 mb-0">
    <a
            class="text-muted d-block text-decoration-none fs-6 mb-1"
            href="{channel.lucentUrl}/content/{schema.name}"
    >{schema.label.toUpperCase()}</a
    >

    <span class="text-dark d-block">
        {#if !isCreateMode}
            {#if record}
                {previewTitle(record)}
            {:else}
                { title}
            {/if}
        {:else}
            New Record
        {/if}
    </span>
    {#if !isCreateMode && !!record}
        <div class="dropdown d-inline-block">
            <button
                    class="btn btn-link btn-sm"
                    type="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false"
            >
                <Icon icon="ellipsis"/>
            </button>
            <div class="dropdown-menu">

                <h6 class="dropdown-header">Record Actions</h6>
                <a
                        class="dropdown-item"
                        href="{channel.lucentUrl}/records/new?schema={schema.name}"
                >Create new</a
                >
                {#if !isCreateMode}
                    <a
                            class="dropdown-item"
                            on:click={clone}
                            href={channel.lucentUrl}
                    >
                        Clone
                    </a>
                {/if}
                <!--                <a-->
                <!--                    on:click|preventDefault={(e) =>-->
                <!--                        (activeContentTab = "_info")}-->
                <!--                    class="dropdown-item"-->
                <!--                    href="{channel.lucentUrl}">Revisions</a-->
                <!--                >-->
            </div>
        </div>
    {/if}
</h3>