luminic-space/luminic-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wishlist fixes

Browse Source
This commit is contained in:
xds
2025-03-03 10:49:57 +03:00
parent 6c623918b0
commit 76e747e3aa
1 changed files with 16 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/wishlists/WishlistView.vue
View File

@@ -275,7 +275,7 @@ onMounted(async () => {
<FileUpload v-if="!fileUploadLink" accept="image/*/" @select="onFileSelect" :maxFileSize="5*1024*1024"
cancelLabel="cancel"
mode="basic" name="demo[]"
chooseLabel="Browse"/>
chooseLabel="Выбрать файл"/>
<Divider v-if="!fileUploadLink && !fileupload">или укажите ссылку</Divider>
<FloatLabel v-if="!fileupload" variant="on" class="w-full">
<label for="link">Ссылка</label>
@@ -287,6 +287,7 @@ onMounted(async () => {
<div class="flex flex-row gap-2 w-full justify-center">
<Button label="Загрузить" @click="upload"/>
<Button label="Сбросить" @click="fileUploadLink=null;fileupload=null" severity="secondary"/>
<Button label="Отмена" @click="imageUploadVisible = false;fileUploadLink=null" severity="danger"/>
</div>
</div>
</Dialog>
@@ -344,7 +345,7 @@ onMounted(async () => {
<!-- <div v-if="true" >-->
<!-- <LoadingView :halfscreen="true"/>-->
<!-- </div>-->
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-2 justify-between h-full">
<div class="flex flex-col w-full justify-center gap-2">
<div v-if="item.images.length > 0 && selectedImage.get(item.id)" class="flex w-full justify-center ">
<Image
@@ -353,6 +354,18 @@ onMounted(async () => {
width="128" height="128" show="show" preview
imageClass="h-64 w-64 object-cover items-center justify-center justify-items-center"/>
</div>
<div v-else class="min-h-64 flex flex-col items-center justify-center gap-2">
<button @click="imageUploadVisible=true;imageUploadForItemId=item.id" class="flex flex-col items-center gap-2">
<div
class="rounded-full w-16 h-16 bg-gray-400 opacity-30 group-hover:opacity-70 flex items-center justify-center">
<i class="pi pi-plus !font-bold !text-3xl text-white"/>
</div>
<span class="text-gray-600 text-xl">Загрузите изображение</span>
</button>
</div>
<div class="flex flex-row !h-12 gap-2">
<div v-for="(image, index) in item.images" class="group relative h-12 w-12 rounded-lg shadow-md ">
@@ -380,7 +393,6 @@ onMounted(async () => {
</div>
</div>
<div class="flex flex-col justify-between gap-2 h-full">
<div class="flex flex-col gap-2">
<div class="flex flex-row w-full justify-between">
@@ -397,34 +409,7 @@ onMounted(async () => {
<p class="font-light text-gray-700 text-wrap">{{ item.description }}</p>
</div>
</div>
<!-- <div class="flex flex-row !h-12 gap-2">-->
<!-- <div v-for="(image, index) in item.images" class="group relative h-12 w-12 rounded-lg shadow-md ">-->
<!-- <Image-->
<!-- :src="image.startsWith('http') ? image : apiClient.defaults.baseURL+'/'+image " alt="Image"-->
<!-- width="48" height="48" show="show" preview-->
<!-- imageClass="w-12 h-12 object-cover"/>-->
<!-- &lt;!&ndash; Иконка для удаления &ndash;&gt;-->
<!-- <button @click="deleteImage(item, index)">-->
<!-- <i class="pi pi-minus absolute -top-2 right-0 text-red-400 z-10 bg-white rounded-full p-[0.2rem] border-2 !hidden group-hover:!block "-->
<!-- style="font-size: 0.6rem"-->
<!-- />-->
<!-- </button>-->
<!-- </div>-->
<!-- <div class="w-12 h-12 bg-gray-100 rounded flex items-center justify-center group">-->
<!-- <div-->
<!-- class="rounded-full w-9 h-9 bg-gray-400 opacity-30 group-hover:opacity-70 flex items-center justify-center">-->
<!-- <button @click="imageUploadVisible=true;imageUploadForItemId=item.id">-->
<!-- <i class="pi pi-plus !font-bold !text-xl text-white"/>-->
<!-- </button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="grid grid-cols-2 w-full justify-between items-center">
<a :href="item.link"
target="_blank">