From b905ba4cb5c514f6029b9727b1c9a3983b12d543 Mon Sep 17 00:00:00 2001
From: F4ilji <F4ilj@yandex.ru>
Date: Tue, 9 Sep 2025 12:14:58 +0500
Subject: [PATCH] Refactor VK service URLs in CreateVkPostJob and
 UpdateVkPostJob to use 'vk.ru' instead of 'vk.com' for consistency; update
 BasicCarousel component to improve button visibility and touch event
 handling.

---
 app/Jobs/CreateVkPostJob.php                  | 12 ++--
 app/Jobs/UpdateVkPostJob.php                  | 12 ++--
 .../shared/carousel/BasicCarousel.vue         | 70 +++++--------------
 3 files changed, 31 insertions(+), 63 deletions(-)

diff --git a/app/Jobs/CreateVkPostJob.php b/app/Jobs/CreateVkPostJob.php
index 2402aa5..b205559 100644
--- a/app/Jobs/CreateVkPostJob.php
+++ b/app/Jobs/CreateVkPostJob.php
@@ -83,7 +83,7 @@ class CreateVkPostJob implements ShouldQueue
             // Если не все изображения вошли, создаем альбом
             $album = $this->createAlbum($this->title, $this->images);
             if (isset($album['id'])) {
-                $albumLink = "https://vk.com/album-{$this->public_id}_{$album['id']}";
+                $albumLink = "https://vk.ru/album-{$this->public_id}_{$album['id']}";
                 $this->message .= "\n\n[{$albumLink}|Ссылка на все фотографии]";
             } else {
                 Log::error('Не удалось создать альбом');
@@ -154,7 +154,7 @@ class CreateVkPostJob implements ShouldQueue
 
         foreach ($imagePaths as $imagePath) {
             try {
-                $uploadServerResponse = Http::get('https://api.vk.com/method/photos.getWallUploadServer', [
+                $uploadServerResponse = Http::get('https://api.vk.ru/method/photos.getWallUploadServer', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -177,7 +177,7 @@ class CreateVkPostJob implements ShouldQueue
                     throw new \Exception('Не удалось загрузить фотографию: ' . $imagePath);
                 }
 
-                $saveResponse = Http::get('https://api.vk.com/method/photos.saveWallPhoto', [
+                $saveResponse = Http::get('https://api.vk.ru/method/photos.saveWallPhoto', [
                     'group_id' => $groupId,
                     'photo' => $uploadData['photo'],
                     'server' => $uploadData['server'],
@@ -207,7 +207,7 @@ class CreateVkPostJob implements ShouldQueue
 
         foreach ($videoPaths as $videoPath) {
             try {
-                $saveResponse = Http::timeout(360)->get('https://api.vk.com/method/video.save', [
+                $saveResponse = Http::timeout(360)->get('https://api.vk.ru/method/video.save', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -247,7 +247,7 @@ class CreateVkPostJob implements ShouldQueue
         foreach ($documentPaths as $docPath) {
             try {
                 // Получение сервера для загрузки документов на стену группы
-                $uploadServerResponse = Http::get('https://api.vk.com/method/docs.getWallUploadServer', [
+                $uploadServerResponse = Http::get('https://api.vk.ru/method/docs.getWallUploadServer', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -273,7 +273,7 @@ class CreateVkPostJob implements ShouldQueue
                 }
 
                 // Сохранение документа
-                $saveResponse = Http::get('https://api.vk.com/method/docs.save', [
+                $saveResponse = Http::get('https://api.vk.ru/method/docs.save', [
                     'file' => $uploadData['file'],
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
diff --git a/app/Jobs/UpdateVkPostJob.php b/app/Jobs/UpdateVkPostJob.php
index 16463fb..d3cf64d 100644
--- a/app/Jobs/UpdateVkPostJob.php
+++ b/app/Jobs/UpdateVkPostJob.php
@@ -103,7 +103,7 @@ class UpdateVkPostJob implements ShouldQueue
             // Если не все изображения вошли, создаем альбом
             $album = $this->createAlbum($this->title, $this->images);
             if (isset($album['id'])) {
-                $albumLink = "https://vk.com/album-{$this->public_id}_{$album['id']}";
+                $albumLink = "https://vk.ru/album-{$this->public_id}_{$album['id']}";
                 $this->message .= "\n\n[{$albumLink}|Ссылка на все фотографии]";
             } else {
                 Log::error('Не удалось создать альбом');
@@ -175,7 +175,7 @@ class UpdateVkPostJob implements ShouldQueue
 
         foreach ($imagePaths as $imagePath) {
             try {
-                $uploadServerResponse = Http::get('https://api.vk.com/method/photos.getWallUploadServer', [
+                $uploadServerResponse = Http::get('https://api.vk.ru/method/photos.getWallUploadServer', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -198,7 +198,7 @@ class UpdateVkPostJob implements ShouldQueue
                     throw new \Exception('Не удалось загрузить фотографию: ' . $imagePath);
                 }
 
-                $saveResponse = Http::get('https://api.vk.com/method/photos.saveWallPhoto', [
+                $saveResponse = Http::get('https://api.vk.ru/method/photos.saveWallPhoto', [
                     'group_id' => $groupId,
                     'photo' => $uploadData['photo'],
                     'server' => $uploadData['server'],
@@ -228,7 +228,7 @@ class UpdateVkPostJob implements ShouldQueue
 
         foreach ($videoPaths as $videoPath) {
             try {
-                $saveResponse = Http::timeout(360)->get('https://api.vk.com/method/video.save', [
+                $saveResponse = Http::timeout(360)->get('https://api.vk.ru/method/video.save', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -268,7 +268,7 @@ class UpdateVkPostJob implements ShouldQueue
         foreach ($documentPaths as $docPath) {
             try {
                 // Получение сервера для загрузки документов на стену группы
-                $uploadServerResponse = Http::get('https://api.vk.com/method/docs.getWallUploadServer', [
+                $uploadServerResponse = Http::get('https://api.vk.ru/method/docs.getWallUploadServer', [
                     'group_id' => $groupId,
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
@@ -294,7 +294,7 @@ class UpdateVkPostJob implements ShouldQueue
                 }
 
                 // Сохранение документа
-                $saveResponse = Http::get('https://api.vk.com/method/docs.save', [
+                $saveResponse = Http::get('https://api.vk.ru/method/docs.save', [
                     'file' => $uploadData['file'],
                     'access_token' => (new VkAuthService())->getToken()->access_token,
                     'v' => '5.131',
diff --git a/resources/js/componentss/shared/carousel/BasicCarousel.vue b/resources/js/componentss/shared/carousel/BasicCarousel.vue
index dd24c20..9268b4f 100644
--- a/resources/js/componentss/shared/carousel/BasicCarousel.vue
+++ b/resources/js/componentss/shared/carousel/BasicCarousel.vue
@@ -3,7 +3,7 @@
       class="relative w-full max-w-7xl mx-auto cursor-grab"
       ref="carouselContainer"
       @mousedown.prevent="onDragStart"
-      @touchstart.prevent="onDragStart"
+      @touchstart="onDragStart"
       :class="{ 'cursor-grabbing': isDragging }"
   >
     <div class="overflow-hidden h-full" ref="viewportElement">
@@ -26,21 +26,21 @@
     <button
         @click.stop="prev"
         :disabled="currentIndex === 0"
-        class="hidden md:absolute top-1/2 left-0 transform -translate-y-1/2 -ml-4 md:-ml-10 bg-gray-700/70 text-white p-2 rounded-full hover:bg-gray-600/90 focus:outline-none z-100000 disabled:opacity-30 disabled:cursor-not-allowed transition-opacity"
+        class="absolute top-1/2 left-0 transform -translate-y-1/2 md:-ml-10 bg-gray-700/70 text-white p-2 rounded-full hover:bg-gray-600/90 focus:outline-none z-10 disabled:opacity-30 disabled:cursor-not-allowed transition-opacity"
     >
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
     </button>
     <button
         @click.stop="next"
         :disabled="currentIndex >= maxScrollIndex"
-        class="hidden md:absolute top-1/2 right-0 transform -translate-y-1/2 -mr-4 md:-mr-10 bg-gray-700/70 text-white p-2 rounded-full hover:bg-gray-600/90 focus:outline-none z-100000 disabled:opacity-30 disabled:cursor-not-allowed transition-opacity"
+        class="absolute top-1/2 right-0 transform -translate-y-1/2 md:-mr-10 bg-gray-700/70 text-white p-2 rounded-full hover:bg-gray-600/90 focus:outline-none z-10 disabled:opacity-30 disabled:cursor-not-allowed transition-opacity"
     >
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
     </button>
 
     <div
         v-if="numberOfDots > 1"
-        class="absolute left-1/2 transform -translate-x-1/2 flex space-x-2 p-6 z-20"
+        class="absolute -bottom-15 left-1/2 transform -translate-x-1/2 flex space-x-2 p-4 z-10"
     >
       <button
           v-for="dotIdx in numberOfDots"
@@ -77,9 +77,9 @@ const props = defineProps({
     type: Number,
     default: 0.1,
   },
-  gapSizePx: { // НОВЫЙ ПРОПС: Размер промежутка в пикселях
+  gapSizePx: {
     type: Number,
-    default: 16, // Соответствует TailwindCSS gap-4 (1rem = 16px)
+    default: 16,
   }
 });
 
@@ -115,57 +115,33 @@ onBeforeUnmount(() => {
   if (mediaQueryList) {
     mediaQueryList.removeEventListener('change', handleMediaQueryChange);
   }
-  window.removeEventListener('mousemove', onDragMove);
-  window.removeEventListener('mouseup', onDragEnd);
-  window.removeEventListener('touchmove', onDragMove);
-  window.removeEventListener('touchend', onDragEnd);
-  window.removeEventListener('touchcancel', onDragEnd);
+  removeDragListeners();
 });
 
 const totalItems = computed(() => props.items.length);
 
 const itemOuterWidthPercentage = computed(() => {
   if (currentItemsToShow.value <= 0 || !viewportElement.value) return 0;
-
   const viewportWidth = viewportElement.value.offsetWidth;
   if (viewportWidth === 0) return 0;
-
-  // Общая ширина промежутков, которую нужно вычесть из 100%
-  // Промежутков на 1 меньше, чем элементов
   const totalGapWidthPx = (currentItemsToShow.value - 1) * props.gapSizePx;
   const totalGapWidthPercentage = (totalGapWidthPx / viewportWidth) * 100;
-
-  // Ширина, доступная для самих элементов (без промежутков)
   const availableWidthForItemsPercentage = 100 - totalGapWidthPercentage;
-
-  // Ширина каждого элемента как процент от общей ширины вьюпорта
   return availableWidthForItemsPercentage / currentItemsToShow.value;
 });
 
-
 const itemPixelWidth = computed(() => {
   if (viewportElement.value && currentItemsToShow.value > 0) {
     const viewportWidth = viewportElement.value.offsetWidth;
     const totalGapWidthPx = (currentItemsToShow.value - 1) * props.gapSizePx;
-
-    // Ширина каждого элемента без учета промежутка
     const widthOfSingleItemPx = (viewportWidth - totalGapWidthPx) / currentItemsToShow.value;
-
-    // Для расчета смещения `translateX` нам нужно смещаться на ширину элемента
-    // плюс ширину одного промежутка, если он есть.
-    // Если мы на последнем элементе, который не имеет промежутка справа,
-    // но при переходе к следующему (если он есть), смещение все равно должно учитывать "отправную точку" следующего элемента.
-    // Поэтому всегда добавляем gapSizePx.
     return widthOfSingleItemPx + props.gapSizePx;
   }
   return 0;
 });
 
-
 const maxScrollIndex = computed(() => {
   if (!totalItems.value || totalItems.value <= currentItemsToShow.value) return 0;
-  // Максимальный индекс, до которого можно прокрутить, чтобы последний видимый элемент
-  // был последним элементом в массиве items.
   return totalItems.value - currentItemsToShow.value;
 });
 
@@ -182,26 +158,14 @@ const currentSliderTranslateX = computed(() => {
   }
   if (itemPixelWidth.value > 0) {
     const clampedIndex = Math.min(currentIndex.value, maxScrollIndex.value);
-    // При вычислении translate, мы должны смещаться на ширину элемента
-    // плюс один промежуток между элементами.
-    // Но последний промежуток на самом деле не должен быть частью смещения
-    // при прокрутке до последнего элемента.
-    //
-    // Давайте переопределим `itemPixelWidth` для ясности:
-    // `effectiveItemWidth` - это ширина одного элемента без учета его правого промежутка.
     const effectiveItemWidth = (viewportElement.value.offsetWidth - (currentItemsToShow.value - 1) * props.gapSizePx) / currentItemsToShow.value;
-
-    // Смещение = (индекс * ширина_элемента) + (индекс * размер_промежутка)
     return -(clampedIndex * effectiveItemWidth + clampedIndex * props.gapSizePx);
   }
   return 0;
 });
 
-
 const numberOfDots = computed(() => {
-  if (totalItems.value === 0) return 0;
-  if (totalItems.value > 0 && totalItems.value <= currentItemsToShow.value) return 1;
-  // Количество точек равно максимальному индексу прокрутки + 1
+  if (totalItems.value <= currentItemsToShow.value) return 0;
   return maxScrollIndex.value + 1;
 });
 
@@ -222,7 +186,10 @@ const goToDot = (dotIndex) => {
 };
 
 const onDragStart = (event) => {
-  // Не перетаскивать, если элементов мало для прокрутки
+  if (event.target.closest('button')) {
+    return;
+  }
+
   if (totalItems.value <= currentItemsToShow.value || itemPixelWidth.value === 0) return;
 
   isDragging.value = true;
@@ -230,7 +197,6 @@ const onDragStart = (event) => {
   dragStartX.value = touch.clientX;
   dragCurrentX.value = touch.clientX;
 
-  // Рассчитываем dragStartTranslateX на основе текущего валидного индекса
   const currentValidIndex = Math.min(currentIndex.value, maxScrollIndex.value);
   const effectiveItemWidth = (viewportElement.value.offsetWidth - (currentItemsToShow.value - 1) * props.gapSizePx) / currentItemsToShow.value;
   dragStartTranslateX.value = -(currentValidIndex * effectiveItemWidth + currentValidIndex * props.gapSizePx);
@@ -248,11 +214,16 @@ const onDragStart = (event) => {
 
 const onDragMove = (event) => {
   if (!isDragging.value) return;
+
+  if (event.cancelable) {
+    event.preventDefault();
+  }
+
   const touch = event.type === 'touchmove' ? event.touches[0] : event;
   dragCurrentX.value = touch.clientX;
 };
 
-const onDragEnd = (event) => {
+const onDragEnd = () => {
   if (!isDragging.value) {
     removeDragListeners();
     return;
@@ -260,11 +231,9 @@ const onDragEnd = (event) => {
   isDragging.value = false;
 
   const draggedDistance = dragCurrentX.value - dragStartX.value;
-
-  // Здесь мы должны использовать ширину одного элемента, *включая* его промежуток для расчета смещения.
   const effectiveItemWidthWithGap = (viewportElement.value.offsetWidth - (currentItemsToShow.value - 1) * props.gapSizePx) / currentItemsToShow.value + props.gapSizePx;
 
-  if (effectiveItemWidthWithGap === 0) { // Защита от деления на ноль
+  if (effectiveItemWidthWithGap === 0) {
     removeDragListeners();
     if (carouselContainer.value) carouselContainer.value.style.userSelect = '';
     return;
@@ -295,7 +264,6 @@ const removeDragListeners = () => {
   window.removeEventListener('touchend', onDragEnd);
   window.removeEventListener('touchcancel', onDragEnd);
 }
-
 </script>
 
 <style scoped>