wineater-bot 3.0.6 → 3.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wineater-bot",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "description": "",
   "main": "dist/index.js",
   "module": "src/index.js",

package/src/js/i18n.js

@@ -45,6 +45,7 @@ class Translator {
                 barSendButton: "Envoyer",
                 barResetButton: "Réinitialiser",
                 barName: "Nom du bar",
+                barNotesPlaceholder: "Entrez vos souhaits ici...",
             },
             es: {
                 welcomeMessage: "¿Qué vas a comer? Cuéntame tu plato y te recomendaré el maridaje perfecto.",
@@ -86,6 +87,7 @@ class Translator {
                 barSendButton: "Enviar",
                 barResetButton: "Reiniciar",
                 barName: "Nombre del bar",
+                barNotesPlaceholder: "Agrega tus comentarios aquí...",
             },
             en: {
                 welcomeMessage: "What are you planning to eat? Share your dish and I'll recommend the perfect wine pairing for your meal.",
@@ -127,6 +129,7 @@ class Translator {
                 barSendButton: "Send",
                 barResetButton: "Reset",
                 barName: "Bar Name",
+                barNotesPlaceholder: "Add your wishes here...",
             },
             de: {
                 welcomeMessage: "Was möchten Sie essen? Beschreiben Sie Ihr Gericht und ich empfehle Ihnen den perfekten Wein dazu.",

package/src/js/widget-styles.js

@@ -352,45 +352,54 @@ const widgetStyles = `
 }
 
 /* Кнопка "Отправить" для бар-версии */
-#bar-send-button {
-    padding: 12px 20px;
-    background: linear-gradient(90deg, #7B2BEB, #0044FF);
-    color: white;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 16px;
-    transition: all 0.2s ease;
-    text-align:center;
-    margin-top: 16px;
+
+#bar-controls {
+  display: flex;
+  align-items: stretch; /* или center, если нужно выравнивать */
+  gap: 8px;
+  margin-top: 16px;
 }
 
-#bar-send-button:hover {
-    transform: scale(1.05);
-    box-shadow: 0 4px 8px rgba(123, 43, 235, 0.15);
+/* Задаем одной высотой и одинаковыми отступами */
+#bar-controls input,
+#bar-controls button {
+  height: 44px;           /* или 48px, как вам нравится */
+  line-height: 44px;      /* чтобы текст по вертикали выровнялся */
+  box-sizing: border-box; /* подстраховка, чтобы высота учитывала бордер */
+}
+
+/* Чтобы кнопка и инпут смотрелись схоже по высоте */
+#bar-notes-input {
+  flex: 1;
+  padding: 0 12px;      /* уберите или уменьшите вертикальные padding’и */
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  font-size: 14px;
+  outline: none;
 }
 
-/* Кнопка "Сбросить" (bar-reset-button), стили как у bar-send-button */
+/* Кнопки – чуть меняем паддинги, чтобы не «лезли» за высоту */
+#bar-send-button, 
 #bar-reset-button {
-    padding: 12px 20px;
+  padding: 0 20px; /* а по вертикали пусть высота сама регулируется через height */
+  border-radius: 6px;
     background: linear-gradient(90deg, #7B2BEB, #0044FF);
-    color: white;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 16px;
-    transition: all 0.2s ease;
-    margin-top: 16px; /* или подстройте под свой макет */
-    margin-left: 12px; /* чтобы отступить от кнопки "Отправить" */
+  font-size: 14px;
+  cursor: pointer;
+  white-space: nowrap;
+  color: white;
+  border: none;
 }
 
-#bar-reset-button
-
+/* При желании hover-эффект сохранить: */
+#bar-send-button:hover, 
 #bar-reset-button:hover {
-    transform: scale(1.05);
-    box-shadow: 0 4px 8px rgba(123, 43, 235, 0.15);
+  transform: scale(1.05);
+  box-shadow: 0 4px 8px rgba(123, 43, 235, 0.15);
 }
 
+
+
 .hidden {
     display: none;
 }

package/src/js/widget.js

@@ -118,21 +118,27 @@ export class WineWidget {
 
                         <div id="wine-placeholder"></div>
 
+                                      <div id="loading-indicator" class="hidden">
+                  <div id="typing-indicator" class="typing-indicator">
+                      <span></span><span></span><span></span>
+                  </div>
+              </div>
+
                         <!-- Кнопки для отправки и сброса -->
-                        <div id="bar-buttons">
-                            <button id="bar-send-button">
-                                ${translator.translate('barSendButton')}
-                            </button>
-                            <button id="bar-reset-button" class="hidden">
-                                ${translator.translate('barResetButton')}
-                            </button>
-                        </div>
+                        <div id="bar-controls">
+                  <input 
+              type="text" 
+              id="bar-notes-input" 
+              placeholder="${translator.translate('barNotesPlaceholder')}"
+            />
+            <button id="bar-send-button">
+              ${translator.translate('barSendButton')}
+            </button>
+            <button id="bar-reset-button" class="hidden">
+              ${translator.translate('barResetButton')}
+            </button>
+              </div>
 
-                        <div id="loading-indicator" class="hidden">
-                            <div id="typing-indicator" class="typing-indicator">
-                                <span></span><span></span><span></span>
-                            </div>
-                        </div>
                     </div>
         </div>
         `;
@@ -309,75 +315,97 @@ export class WineWidget {
         }
     }
     addEventListenersBarVersion() {
-        // Клик по плиткам
+        // Теперь плитки блюд появятся только после renderDishGroups()
         const tileElements = document.querySelectorAll('.dish-tile');
-        tileElements.forEach((tile) => {
-            tile.addEventListener('click', () => {
-                tile.classList.toggle('selected');
-            });
+        tileElements.forEach(tile => {
+          tile.addEventListener('click', () => {
+            tile.classList.toggle('selected');
+          });
         });
-    
-        // Собираем все .dish-grid
-        const dishGrids = document.querySelectorAll('.dish-grid');
-    
-        // Кнопки
-        const sendButton  = document.getElementById('bar-send-button');
-        const resetButton = document.getElementById('bar-reset-button');
+      
+        // Собираем все группы (или все .dish-grid)
+        const dishGroups = document.querySelectorAll('.dish-group');
+      
+        // Находим элементы управления
+        const sendButton   = document.getElementById('bar-send-button');
+        const resetButton  = document.getElementById('bar-reset-button');
+        const notesInput   = document.getElementById('bar-notes-input');
         const winePlaceholder = document.getElementById('wine-placeholder');
-    
-        if (!sendButton || !resetButton || !winePlaceholder) return;
-    
-        // Нажатие «Отправить»
+        
+        if (!sendButton || !resetButton || !notesInput || !winePlaceholder) return;
+      
+        // Нажатие "Отправить"
         sendButton.addEventListener('click', async () => {
-            this.showLoadingIndicator(); 
-    
-            // Скрываем все группы/гриды блюд
-            dishGrids.forEach((dg) => dg.classList.add('hidden'));
-            // Прячем кнопку «Отправить»
-            sendButton.classList.add('hidden');
-    
-            // Собираем выбранные блюда
-            const selectedDishes = [];
-            document.querySelectorAll('.dish-tile.selected').forEach(selectedTile => {
-                selectedDishes.push(selectedTile.dataset.dish);
-            });
-    
-            const query = selectedDishes.join(', ');
-            console.log('Selected bar dishes =>', query);
-    
-            try {
-                const results = await this.api.getWineRecommendationsSearch(query);
-                if (results && results.length > 0) {
-                    this.displayResults(results, true);
-                } else {
-                    this.displayNoResultsMessage();
-                }
-                // Показываем кнопку «Сбросить»
-                resetButton.classList.remove('hidden');
-            } catch (error) {
-                console.error('Error while fetching bar recommendations:', error);
-                this.displayErrorMessage();
-            } finally {
-                this.hideLoadingIndicator();
+          dishGroups.forEach(g => g.classList.add('hidden'));
+          this.showLoadingIndicator();
+      
+          // 1) Собираем выбранные блюда
+          const selectedDishes = [];
+          document.querySelectorAll('.dish-tile.selected').forEach(tile => {
+            selectedDishes.push(tile.dataset.dish);
+          });
+      
+          // 2) Берём пожелания (notes)
+          const notes = notesInput.value.trim(); // не стираем и не скрываем поле
+      
+          // 3) Формируем запрос
+          const queryParts = [];
+          if (selectedDishes.length > 0) {
+            queryParts.push(`Dishes: ${selectedDishes.join(', ')}`);
+          }
+          if (notes) {
+            queryParts.push(`Notes: ${notes}`);
+          }
+          const finalQuery = queryParts.join('; ');
+      
+          console.log('Final query =>', finalQuery);
+      
+          try {
+            // 4) Делаете запрос к API 
+            const results = await this.api.getWineRecommendationsSearch(finalQuery);
+      
+            // 5) Скрываем группы блюд (если хотите, чтобы больше не мешались)
+      
+            // 6) Отображаем результаты
+            if (results && results.length > 0) {
+              this.displayResults(results, true);
+            } else {
+              this.displayNoResultsMessage();
             }
+      
+            // 7) Показываем кнопку «Сбросить»
+            resetButton.classList.remove('hidden');
+      
+            // 8) Кнопку «Отправить» НЕ скрываем — оставляем!
+            // ...никакого sendButton.classList.add('hidden')
+          } catch (error) {
+            console.error('Error while fetching bar recommendations:', error);
+            this.displayErrorMessage();
+          } finally {
+            this.hideLoadingIndicator();
+          }
         });
-    
-        // Нажатие «Сбросить»
+      
+        // Нажатие "Сбросить"
         resetButton.addEventListener('click', () => {
-            // Показываем снова все гриды
-            dishGrids.forEach((dg) => dg.classList.remove('hidden'));
-    
-            // Снимаем выделение со всех плиток
-            tileElements.forEach(tile => tile.classList.remove('selected'));
-    
-            // Очищаем контейнер с результатами
-            winePlaceholder.innerHTML = '';
-    
-            // Прячем кнопку «Сбросить»
-            resetButton.classList.add('hidden');
-    
-            // Снова показываем кнопку «Отправить»
-            sendButton.classList.remove('hidden');
+          // 1) Показываем все группы (блюда)
+          dishGroups.forEach(g => g.classList.remove('hidden'));
+      
+          // 2) Снимаем выделение с плиток
+          tileElements.forEach(tile => tile.classList.remove('selected'));
+      
+          // 3) Очищаем результаты
+          winePlaceholder.innerHTML = '';
+      
+          // 4) Прячем кнопку «Сбросить»
+          resetButton.classList.add('hidden');
+
+          notesInput.value = '';
+      
+          // 5) Инпут с пожеланиями НЕ трогаем — пусть остается, пользователь может менять
+          // notesInput.value = ''; // Если захотите — можете раскомментить, чтобы тоже сбрасывать
+      
+          // 6) «Отправить» и дальше на месте, не меняется
         });
-    }
+      }
 }