mirror of
https://github.com/memohai/Memoh.git
synced 2026-04-25 07:00:48 +09:00
Acbox
58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
<template>
|
|
<Item variant="outline">
|
|
<ItemContent>
|
|
<ItemTitle>{{ model.name }}</ItemTitle>
|
|
<ItemDescription class="gap-2 flex flex-wrap items-center mt-3">
|
|
<Badge variant="outline">
|
|
{{ model.type }}
|
|
</Badge>
|
|
</ItemDescription>
|
|
</ItemContent>
|
|
<ItemActions>
|
|
<Button
|
|
variant="outline"
|
|
class="cursor-pointer"
|
|
@click="$emit('edit', model)"
|
|
>
|
|
<FontAwesomeIcon :icon="['fas', 'gear']" />
|
|
</Button>
|
|
|
|
<ConfirmPopover
|
|
:message="$t('models.deleteModelConfirm')"
|
|
:loading="deleteLoading"
|
|
@confirm="$emit('delete', model.name)"
|
|
>
|
|
<template #trigger>
|
|
<Button variant="outline">
|
|
<FontAwesomeIcon :icon="['far', 'trash-can']" />
|
|
</Button>
|
|
</template>
|
|
</ConfirmPopover>
|
|
</ItemActions>
|
|
</Item>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {
|
|
Item,
|
|
ItemContent,
|
|
ItemDescription,
|
|
ItemActions,
|
|
ItemTitle,
|
|
Badge,
|
|
Button,
|
|
} from '@memoh/ui'
|
|
import ConfirmPopover from '@/components/confirm-popover/index.vue'
|
|
import type { ModelsGetResponse } from '@memoh/sdk'
|
|
|
|
defineProps<{
|
|
model: ModelsGetResponse
|
|
deleteLoading: boolean
|
|
}>()
|
|
|
|
defineEmits<{
|
|
edit: [model: ModelsGetResponse]
|
|
delete: [name: string]
|
|
}>()
|
|
</script>
|