feat: remove save state

RezenkovD · Aug 14, 2023 · 95595d6 · 95595d6
1 parent ce0b6ed
commit 95595d6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/vr_club_site/templates/site/js/calendar.js b/vr_club_site/templates/site/js/calendar.js
@@ -124,8 +124,6 @@ document.addEventListener("DOMContentLoaded", function () {
 var popupScrollPosition;
 function openPopup(day, month, year) {
     popupScrollPosition = window.scrollY;
-    const state = { popupOpen: true, day: day, month: month, year: year };
-    history.pushState(state, null, ''); // Збереження стану в історії браузера
     const dateDiv = document.querySelector('.booking-date');
     const monthsNames = [
         "січня",
@@ -145,6 +143,18 @@ function openPopup(day, month, year) {
     dateDiv.textContent = `${parseInt(day, 10)} ${monthsNames[parseInt(month) - 1]} ${year}`;
 
     getAvailableSlots(`${year}-${parseInt(month, 10)}-${parseInt(day, 10)}`)
+    const checkboxes = document.querySelectorAll('input[type="checkbox"]');
+    checkboxes.forEach(checkbox => {
+        checkbox.checked = false;
+    });
+    const inputElements = document.querySelectorAll('input[type="text"]');
+    inputElements.forEach(input => {
+        input.value = '';
+    });
+    const peopleCountInput = document.getElementById('id_people_count');
+    peopleCountInput.value = 1;
+    const totalCostSpan = document.getElementById('total_cost');
+    totalCostSpan.textContent = '0.00 грн';
 
     const dateInput = document.getElementById('id_date');
     dateInput.value = `${day}-${month}-${year}`;
@@ -153,6 +163,7 @@ function openPopup(day, month, year) {
     const body = document.querySelector('body');
     popup.style.display = 'block';
     body.style.overflow = 'hidden';
+    history.pushState(null, null, '');
 }
 
 function closePopup() {

diff --git a/vr_club_site/templates/site/style/booking.css b/vr_club_site/templates/site/style/booking.css
@@ -89,13 +89,15 @@
     text-align: left;
     font: 500 24px/170% "Montserrat", sans-serif;
     position: relative;
+    width: 45%;
 }
 
 .people-count-2 {
-    gap: 124px;
+    gap: 115px;
     display: flex;
     flex-direction: row;
     align-items: center;
+    width: 100%;
 }
 
 .btn-booking {
@@ -241,7 +243,6 @@ input[type=number]::-webkit-outer-spin-button {
 }
 
 .number-input {
-    margin-left: 24px;
     order: 0;
     display: inline-flex;
     flex-direction: row;