From 76e747e3aa624acc98875a7e63c2c23c63a7756a Mon Sep 17 00:00:00 2001
From: xds <iam@voroninv.ru>
Date: Mon, 3 Mar 2025 10:49:57 +0300
Subject: [PATCH] wishlist fixes

---
 src/components/wishlists/WishlistView.vue | 47 ++++++++---------------
 1 file changed, 16 insertions(+), 31 deletions(-)

diff --git a/src/components/wishlists/WishlistView.vue b/src/components/wishlists/WishlistView.vue
index de17757..75396d5 100644
--- a/src/components/wishlists/WishlistView.vue
+++ b/src/components/wishlists/WishlistView.vue
@@ -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,15 +345,27 @@ 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">
+                  <div v-if="item.images.length > 0 && selectedImage.get(item.id)" class="flex w-full justify-center ">
                     <Image
                         :src="selectedImage.get(item.id).startsWith('http') ? selectedImage.get(item.id) : apiClient.defaults.baseURL+'/'+selectedImage.get(item.id) "
                         alt="Image"
                         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">