forked from mirrors/homebox
de419dc37d
* schema changes * db generate * db migration * add role based middleware * implement attachment token access * generate docs * implement role based auth * replace attachment specific tokens with gen token * run linter * cleanup temporary token implementation
45 lines
1.4 KiB
Vue
45 lines
1.4 KiB
Vue
<template>
|
|
<ul role="list" class="divide-y divide-gray-400 rounded-md border border-gray-400">
|
|
<li
|
|
v-for="attachment in attachments"
|
|
:key="attachment.id"
|
|
class="flex items-center justify-between py-3 pl-3 pr-4 text-sm"
|
|
>
|
|
<div class="flex w-0 flex-1 items-center">
|
|
<Icon name="mdi-paperclip" class="h-5 w-5 flex-shrink-0 text-gray-400" aria-hidden="true" />
|
|
<span class="ml-2 w-0 flex-1 truncate"> {{ attachment.document.title }}</span>
|
|
</div>
|
|
<div class="ml-4 flex-shrink-0">
|
|
<a class="tooltip mr-2" data-tip="Download" :href="attachmentURL(attachment.id)" target="_blank">
|
|
<Icon class="h-5 w-5" name="mdi-download" />
|
|
</a>
|
|
<a class="tooltip" data-tip="Open" :href="attachmentURL(attachment.id)" target="_blank">
|
|
<Icon class="h-5 w-5" name="mdi-open-in-new" />
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ItemAttachment } from "~~/lib/api/types/data-contracts";
|
|
|
|
const props = defineProps({
|
|
attachments: {
|
|
type: Object as () => ItemAttachment[],
|
|
required: true,
|
|
},
|
|
itemId: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
const api = useUserApi();
|
|
|
|
function attachmentURL(attachmentId: string) {
|
|
return api.authURL(`/items/${props.itemId}/attachments/${attachmentId}`);
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|