mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-16 01:34:08 +00:00
774b2614f0
customers, items, invoices, estimates, shared document form 77 files, 14451 lines. Typed layouts (CompanyLayout, AuthLayout, header, sidebar, company switcher), auth views (login, register, forgot/reset password), admin feature (dashboard, companies, users, settings with typed store), company features (dashboard with chart/ stats, customers CRUD, items CRUD, invoices CRUD with full store, estimates CRUD with full store), and shared document form components (items table, item row, totals, notes, tax popup, template select, exchange rate converter, calculation composable). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
95 lines
2.3 KiB
Vue
95 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useRoute } from 'vue-router'
|
|
import { useItemStore } from '../store'
|
|
import { useDialogStore } from '../../../../stores/dialog.store'
|
|
import { useUserStore } from '../../../../stores/user.store'
|
|
|
|
interface RowData {
|
|
id: number
|
|
[key: string]: unknown
|
|
}
|
|
|
|
interface Props {
|
|
row: RowData | null
|
|
table?: { refresh: () => void } | null
|
|
loadData?: (() => void) | null
|
|
}
|
|
|
|
const ABILITIES = {
|
|
EDIT_ITEM: 'edit-item',
|
|
DELETE_ITEM: 'delete-item',
|
|
} as const
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
row: null,
|
|
table: null,
|
|
loadData: null,
|
|
})
|
|
|
|
const dialogStore = useDialogStore()
|
|
const { t } = useI18n()
|
|
const itemStore = useItemStore()
|
|
const route = useRoute()
|
|
const userStore = useUserStore()
|
|
|
|
function removeItem(id: number): void {
|
|
dialogStore
|
|
.openDialog({
|
|
title: t('general.are_you_sure'),
|
|
message: t('items.confirm_delete'),
|
|
yesLabel: t('general.ok'),
|
|
noLabel: t('general.cancel'),
|
|
variant: 'danger',
|
|
hideNoButton: false,
|
|
size: 'lg',
|
|
})
|
|
.then((res: boolean) => {
|
|
if (res) {
|
|
itemStore.deleteItem({ ids: [id] }).then((response) => {
|
|
if (response.success) {
|
|
props.loadData?.()
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<BaseDropdown>
|
|
<template #activator>
|
|
<BaseButton v-if="route.name === 'items.view'" variant="primary">
|
|
<BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-white" />
|
|
</BaseButton>
|
|
<BaseIcon v-else name="EllipsisHorizontalIcon" class="h-5 text-muted" />
|
|
</template>
|
|
|
|
<!-- Edit Item -->
|
|
<router-link
|
|
v-if="userStore.hasAbilities(ABILITIES.EDIT_ITEM) && row"
|
|
:to="`/admin/items/${row.id}/edit`"
|
|
>
|
|
<BaseDropdownItem>
|
|
<BaseIcon
|
|
name="PencilIcon"
|
|
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
|
|
/>
|
|
{{ $t('general.edit') }}
|
|
</BaseDropdownItem>
|
|
</router-link>
|
|
|
|
<!-- Delete Item -->
|
|
<BaseDropdownItem
|
|
v-if="userStore.hasAbilities(ABILITIES.DELETE_ITEM) && row"
|
|
@click="removeItem(row.id)"
|
|
>
|
|
<BaseIcon
|
|
name="TrashIcon"
|
|
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
|
|
/>
|
|
{{ $t('general.delete') }}
|
|
</BaseDropdownItem>
|
|
</BaseDropdown>
|
|
</template>
|