From 5085187cbd79be8b8aa40278e105ccb3c9ae3965 Mon Sep 17 00:00:00 2001
From: AndriiSyrotenko <andrii.syrotenko.ua@gmail.com>
Date: Tue, 21 Nov 2023 19:49:35 +0000
Subject: [PATCH] bug fix

---
 .../Pages/Cards.razor                         |  64 ++++--------------
 .../Pages/Cards.razor.cs                      |  31 ++++++---
 .../Pages/Cart.razor                          |  10 +--
 .../Pages/Cart.razor.cs                       |   2 +-
 .../Pages/Chat.razor.cs                       |   8 ++-
 .../Services/SearchService.cs                 |   6 +-
 .../wwwroot/css/Cards.css                     |  46 ++++++++++++-
 .../wwwroot/images/image1.png                 | Bin 3033 -> 0 bytes
 .../wwwroot/images/image2.png                 | Bin 4415 -> 0 bytes
 9 files changed, 97 insertions(+), 70 deletions(-)
 delete mode 100644 ShoppingAssistantWebClient.Web/wwwroot/images/image1.png
 delete mode 100644 ShoppingAssistantWebClient.Web/wwwroot/images/image2.png
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cards.razor b/ShoppingAssistantWebClient.Web/Pages/Cards.razor
index d5064d9..1bc92c2 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cards.razor
+++ b/ShoppingAssistantWebClient.Web/Pages/Cards.razor
@@ -1,39 +1,11 @@
 ﻿@page "/cards/{wishlistName}/{chatId}"
 
-@inject IJSRuntime JSRuntime
 @inject NavigationManager navigationManager;
 
 <head>
     <link rel="stylesheet" href="css/Cards.css" />
 </head>
 
-<script>
-    function adjustButtonContainerPosition() {
-        var cardElements = document.querySelectorAll('.card, .back-card, .card-text');
-        var buttonContainer = document.querySelector('.buttons-container');
-
-        if (cardElements.length > 0 && buttonContainer) {
-            var totalHeight = Array.from(cardElements).reduce((max, card) => {
-                return Math.max(max, card.offsetHeight);
-            }, 0);
-
-            if (window.matchMedia('(max-width: 440px)').matches) {
-                buttonContainer.style.top = `calc(20% + ${totalHeight}px + 60px)`;
-            } else if (window.matchMedia('(max-width: 769px)').matches) {
-                buttonContainer.style.top = `calc(12% + ${totalHeight}px + 60px)`;
-            } else if (window.matchMedia('(max-width: 992px)').matches) {
-                buttonContainer.style.top = `calc(8% + ${totalHeight}px + 60px)`;
-            } else {
-                buttonContainer.style.top = `calc(3% + ${totalHeight}px + 60px)`;
-            }
-        }
-    }
-
-    window.addEventListener('load', adjustButtonContainerPosition);
-    window.addEventListener('resize', adjustButtonContainerPosition);
-
-</script>
-
 <div class="card-page">
     <button class="back-button button-animation" @onclick="NavigateToMain"></button>
     <div class="container">
@@ -41,20 +13,27 @@
             <p class="header-text">@wishlistName</p>
         </div>
     
-        <div class="content" data-generalTop="3%" data-largeTop="8%" mediumTop="12%" smallTop="20%">
+        <div class="content">
             <div class="back-card"></div>
             @if (Products != null && Products.Count != 0 && currentProduct != Products.Count && currentProduct >= 0) {
                 <div class="card">
                     <div class="slider-container">
                         <div class="slider">
-                            @for(int i = 0; i < Products[currentProduct].ImagesUrls.Length && i < 3; i++) {
-                                string image = Products[currentProduct].ImagesUrls[i];
-                                if (currentImage == image) {
-                                    <img src="@image" class="slider-image" alt="product image"/>
+                            @if(Products[currentProduct].ImagesUrls.Length > 0) {
+                                @for(int i = 0; i < Products[currentProduct].ImagesUrls.Length && i < 3; i++) {
+                                    string image = Products[currentProduct].ImagesUrls[i];
+                                    if (currentImage == image) {
+                                        <img src="@image" class="slider-image" alt="product image"/>
+                                    }
                                 }
+                                <img class="next-image" src="/images/next-image.png" alt="next image" @onclick="(() => ShowNextImage(currentImage))"/>
+                                <img class="prev-image" src="/images/prev-image.png" alt="previous image" @onclick="(() => ShowPreviousImage(currentImage))"/>
+                            } 
+                            else 
+                            {
+                                <img src="" class="slider-image" alt="product image"/>
                             }
-                            <img class="next-image" src="/images/next-image.png" alt="next image" @onclick="(() => ChangeImage(currentImage))"/>
-                            <img class="prev-image" src="/images/prev-image.png" alt="previous image" @onclick="(() => ChangeImage(currentImage))"/>
+                            
                         </div>
                         <div class="dots">
                             @for (var i = 0; i < Products[currentProduct].ImagesUrls.Length && i < 3; i++) {
@@ -99,10 +78,6 @@
                     </div>
                 </div>
 
-                if(!isProductsNull) {
-                    isProductsNull = true;
-                    StateHasChanged();
-                }
             }
             else {
                 <style>
@@ -121,26 +96,17 @@
                         <button class="more-button button-animation" @onclick="(() => LoadMoreProducts())"></button>
                     </div>
                 </div>
-
-                if(isProductsNull) {
-                    isProductsNull = false;
-                    StateHasChanged();
-                }
             }
         </div>
     </div>
 </div>
 
+
 @code {
     [Parameter] public string wishlistName { get; set; }
 
     [Parameter] public string chatId {get; set;}
 
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        await JSRuntime.InvokeVoidAsync("adjustButtonContainerPosition");
-    }
-
     private void NavigateToMain() {
         navigationManager.NavigateTo($"/chat/{chatId}");
     }
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs b/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
index f1f000b..c0bf1b9 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
+++ b/ShoppingAssistantWebClient.Web/Pages/Cards.razor.cs
@@ -25,11 +25,9 @@ public partial class Cards
     private bool isProductsNull = false;
 
     //private static string[] Images = {
-    //    "/images/image2.png",
-    //    "/images/image1.png",
     //    "/images/return-card.png",
-    //    "/images/amazon.png",
-    //    "/images/avatar.png"
+    //    "/images/exit.png",
+    //    "/images/avatar.jpg"
     //};
 
     //public List<Product> Products = new()
@@ -41,25 +39,40 @@ public partial class Cards
     //};
     
     public List<Product> Products {get; set;}
-    public List<String> productsNames {get; set;}
+    //public List<String> productsNames {get; set;}
 
     protected override async Task OnInitializedAsync()
     {   
         if (Products != null) {
-            currentImage = Products[currentProduct].ImagesUrls[currentIndex];
+            if(Products[currentProduct].ImagesUrls.Length > 0) {
+                currentImage = Products[currentProduct].ImagesUrls[currentIndex];
+            }
         }
         else {
-            productsNames = _searchService.Products;
+            //productsNames = _searchService.Products;
             currentImage = "";
             isProductsNull = true;
         } 
     }
 
-    private void ChangeImage(string image) 
+    private void ShowNextImage(string image) 
     {
         currentIndex = Array.IndexOf(Products[currentProduct].ImagesUrls, image);
         currentIndex = (currentIndex + 1) % Products[currentProduct].ImagesUrls.Length;
-        currentIndex = currentIndex >= 3 ? 0 : currentIndex;
+        if(currentIndex >= 3 || currentIndex >= Products[currentProduct].ImagesUrls.Length) {
+            currentIndex = 0;
+        }
+        currentImage = Products[currentProduct].ImagesUrls[currentIndex];
+        StateHasChanged();
+    }
+
+    private void ShowPreviousImage(string image) 
+    {
+        currentIndex = Array.IndexOf(Products[currentProduct].ImagesUrls, image);
+        currentIndex = (currentIndex - 1) % Products[currentProduct].ImagesUrls.Length;
+        if(currentIndex < 0) {
+            currentIndex = Products[currentProduct].ImagesUrls.Length > 2 ? 2 : Products[currentProduct].ImagesUrls.Length - 1;
+        }
         currentImage = Products[currentProduct].ImagesUrls[currentIndex];
         StateHasChanged();
     }
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cart.razor b/ShoppingAssistantWebClient.Web/Pages/Cart.razor
index 678e702..f0e1fbd 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cart.razor
+++ b/ShoppingAssistantWebClient.Web/Pages/Cart.razor
@@ -18,23 +18,23 @@
     </div>
     <div class="container">
         @if (!isError) {
-            @if (Products != null) {
+            @if (Products.Count > 0) {
                 @foreach (var product in Products) {
                     <div class="product-div">
-                        <img class="product-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSe7MHcuWUvuNJsttl3MEVxEayUGVNH4tA2Ha0K4szpgKvH7QYuiaBa_hCzUgW96I6LXqM&usqp=CAU">
+                        <img class="product-img" src="@product.ImagesUrls[0]" alt="product image">
                         <label class="product-description">@product.Description</label>
                         <div class="button-row">
-                            <img class="star" src="/images/star.png">
+                            <img class="star" src="/images/star.png" alt="star">
                             <label class="rating">@product.Rating</label>
                             <label class="price-label">@product.Price</label>
                         </div>
                         <button class="button-amazon">
-                            <img src="/images/amazon.png">
+                            <img src="/images/amazon.png" alt="amazon">
                         </button>
                     </div>
                 }
             }
-            else{
+            else {
                 <p class="error">Cart is empty</p>
             }
         }
diff --git a/ShoppingAssistantWebClient.Web/Pages/Cart.razor.cs b/ShoppingAssistantWebClient.Web/Pages/Cart.razor.cs
index 19c4fe0..e4a987b 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Cart.razor.cs
+++ b/ShoppingAssistantWebClient.Web/Pages/Cart.razor.cs
@@ -12,7 +12,7 @@ public partial class Cart : ComponentBase
     [Inject]
     private ApiClient _apiClient { get; set; }
 
-    public List<Product> Products { get; set; }
+    public List<Product> Products { get; set; } = new List<Product>();
 
     public bool isError = false;
 
diff --git a/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs b/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
index 0590f6f..a5f8eb6 100644
--- a/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
+++ b/ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
@@ -22,6 +22,7 @@ public partial class Chat : ComponentBase
         public List<Messages> Messages { get; set; }
 
         public List<String> Products { get; set; } = new List<string>();
+
         public List<String> Suggestion { get; set; } = new List<String>();
         
         public Messages Message { get; set; }
@@ -150,8 +151,12 @@ public partial class Chat : ComponentBase
                 StateHasChanged();
                 
             } else if(sseEvent.Event == SearchEventType.Product){
+                
+                string pattern = "[\\\\\"]";
 
-                Products.Add(result);
+                input = Regex.Replace(input, pattern, "");
+
+                Products.Add(input);
 
             } else if(sseEvent.Event == SearchEventType.Suggestion){
 
@@ -162,6 +167,7 @@ public partial class Chat : ComponentBase
             if(Products != null) {
                 string n = name;
                 _searchServise.SetProducts(Products);
+                Products = null;
                 var url = $"/cards/{name}/{chatId}";
                 Navigation.NavigateTo(url);
             }
diff --git a/ShoppingAssistantWebClient.Web/Services/SearchService.cs b/ShoppingAssistantWebClient.Web/Services/SearchService.cs
index aee9aea..93b64fb 100644
--- a/ShoppingAssistantWebClient.Web/Services/SearchService.cs
+++ b/ShoppingAssistantWebClient.Web/Services/SearchService.cs
@@ -5,13 +5,13 @@ public class SearchService
 {
     public List<String> Products { get; set; }
 
-    public string firstMassage { get; set; }
+    public string FirstMessage { get; set; }
 
     public void SetProducts(List<String> products) {
         Products = products;
     }
 
-    public void SetFirstMassage(string massage) {
-        firstMassage = massage;
+    public void SetFirstMassage(string message) {
+        FirstMessage = message;
     }
 }
\ No newline at end of file
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css b/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
index 541d3fe..b8564db 100644
--- a/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
+++ b/ShoppingAssistantWebClient.Web/wwwroot/css/Cards.css
@@ -46,6 +46,10 @@
     text-align: center;
     font-size: 24px;
     color: rgba(0, 82, 204, 0.8);
+    max-width: 500px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .back-button {
@@ -57,7 +61,7 @@
     background-color: transparent;
     position: absolute;
     left: 2%;
-    top: 30px;
+    top: 25px;
 }
 
 .back-card,
@@ -110,6 +114,7 @@
         width: 40% !important;
         position: absolute;
         z-index: 3;
+        top: calc(400px + 8% + 60px) !important;
     }
 
     .cancel-button {
@@ -205,6 +210,17 @@
 }
 
 @media only screen and (max-width: 769px) {
+
+    .header-text {
+        text-align: center;
+        font-size: 1.4em !important;
+        color: rgba(0, 82, 204, 0.8);
+        max-width: 250px !important;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
     .back-card,
     .card,
     .card-text {
@@ -254,6 +270,7 @@
         width: 50vw !important;
         position: absolute;
         z-index: 3;
+        top: calc(368px + 12% + 60px) !important;
     }
 
     .cancel-button {
@@ -332,6 +349,29 @@
 }
 
 @media only screen and (max-width: 440px) {
+
+    .back-button {
+        width: 15px !important;
+        height: 15px !important;
+        background-image: url("/images/back-button.png"); 
+        background-size: cover; 
+        border: none;
+        background-color: transparent;
+        position: absolute;
+        left: 2%;
+        top: 27px;
+    }
+
+    .header-text {
+        text-align: center;
+        font-size: 1.2em !important;
+        color: rgba(0, 82, 204, 0.8);
+        max-width: 200px !important;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
     .back-card,
     .card,
     .card-text {
@@ -340,7 +380,7 @@
         aspect-ratio: 1 / 1.6;
         border-radius: 15px;
         position: absolute;
-        top: 20% !important;
+        top: 15% !important;
     }
 
     .card,
@@ -379,6 +419,7 @@
         width: 70vw;
         position: absolute;
         z-index: 3;
+        top: calc(340px + 15% + 60px) !important;
     }
 
     .cancel-button {
@@ -598,6 +639,7 @@
     width: 300px;
     position: absolute;
     z-index: 3;
+    top: calc(480px + 3% + 60px);
 }
 
 .buttons-row {
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/image1.png b/ShoppingAssistantWebClient.Web/wwwroot/images/image1.png
deleted file mode 100644
index 8bbd16b852f6cf9d2cf8c0351e83c6557f0be479..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3033
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

diff --git a/ShoppingAssistantWebClient.Web/wwwroot/images/image2.png b/ShoppingAssistantWebClient.Web/wwwroot/images/image2.png
deleted file mode 100644
index 1c257100e225f5b2ea8f3317b6516f74e98a3dcb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4415
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

