ai-char/ai-service-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
xds
2026-02-05 21:13:43 +03:00
parent b3957ad463
commit 0e81f35560
1 changed files with 284 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/CharacterDetailView.vue
View File

@@ -700,7 +700,6 @@ const handleLogout = () => {
Success! Success!
</Message> </Message>
</div> </div>
</div>
<div <div
class="lg:col-span-3 glass-panel p-3 rounded-xl border border-white/5 bg-white/5 min-h-[300px] flex flex-col items-center justify-center text-center relative overflow-hidden"> class="lg:col-span-3 glass-panel p-3 rounded-xl border border-white/5 bg-white/5 min-h-[300px] flex flex-col items-center justify-center text-center relative overflow-hidden">
@@ -804,8 +803,10 @@ const handleLogout = () => {
No previous generations. No previous generations.
</div> </div>
<div v-else class="flex-1 overflow-y-auto pr-2 custom-scrollbar flex flex-col gap-2"> <div v-else
<div v-for="gen in historyGenerations" :key="gen.id" @click="restoreGeneration(gen)" class="flex-1 overflow-y-auto pr-2 custom-scrollbar flex flex-col gap-2">
<div v-for="gen in historyGenerations" :key="gen.id"
@click="restoreGeneration(gen)"
class="glass-panel p-2 rounded-lg border border-white/5 flex gap-3 items-start hover:bg-white/10 cursor-pointer transition-colors group"> class="glass-panel p-2 rounded-lg border border-white/5 flex gap-3 items-start hover:bg-white/10 cursor-pointer transition-colors group">
<div class="w-12 h-12 rounded bg-black/40 border border-white/10 flex-shrink-0 mt-0.5 relative z-0" <div class="w-12 h-12 rounded bg-black/40 border border-white/10 flex-shrink-0 mt-0.5 relative z-0"
@mouseenter="onThumbnailEnter($event, API_URL + '/assets/' + gen.assets_list[0] + '?thumbnail=true')" @mouseenter="onThumbnailEnter($event, API_URL + '/assets/' + gen.assets_list[0] + '?thumbnail=true')"
@@ -853,8 +854,8 @@ const handleLogout = () => {
<!-- Compact Pagination --> <!-- Compact Pagination -->
<div v-if="historyTotal > historyRows" class="mt-2 text-xs"> <div v-if="historyTotal > historyRows" class="mt-2 text-xs">
<Paginator :first="historyFirst" :rows="historyRows" :totalRecords="historyTotal" <Paginator :first="historyFirst" :rows="historyRows"
@page="onHistoryPage" :template="{ :totalRecords="historyTotal" @page="onHistoryPage" :template="{
default: 'PrevPageLink PageLinks NextPageLink' default: 'PrevPageLink PageLinks NextPageLink'
}" class="!bg-transparent !border-none !p-0 !text-[10px]" :pt="{ }" class="!bg-transparent !border-none !p-0 !text-[10px]" :pt="{
root: { class: '!p-0' }, root: { class: '!p-0' },
@@ -880,8 +881,9 @@ const handleLogout = () => {
<div class="flex justify-between items-center mb-6"> <div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold m-0">Linked Assets ({{ assetsTotalRecords }})</h2> <h2 class="text-2xl font-bold m-0">Linked Assets ({{ assetsTotalRecords }})</h2>
<div class="flex gap-3"> <div class="flex gap-3">
<Button v-if="isMultiSelectMode" :label="`Use in Generation (${bulkSelectedAssetIds.length})`" <Button v-if="isMultiSelectMode"
icon="pi pi-bolt" severity="success" :disabled="bulkSelectedAssetIds.length === 0" :label="`Use in Generation (${bulkSelectedAssetIds.length})`" icon="pi pi-bolt"
severity="success" :disabled="bulkSelectedAssetIds.length === 0"
@click="handleUseInGeneration" @click="handleUseInGeneration"
class="!py-2 !px-4 !text-sm font-bold rounded-xl transition-all shadow-lg shadow-green-500/20" /> class="!py-2 !px-4 !text-sm font-bold rounded-xl transition-all shadow-lg shadow-green-500/20" />
@@ -891,10 +893,11 @@ const handleLogout = () => {
class="!p-2 hover:bg-white/10 rounded-xl transition-all" class="!p-2 hover:bg-white/10 rounded-xl transition-all"
:title="isMultiSelectMode ? 'Cancel Selection' : 'Multi-select'" /> :title="isMultiSelectMode ? 'Cancel Selection' : 'Multi-select'" />
<input type="file" ref="fileInput" class="hidden" accept="image/*" @change="onFileSelected" /> <input type="file" ref="fileInput" class="hidden" accept="image/*"
@change="onFileSelected" />
<Button :label="isUploading ? 'Uploading...' : 'Upload Asset'" <Button :label="isUploading ? 'Uploading...' : 'Upload Asset'"
:icon="isUploading ? 'pi pi-spin pi-spinner' : 'pi pi-upload'" :loading="isUploading" :icon="isUploading ? 'pi pi-spin pi-spinner' : 'pi pi-upload'"
@click="triggerFileUpload" :loading="isUploading" @click="triggerFileUpload"
class="!py-2 !px-4 !text-sm font-bold bg-white/5 hover:bg-white/10 border-white/10 text-white rounded-xl transition-all" /> class="!py-2 !px-4 !text-sm font-bold bg-white/5 hover:bg-white/10 border-white/10 text-white rounded-xl transition-all" />
</div> </div>
</div> </div>
@@ -906,7 +909,8 @@ const handleLogout = () => {
<div v-else class="flex-1 flex flex-col"> <div v-else class="flex-1 flex flex-col">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-6">
<div v-for="asset in paginatedCharacterAssets" :key="asset.id" @click="openModal(asset)" <div v-for="asset in paginatedCharacterAssets" :key="asset.id"
@click="openModal(asset)"
class="glass-panel rounded-2xl overflow-hidden border transition-all duration-300 cursor-pointer hover:-translate-y-1 relative" class="glass-panel rounded-2xl overflow-hidden border transition-all duration-300 cursor-pointer hover:-translate-y-1 relative"
:class="[ :class="[
bulkSelectedAssetIds.includes(asset.id) bulkSelectedAssetIds.includes(asset.id)
@@ -932,7 +936,8 @@ const handleLogout = () => {
</div> </div>
</div> </div>
<div class="p-4"> <div class="p-4">
<h3 class="text-sm font-semibold m-0 whitespace-nowrap overflow-hidden text-ellipsis"> <h3
class="text-sm font-semibold m-0 whitespace-nowrap overflow-hidden text-ellipsis">
{{ asset.name }} {{ asset.name }}
</h3> </h3>
</div> </div>
@@ -941,8 +946,8 @@ const handleLogout = () => {
<!-- Pagination --> <!-- Pagination -->
<div v-if="assetsTotalRecords > assetsRows" class="mt-8"> <div v-if="assetsTotalRecords > assetsRows" class="mt-8">
<Paginator :first="assetsFirst" :rows="assetsRows" :totalRecords="assetsTotalRecords" <Paginator :first="assetsFirst" :rows="assetsRows"
@page="onAssetsPage" :template="{ :totalRecords="assetsTotalRecords" @page="onAssetsPage" :template="{
default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink' default: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink'
}" class="!bg-transparent !border-none !p-0" :pt="{ }" class="!bg-transparent !border-none !p-0" :pt="{
root: { class: '!bg-transparent' }, root: { class: '!bg-transparent' },