47 lines
1.7 KiB
Svelte
47 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import EditWindow from "filesystem/edit_window/EditWindow.svelte";
|
|
import type { FSNavigator } from "filesystem/FSNavigator";
|
|
import Button from "layout/Button.svelte";
|
|
import Dialog from "layout/Dialog.svelte";
|
|
import { bookmark_add, bookmark_del, bookmarks_store, is_bookmark } from "lib/Bookmarks";
|
|
import { fs_download, type FSNode } from "lib/FilesystemAPI";
|
|
import { tick } from "svelte";
|
|
|
|
export let nav: FSNavigator
|
|
export let edit_window: EditWindow
|
|
let dialog: Dialog
|
|
let node: FSNode = null
|
|
|
|
export const open = async (n: FSNode, target: EventTarget) => {
|
|
node = n
|
|
|
|
// Wait for the view to update, so the dialog gets the proper measurements
|
|
await tick()
|
|
dialog.open((target as Element).closest("button").getBoundingClientRect())
|
|
}
|
|
</script>
|
|
|
|
<Dialog bind:this={dialog}>
|
|
<div class="menu">
|
|
<Button click={() => {dialog.close(); fs_download(node)}} icon="save" label="Download"/>
|
|
{#if node !== null && is_bookmark($bookmarks_store, node.id)}
|
|
<Button click={() => {dialog.close(); bookmark_del(node.id)}} icon="bookmark_remove" label="Remove bookmark"/>
|
|
{:else}
|
|
<Button click={() => {dialog.close(); bookmark_add(node)}} icon="bookmark_add" label="Add bookmark"/>
|
|
{/if}
|
|
{#if $nav.permissions.write}
|
|
<Button click={() => {dialog.close(); edit_window.edit(node, false, "file")}} icon="edit" label="Edit"/>
|
|
<Button click={() => {dialog.close(); edit_window.edit(node, false, "share")}} icon="share" label="Share"/>
|
|
<Button click={() => {dialog.close(); edit_window.edit(node, false, "branding")}} icon="palette" label="Branding"/>
|
|
{/if}
|
|
</div>
|
|
</Dialog>
|
|
|
|
<style>
|
|
.menu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 20em;
|
|
}
|
|
</style>
|