This commit is contained in:
2023-10-04 23:48:12 +03:00
parent 1ca5f4e521
commit 718cdb54f9
22 changed files with 262 additions and 263 deletions
+4 -4
View File
@@ -158,13 +158,13 @@
<EditHeader {schema} {record} {isCreateMode} {graph} bind:activeContentTab/>
{#if !["_graph", "_info"].includes(activeContentTab)}
<div
style="position:fixed;bottom:0;left:0px;width:100%;background:rgba(255,255,255,.7);z-index:10"
<div class="shadow-lg "
style="position:fixed;bottom:0;left:0px;width:100%;background:rgba(255,255,255,1);z-index:1050"
>
<div
class="d-flex mt-4 mb-3 align-items-center justify-content-center"
class="d-flex mt-4 mb-3 align-items-center justify-content-center"
>
<StatusSelect bind:status={record.status} {schema}/>
<StatusSelect bind:status={record.status} {record} {schema}/>
{#if isCreateMode}
<button
class="ms-2 btn btn-primary btn-spinner"
+1 -13
View File
@@ -45,19 +45,7 @@
<Icon icon="ellipsis"/>
</button>
<div class="dropdown-menu">
<!--{#if channel.previewTargets.length > 0}-->
<!-- <h6 class="dropdown-header">Preview targets</h6>-->
<!-- {#each channel.previewTargets as previewTarget}-->
<!-- <a-->
<!-- class="dropdown-item"-->
<!-- target="_blank"-->
<!-- rel="noreferrer"-->
<!-- href="{previewTarget.url}?id={record.data-->
<!-- .id}&schema={record._sys.schema}"-->
<!-- >{previewTarget.label}</a-->
<!-- >-->
<!-- {/each}-->
<!--{/if}-->
<h6 class="dropdown-header">Record Actions</h6>
<a
class="dropdown-item"
+38 -26
View File
@@ -1,8 +1,11 @@
<script>
import {getContext} from "svelte";
import Status from "./Status.svelte";
import {getStatus, getStatusList} from "./StatusText";
const channel = getContext("channel");
export let status = "draft";
export let record;
export let schema;
let dropdown;
$: currentStatus = getStatus(status);
@@ -16,31 +19,40 @@
</script>
<!-- Example split danger button -->
<div class="btn-group dropup">
<button type="button" class="btn btn-{currentStatus.bg}"
>{currentStatus.text}</button
>
<button
bind:this={dropdown}
type="button"
class="btn btn-{currentStatus.bg} dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
<div class="dropdown-header">Change status to</div>
{#each statusList as astatus}
{#if astatus.value !== status}
<button
type="button"
class="dropdown-item my-2 rounded w-100 bg-{astatus.bg} text-{astatus.color}"
on:click={(e) => updateStatus(e, astatus.value)}
>
{astatus.text}
</button>
{/if}
{/each}
<div class="d-flex justify-content-between">
<div class="btn-group dropup">
<button type="button" class="btn btn-{currentStatus.bg}"
>{currentStatus.text}</button
>
<button
bind:this={dropdown}
type="button"
class="btn btn-{currentStatus.bg} dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
<div class="dropdown-header">Change status to</div>
{#each statusList as astatus}
{#if astatus.value !== status}
<button
type="button"
class="dropdown-item my-2 rounded w-100 bg-{astatus.bg} text-{astatus.color}"
on:click={(e) => updateStatus(e, astatus.value)}
>
{astatus.text}
</button>
{/if}
{/each}
</div>
</div>
{#if channel.previewTarget}
<a href="{channel.previewTarget}?schema={schema.name}&id={record.id}" target="_blank" class="btn btn-outline-info ms-3">
Preview
</a>
{/if}
</div>