69 lines
1.7 KiB
Svelte
69 lines
1.7 KiB
Svelte
<script context="module" lang="ts">
|
|
import type { Load } from '@sveltejs/kit';
|
|
export const load: Load = async ({ fetch, params }) => {
|
|
const url = `/destinations/${params.id}.json`;
|
|
const res = await fetch(url);
|
|
if (res.ok) {
|
|
const { destination, state, settings } = await res.json();
|
|
if (!destination || Object.entries(destination).length === 0) {
|
|
return {
|
|
status: 302,
|
|
redirect: '/destinations'
|
|
};
|
|
}
|
|
return {
|
|
props: {
|
|
destination,
|
|
state
|
|
},
|
|
stuff: {
|
|
destination,
|
|
settings,
|
|
state
|
|
}
|
|
};
|
|
}
|
|
|
|
return {
|
|
status: 302,
|
|
redirect: '/destinations'
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<script>
|
|
import { session } from '$app/stores';
|
|
import { errorNotification } from '$lib/form';
|
|
import DeleteIcon from '$lib/components/DeleteIcon.svelte';
|
|
import { del } from '$lib/api';
|
|
import { goto } from '$app/navigation';
|
|
|
|
export let destination;
|
|
async function deleteDestination(destination) {
|
|
const sure = confirm(`Are you sure you would like to delete '${destination.name}'?`);
|
|
if (sure) {
|
|
try {
|
|
await del(`/destinations/${destination.id}.json`, { id: destination.id });
|
|
return await goto('/destinations');
|
|
} catch ({ error }) {
|
|
return errorNotification(error);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<nav class="nav-side">
|
|
<button
|
|
on:click={() => deleteDestination(destination)}
|
|
title="Delete Destination"
|
|
type="submit"
|
|
disabled={!$session.isAdmin}
|
|
class:hover:text-red-500={$session.isAdmin}
|
|
class="icons tooltip-bottom bg-transparent text-sm"
|
|
data-tooltip={$session.isAdmin
|
|
? 'Delete Destination'
|
|
: 'You do not have permission to delete this destination'}><DeleteIcon /></button
|
|
>
|
|
</nav>
|
|
<slot />
|