Mr.Dat
c6924afe5b
- Refactor VideoBulkActions.vue to remove unused imports. - Update VideoFilters.vue to improve search and status filtering with new UI components from PrimeVue. - Modify VideoTable.vue to enhance action buttons for editing, copying, and deleting videos, using PrimeVue Button components. - Implement saveImageFromStream function in merge.ts to handle thumbnail image uploads. - Add new animation rule for card spring effect in uno.config.ts. - Create FileUploadType.vue icon component for local and remote file uploads. - Introduce CopyVideoModal.vue for sharing video links with enhanced user experience. - Add DetailVideoModal.vue for editing video details with form validation using Zod. - Establish new display routes in display.ts for handling thumbnail and metadata updates.
29 lines
1.0 KiB
Vue
29 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import type { ModelVideo } from '@/api/client';
|
|
|
|
defineProps<{
|
|
selectedVideos: ModelVideo[];
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'delete'): void;
|
|
(e: 'clear'): void;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="selectedVideos.length > 0"
|
|
class="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-white border border-gray-200 shadow-xl rounded-full px-6 py-3 flex items-center gap-4 animate-in fade-in slide-in-from-bottom-4 duration-300">
|
|
<span class="font-medium text-sm text-gray-700">{{ selectedVideos.length }} selected</span>
|
|
<div class="h-4 w-px bg-gray-200"></div>
|
|
<button @click="emit('delete')"
|
|
class="flex items-center gap-2 text-red-600 hover:text-red-700 font-medium text-sm transition-colors">
|
|
<span class="i-heroicons-trash w-4 h-4" />
|
|
Delete
|
|
</button>
|
|
<button @click="emit('clear')" class="ml-2 text-gray-400 hover:text-gray-600">
|
|
<span class="i-heroicons-x-mark w-5 h-5" />
|
|
</button>
|
|
</div>
|
|
</template>
|