From 052dfee54d737fd6be88a3f2e15d6b46cdcfd31b Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Mon, 8 Jul 2024 19:00:44 +0500
Subject: [PATCH] cart popup started

---
 .../publishable/assets/icons/red-trash.svg    |  13 ++
 .../assets/images/popup-cart-item-img.png     | Bin 0 -> 11604 bytes
 .../Shop/publishable/assets/styles/style.css  | 149 ++++++++++++++++++
 .../TPS/Shop/publishable/pages/index.html     |  94 +++++++++--
 .../TPS/Shop/publishable/pages/reviews.html   |  41 +++++
 5 files changed, 288 insertions(+), 9 deletions(-)
 create mode 100644 packages/TPS/Shop/publishable/assets/icons/red-trash.svg
 create mode 100644 packages/TPS/Shop/publishable/assets/images/popup-cart-item-img.png

diff --git a/packages/TPS/Shop/publishable/assets/icons/red-trash.svg b/packages/TPS/Shop/publishable/assets/icons/red-trash.svg
new file mode 100644
index 000000000..096bc34d7
--- /dev/null
+++ b/packages/TPS/Shop/publishable/assets/icons/red-trash.svg
@@ -0,0 +1,13 @@
+<svg width="15" height="21" viewBox="0 0 15 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_23_418)">
+<path d="M13.5581 2.875H10.3851V2.281C10.391 1.8155 10.2121 1.36665 9.88765 1.03281C9.56318 0.698972 9.11961 0.507373 8.65413 0.5L6.34613 0.5C5.88065 0.507373 5.43707 0.698972 5.11261 1.03281C4.78814 1.36665 4.60925 1.8155 4.61513 2.281V2.875H1.44213C1.05427 2.88106 0.684649 3.04069 0.414326 3.31888C0.144003 3.59708 -0.00495239 3.97113 0.000125706 4.359V6.438C-0.00201204 6.59325 0.0575495 6.743 0.165733 6.85437C0.273917 6.96575 0.421878 7.02963 0.577125 7.032H0.892124L1.39212 17.804C1.40649 18.2546 1.594 18.6823 1.91565 18.9982C2.23731 19.3141 2.66835 19.4938 3.11913 19.5H11.8801C12.332 19.4945 12.7643 19.3145 13.0865 18.9977C13.4087 18.6809 13.596 18.2517 13.6091 17.8L14.1091 7.028H14.4241C14.5785 7.02537 14.7256 6.96192 14.8335 6.85144C14.9413 6.74097 15.0012 6.59239 15.0001 6.438V4.359C15.0052 3.97113 14.8562 3.59708 14.5859 3.31888C14.3156 3.04069 13.946 2.88106 13.5581 2.875ZM5.77013 2.281C5.76799 2.12575 5.82755 1.976 5.93573 1.86463C6.04392 1.75325 6.19188 1.68937 6.34713 1.687H8.65512C8.81037 1.68937 8.95833 1.75325 9.06652 1.86463C9.1747 1.976 9.23426 2.12575 9.23212 2.281V2.875H5.76913L5.77013 2.281ZM1.15412 4.359C1.1532 4.32035 1.15992 4.28191 1.17392 4.24587C1.18792 4.20984 1.2089 4.17693 1.23568 4.14905C1.26245 4.12116 1.29447 4.09885 1.3299 4.08339C1.36533 4.06794 1.40348 4.05965 1.44213 4.059H13.5581C13.5968 4.05965 13.6349 4.06794 13.6703 4.08339C13.7058 4.09885 13.7378 4.12116 13.7646 4.14905C13.7913 4.17693 13.8123 4.20984 13.8263 4.24587C13.8403 4.28191 13.8471 4.32035 13.8461 4.359V5.844H1.15412V4.359ZM12.4541 17.747C12.4495 17.8974 12.387 18.0402 12.2797 18.1456C12.1724 18.251 12.0286 18.311 11.8781 18.313H3.11913C2.9687 18.311 2.82484 18.251 2.71753 18.1456C2.61023 18.0402 2.54775 17.8974 2.54312 17.747L2.04312 7.031H12.9531L12.4541 17.747Z" fill="#C3000E"/>
+<path d="M7.49974 17.125C7.65728 17.125 7.80837 17.0624 7.91977 16.951C8.03116 16.8396 8.09375 16.6885 8.09375 16.531V8.81197C8.09703 8.73198 8.08411 8.65214 8.05577 8.57727C8.02742 8.5024 7.98423 8.43404 7.9288 8.37628C7.87336 8.31852 7.80683 8.27257 7.73318 8.24118C7.65954 8.20979 7.5803 8.1936 7.50024 8.1936C7.42018 8.1936 7.34096 8.20979 7.26732 8.24118C7.19367 8.27257 7.12713 8.31852 7.0717 8.37628C7.01626 8.43404 6.97308 8.5024 6.94473 8.57727C6.91638 8.65214 6.90347 8.73198 6.90675 8.81197V16.531C6.90675 16.6883 6.96918 16.8393 7.08036 16.9506C7.19155 17.062 7.34237 17.1247 7.49974 17.125Z" fill="#C3000E"/>
+<path d="M10.3781 17.1251C10.5357 17.1251 10.6868 17.0625 10.7982 16.9511C10.9096 16.8397 10.9721 16.6886 10.9721 16.5311V8.81207C10.9658 8.65888 10.9006 8.51405 10.79 8.40788C10.6794 8.30172 10.532 8.24243 10.3787 8.24243C10.2253 8.24243 10.078 8.30172 9.96735 8.40788C9.85673 8.51405 9.79145 8.65888 9.78516 8.81207V16.5311C9.78516 16.6884 9.84759 16.8394 9.95877 16.9507C10.07 17.0621 10.2208 17.1248 10.3781 17.1251Z" fill="#C3000E"/>
+<path d="M4.62326 17.1251C4.7808 17.1251 4.93189 17.0625 5.04329 16.9511C5.15469 16.8397 5.21727 16.6886 5.21727 16.5311V8.81207C5.21098 8.65888 5.14569 8.51405 5.03508 8.40788C4.92447 8.30172 4.77708 8.24243 4.62376 8.24243C4.47044 8.24243 4.32306 8.30172 4.21245 8.40788C4.10183 8.51405 4.03656 8.65888 4.03027 8.81207V16.5311C4.03027 16.6884 4.09271 16.8394 4.20389 16.9507C4.31507 17.0621 4.4659 17.1248 4.62326 17.1251Z" fill="#C3000E"/>
+</g>
+<defs>
+<clipPath id="clip0_23_418">
+<rect width="15" height="20" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/TPS/Shop/publishable/assets/images/popup-cart-item-img.png b/packages/TPS/Shop/publishable/assets/images/popup-cart-item-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..dde6462c95405fbb9bb938c7f0a0f9bb4a282b21
GIT binary patch
literal 11604
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
QLC^^D(#ld*5+;HF2Wp~P<NyEw

literal 0
HcmV?d00001

diff --git a/packages/TPS/Shop/publishable/assets/styles/style.css b/packages/TPS/Shop/publishable/assets/styles/style.css
index 9bf5a14cb..cfa0ea929 100644
--- a/packages/TPS/Shop/publishable/assets/styles/style.css
+++ b/packages/TPS/Shop/publishable/assets/styles/style.css
@@ -2010,6 +2010,155 @@ body.no-scroll {
     color: #c3000e;
 }
 
+.popup-cart-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.3);
+    z-index: 20;
+    pointer-events: none;
+    opacity: 0;
+    transition: all 0.3s ease-out;
+}
+
+.popup-cart-overlay.active {
+    pointer-events: all;
+    opacity: 1;
+}
+
+.popup-cart-content {
+    width: 100%;
+    max-width: 635px;
+    display: flex;
+    flex-direction: column;
+    padding: 40px 40px 0;
+    position: fixed;
+    top: 0;
+    right: 0;
+    height: 100%;
+    transform: translateX(100%);
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 16px 8px rgba(0, 0, 0, 0.3);
+}
+
+.popup-cart-item-list {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.popup-cart-item-img {
+    background-color: #f2f2f2;
+    padding: 10px;
+    border-radius: 6px;
+    margin-right: 20px;
+}
+
+.popup-cart-item-block {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.popup-cart-item {
+    display: flex;
+    align-items: center;
+}
+
+.popup-cart-item-header h4 {
+    font-size: 18px;
+}
+
+.popup-cart-item-header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.popup-cart-footer {
+    padding: 20px 0;
+}
+
+.popup-cart-item-price {
+    font-size: 18px;
+    font-weight: 700;
+}
+
+.popup-cart-item-counter {
+    display: flex;
+    gap: 10px;
+    padding: 5px 10px;
+    font-weight: 600;
+    border-radius: 6px;
+    background-color: #f2f2f2;
+}
+
+.popup-cart-item-counter div {
+    padding: 5px 10px;
+}
+
+.popup-cart-item-footer {
+    font-size: 12px;
+}
+
+.popup-cart-footer-line {
+    width: 100%;
+    height: 1px;
+    background-color: #f2f2f2;
+    margin: 20px 0;
+}
+
+.popup-cart-btn {
+    background-color: #c3000e;
+    font-size: 16px;
+    padding: 20px;
+    border-radius: 6px;
+    color: #fff;
+    border: 0;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease-out;
+}
+
+.popup-cart-btn:hover {
+    background-color: #a5000b;
+    font-size: 16px;
+    padding: 20px;
+    border-radius: 6px;
+    color: #fff;
+    border: 0;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.popup-cart-overlay.active .popup-cart-content {
+    background-color: #fff;
+    transform: translateX(0%);
+}
+.popup-cart-title {
+    font-size: 28px;
+    font-weight: 700;
+    margin-bottom: 50px;
+}
+
+.popup-cart-footer-results {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #4e4e4e;
+    font-size: 14px;
+}
+
+.popup-cart-footer-results div {
+    font-size: 14px;
+}
+
 .review-details {
     width: 100%;
     display: flex;
diff --git a/packages/TPS/Shop/publishable/pages/index.html b/packages/TPS/Shop/publishable/pages/index.html
index 7d2acde3f..9400ace9f 100644
--- a/packages/TPS/Shop/publishable/pages/index.html
+++ b/packages/TPS/Shop/publishable/pages/index.html
@@ -2096,9 +2096,6 @@
             <h3 class="close-review-popup-button" id="closeReviewPopupText">Закрыть окно</h3>
           </div>
         </div>
-
-        
-
       </div>
     </div>
   </section>
@@ -2228,6 +2225,57 @@
 
   </footer>
 
+  <!-- Popup-cart -->
+
+  <div class="popup-cart-overlay" id="popup-cart-overlay">
+    <div class="popup-cart-content" id="popup-cart-content">
+      <h2 class="popup-cart-title">Товар добавлен в корзину</h2>
+      
+      <div class="popup-cart-item-list">
+        <div class="popup-cart-item">
+          <div class="popup-cart-item-img">
+            <img src="../assets/images/popup-cart-item-img.png" alt="">
+          </div>
+          
+          <div class="popup-cart-item-block">
+            <div class="popup-cart-item-header">
+              <h4>Телевизор LG OLED 77C2RLA, 77"</h4>
+              <img src="../assets/icons/red-trash.svg" alt="">
+            </div>
+            <div class="popup-cart-item-header">
+              <div class="popup-cart-item-counter">
+                <div class="popup-cart-item-plus">-</div>
+                <div class="">1</div>
+                <div class="popup-cart-item-minus">+</div>
+              </div>
+              <div class="popup-cart-item-price">58 410,50 m.</div>
+            </div>
+            <div class="popup-cart-item-footer">58 410,50 м. / шт.</div>
+
+            
+          </div>
+          
+        </div>
+        <div class="popup-cart-footer-line"></div>
+      </div> <!--Popup-cart-item-list-->
+
+      <div class="popup-cart-footer">
+        <div class="popup-cart-footer-results">
+          <div class="">В корзине 2 товара</div>
+          <div class="">Итого: 69 521,61 м.</div>
+
+        </div>
+
+        <div class="popup-cart-footer-line"></div>
+
+        <div class="popup-cart-footer-results">
+          <div class="">Оформить заказ</div>
+          <button type="button" class="popup-cart-btn" id="popup-cart-btn">Продолжить покупки 🠆</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
 
   <!-- FOOTER end ============================================================================ -->
 
@@ -2236,7 +2284,7 @@
   <script src="../assets/scripts/script.js"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function() {
-    // Review popup start
+    // Review popup start =======================================
     const popup = document.getElementById('review-popup');
     const openReviewPopupBtn = document.getElementById('openReviewPopupBtn');
     const closeReviewPopupBtn = document.getElementById('closeReviewPopupBtn');
@@ -2250,7 +2298,7 @@
     const nameInput = document.getElementById("name");
     const reviewInput = document.getElementById("review");
 
-    // Create the loader element
+    // Create the loader element ==============================================================
     const loader = document.createElement("div");
     loader.className = "loader";
 
@@ -2314,7 +2362,7 @@
         }
     });
 
-    // Review rating click effect start
+    // Review rating click effect start ============================================
     const ratingContainers = document.querySelectorAll(".review-rating--popup");
 
     ratingContainers.forEach(container => {
@@ -2356,7 +2404,7 @@
       });
     });
 
-    // Send review
+    // Send review ========================================================================
     sendReviewButton.addEventListener("click", function() {
       // Hide the first popup content
       firstPopupContent.style.display = 'none';
@@ -2389,10 +2437,38 @@
       // Hide the entire popup
       closePopup();
     });
+
+     // Add to cart popup start ====================================================
+
+      const addtoCartBtns = document.querySelectorAll('.item-gallery-cart')
+      const popupOverlay = document.getElementById('popup-cart-overlay')
+      const cartPopup = document.getElementById("popup-cart-content")
+      const popupCartBtn = document.getElementById("popup-cart-btn")
+
+      addtoCartBtns.forEach(button => {
+        button.addEventListener('click', () => {
+          popupOverlay.classList.add('active');
+          document.body.classList.add('no-scroll')
+        });
+      });
+
+      popupCartBtn.addEventListener("click", () => {
+        popupOverlay.classList.remove('active');
+        document.body.classList.remove('no-scroll')
+      })
+
+
+      window.addEventListener('click', (event) => {
+          if (event.target === popupOverlay) {
+            popupOverlay.classList.remove('active');
+            document.body.classList.remove('no-scroll')
+          }
+      });
+
+    // Add to cart popup end ====================================================
   });
 
-
-
+   
 
 
 
diff --git a/packages/TPS/Shop/publishable/pages/reviews.html b/packages/TPS/Shop/publishable/pages/reviews.html
index 1ddcea3fb..715dbe4a5 100644
--- a/packages/TPS/Shop/publishable/pages/reviews.html
+++ b/packages/TPS/Shop/publishable/pages/reviews.html
@@ -7,6 +7,8 @@
         <title>ElektronikaTM</title>
         <link rel="stylesheet" href="../assets/styles/style.css" />
         <link rel="stylesheet" href="../assets/styles/reviews.css" />
+        <link rel="stylesheet" href="../assets/styles/categories-tv.css">
+
     </head>
     <body>
       <!-- LOGIN/SIGNUP ====================================================================== -->
@@ -475,6 +477,20 @@
       </header>
       <!-- HEADER end ======================================================================== -->
 
+      <!-- Breadcrumb ======================================================================== -->
+
+      <section class="breadcrumb">
+        <div class="container">
+            <div class="breadcrumb-container">
+                <ul class="breadcrumb">
+                    <li><a href="#">Главная</a></li>
+                    <li><a href="#" class="current">Отзывы о нас</a></li>
+                </ul>
+            </div>
+        </div>
+      </section>
+      <!-- Breadcrumb end ======================================================================== -->
+
       <!-- Navigation start ================================================================== -->
       <section class="navigation-section">
         <div class="container">
@@ -657,6 +673,31 @@
       </section>
       <!-- Reviews section end   ============================================================= -->
 
+      <section>
+        <div class="container">
+          <div class="product-section-pagination-wrapper">
+            <div class="product-section-pagination">
+                <div class="pagination-buttons">
+                    <form>
+                        <button class="pagination-button pagination-button-left">
+                            <div>
+                                <img src="../assets/icons/arrow-down-sign-to-navigate.svg" alt="">
+                            </div>
+                        </button>
+                        <span class="mid-button-text">1</span>
+                        <button class="pagination-button pagination-button-right">
+                            <div>
+                                <img src="../assets/icons/arrow-down-sign-to-navigate.svg" alt="">
+                            </div>
+                        </button>
+                    </form>
+                </div>
+                <span class="page-count">Всего 20 страниц</span>
+            </div>
+          </div>
+        </div>
+      </section>
+
       <!-- FOOTER ================================================================================ -->
       <footer class="footer">
         <div class="container">