45 lines
811 B
Svelte
45 lines
811 B
Svelte
<script context="module" lang="ts">
|
|
export type AddEvents = {
|
|
files: File[];
|
|
urls: string[];
|
|
};
|
|
export const addEmitter = mitt<AddEvents>();
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import mitt from "mitt";
|
|
|
|
let files: File[] = [];
|
|
let URLs: string[] = [];
|
|
$: visible = files.length + URLs.length > 0;
|
|
|
|
addEmitter.on("files", (ev) => {
|
|
files = ev;
|
|
});
|
|
</script>
|
|
|
|
<div class="addmodal-container" class:visible>
|
|
<div class="addmodal">
|
|
{#each files as file}
|
|
<div>{file.name}</div>
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
.addmodal-container {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: var(--foreground);
|
|
|
|
display: none;
|
|
&.visible {
|
|
display: unset;
|
|
}
|
|
}
|
|
</style>
|