Rune Harlyk
35 lines
1.0 KiB
Svelte
35 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { useFeatureFlags } from '$lib/stores'
|
|
import { modals } from 'svelte-modals'
|
|
import ConfirmDialog from '$lib/components/ConfirmDialog.svelte'
|
|
import { api } from '$lib/api'
|
|
import { Cancel, Power } from '../icons'
|
|
|
|
const features = useFeatureFlags()
|
|
|
|
const postSleep = async () => await api.post('/api/system/sleep')
|
|
|
|
const confirmSleep = () => {
|
|
modals.open(ConfirmDialog, {
|
|
title: 'Confirm Power Down',
|
|
message: 'Are you sure you want to switch off the device?',
|
|
labels: {
|
|
cancel: { label: 'Abort', icon: Cancel },
|
|
confirm: { label: 'Switch Off', icon: Power }
|
|
},
|
|
onConfirm: () => {
|
|
modals.close()
|
|
postSleep()
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
{#if $features.sleep}
|
|
<div class="flex-none">
|
|
<button class="btn btn-square btn-ghost h-9 w-10" onclick={confirmSleep}>
|
|
<Power class="text-error h-9 w-9" />
|
|
</button>
|
|
</div>
|
|
{/if}
|