fileserver/frontend/src/components/FSView/DirEntry.vue

<script setup lang="ts">
import { defineEmits, defineProps, inject } from 'vue';
import { check_token, FS, Responses, TokenInjectType } from '@/api';

const jwt = inject<TokenInjectType>('jwt') as TokenInjectType;
const props = defineProps<{
	node: Responses.FS.GetNodeResponse;
}>();

const emit = defineEmits<{
	(e: 'reloadNode'): void;
}>();

async function del() {
	const token = await check_token(jwt);
	if (!token) return;
	await FS.delete_node(token, props.node.id);
	emit('reloadNode');
}

async function download() {
	const token = await check_token(jwt);
	if (!token) return;
	FS.download_file(token, props.node.id);
}
</script>

<template>
	<td>
		<router-link :to="'/fs/' + props.node.id">{{ node.name }}</router-link>
	</td>
	<td>
		<a href="#" @click="download()" v-if="props.node.isFile">Download</a>
	</td>
	<td>
		<a href="#" @click="del()" v-if="props.node.name !== '..'">delete</a>
	</td>
</template>

<style scoped></style>