This commit is contained in:
xds
2026-02-20 02:02:40 +03:00
parent 741857de92
commit 489fd14903
4 changed files with 97 additions and 86 deletions

View File

@@ -413,7 +413,7 @@ const handleGenerate = async () => {
prompt: prompt.value,
assets_list: selectedAssets.value.map(a => a.id),
linked_character_id: selectedCharacter.value?.id || selectedCharacter.value?._id || null,
environment_id: selectedEnvironment.value?.id || selectedEnvironment.value?._id || null,
environment_id: (selectedCharacter.value && useEnvironment.value) ? (selectedEnvironment.value?.id || selectedEnvironment.value?._id || null) : null,
telegram_id: sendToTelegram.value ? telegramId.value : null,
use_profile_image: selectedCharacter.value ? useProfileImage.value : false,
count: generationCount.value
@@ -854,48 +854,48 @@ const confirmAddToAlbum = async () => {
<div class="flex flex-col h-full font-sans">
<main class="flex-1 relative flex flex-col h-full overflow-hidden">
<header
class="p-4 flex justify-between items-center z-10 border-b border-white/5 bg-slate-900/80 backdrop-blur-sm">
<div class="flex items-center gap-3">
class="p-2 px-4 flex justify-between items-center z-10 border-b border-white/5 bg-slate-900/80 backdrop-blur-sm">
<div class="flex items-center gap-2">
<h1
class="text-xl font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent m-0">
class="text-base font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent m-0">
Gallery</h1>
<span class="text-xs text-slate-500 border-l border-white/10 pl-3">History</span>
<span class="text-[10px] text-slate-500 border-l border-white/10 pl-2">History</span>
</div>
<div class="flex items-center gap-2">
<div class="flex items-center gap-1.5">
<Dropdown v-model="filterCharacter" :options="characters" optionLabel="name"
placeholder="All Characters" showClear
class="!w-48 !bg-slate-800/60 !border-white/10 !text-white !rounded-xl !text-sm" :pt="{
root: { class: '!bg-slate-800/60 !h-8' },
input: { class: '!text-white !text-xs !py-1 !px-2' },
trigger: { class: '!text-slate-400 !w-6' },
class="!w-40 !bg-slate-800/60 !border-white/10 !text-white !rounded-lg !text-[10px]" :pt="{
root: { class: '!bg-slate-800/60 !h-7' },
input: { class: '!text-white !text-[10px] !py-0.5 !px-2' },
trigger: { class: '!text-slate-400 !w-5' },
panel: { class: '!bg-slate-800 !border-white/10' },
item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-xs !py-1.5' },
clearIcon: { class: '!text-slate-400 hover:!text-white' }
item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-[10px] !py-1' },
clearIcon: { class: '!text-slate-400 hover:!text-white !text-[8px]' }
}">
<template #value="slotProps">
<div v-if="slotProps.value" class="flex items-center gap-1.5">
<div v-if="slotProps.value" class="flex items-center gap-1">
<img v-if="slotProps.value.avatar_image" :src="API_URL + slotProps.value.avatar_image"
class="w-5 h-5 rounded-full object-cover" />
<span class="text-xs">{{ slotProps.value.name }}</span>
class="w-4 h-4 rounded-full object-cover" />
<span class="text-[10px]">{{ slotProps.value.name }}</span>
</div>
<span v-else class="text-xs text-slate-400">{{ slotProps.placeholder }}</span>
<span v-else class="text-[10px] text-slate-400">{{ slotProps.placeholder }}</span>
</template>
<template #option="slotProps">
<div class="flex items-center gap-2">
<div class="flex items-center gap-1.5">
<img v-if="slotProps.option.avatar_image" :src="API_URL + slotProps.option.avatar_image"
class="w-6 h-6 rounded-full object-cover" />
<span>{{ slotProps.option.name }}</span>
class="w-5 h-5 rounded-full object-cover" />
<span class="text-[10px]">{{ slotProps.option.name }}</span>
</div>
</template>
</Dropdown>
<Button icon="pi pi-refresh" @click="refreshHistory" rounded text
class="!text-slate-400 hover:!bg-white/10 !w-8 !h-8 md:hidden" />
class="!text-slate-400 hover:!bg-white/10 !w-7 !h-7 !p-0 md:hidden" />
<Button :icon="isSelectMode ? 'pi pi-times' : 'pi pi-check-square'" @click="toggleSelectMode"
rounded text class="!w-8 !h-8"
rounded text class="!w-7 !h-7 !p-0"
:class="isSelectMode ? '!text-violet-400 !bg-violet-500/20' : '!text-slate-400 hover:!bg-white/10'" />
<Button icon="pi pi-cog" @click="isSettingsVisible = true" rounded text
class="!text-slate-400 hover:!bg-white/10 !w-8 !h-8" v-if="!isSettingsVisible" />
class="!text-slate-400 hover:!bg-white/10 !w-7 !h-7 !p-0" v-if="!isSettingsVisible" />
</div>
</header>