lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

stuff

Browse Source
This commit is contained in:
Alex Lingris
2024-07-22 18:00:58 +03:00
parent e9c2e82bc3
commit 4d2cafdf11
7 changed files with 72 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/js/svelte/common/SwitchButton.svelte
+13
View File
@@ -0,0 +1,13 @@
<script>
import {uniqueId} from "lodash";
export let label = "";
let id = uniqueId();
</script>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id={id} checked>
<label class="form-check-label" for={id}>{label}</label>
</div>
front/js/svelte/records/form/SaveButtons.svelte
+1 -1
View File
@@ -13,7 +13,7 @@
<div class="record-status-bar">
<div
class="d-flex mt-3 mb-3 align-items-center justify-content-center"
class="d-flex mt-3 mb-3 align-items-center justify-content-between"
>
<StatusSelect bind:status={status}/>
front/js/svelte/records/form/StatusSelect.svelte
+46 -29
View File
@@ -1,5 +1,6 @@
<script>
import {getStatus, getStatusList} from "../StatusText.js";
import SwitchButton from "../../common/SwitchButton.svelte";
export let status = "draft";
let dropdown;
@@ -11,37 +12,53 @@
status = statusValue;
dropdown.click();
}
function switchStatus(e){
console.log("Asf")
if(currentStatus.value === "draft"){
status = "published"
}
if(currentStatus.value === "published"){
status = "draft"
}
}
</script>
{#if status}
<!-- Example split danger button -->
<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>
<div class="form-check form-switch" >
<input on:click={switchStatus} class="form-check-input" type="checkbox" role="switch" id="record-status-switch" checked={status === "published"}>
<label class="form-check-label" for=record-status-switch>{currentStatus.text}</label>
</div>
<!-- <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>-->
<!-- </div>-->
{/if}