Эх сурвалжийг харах

принятие заказа

Ivz 1 сар өмнө
parent
commit
be453c4cd8

+ 13 - 4
html/active-order-developer.html

@@ -273,7 +273,17 @@
             text-align: center;
             text-align: center;
             padding: 10px 0;
             padding: 10px 0;
         }
         }
-</style>
+    </style>
+    <script>
+        function declineOrder() {
+            if(confirm('Вы уверены, что хотите отказаться от заказа?')) {
+                // удаление принятого заказа
+                localStorage.removeItem('chicagoOrderAccepted');
+                // возврат на "доступные заказы"
+                window.location.href = 'orders-developer.html';
+            }
+        }
+    </script>
 </head>
 </head>
 <body>
 <body>
     <div class="app-container">
     <div class="app-container">
@@ -291,7 +301,7 @@
                 <ul class="sidebar-top">
                 <ul class="sidebar-top">
                     
                     
                     <li><a href="orders.html">Доступные заказы</a></li>
                     <li><a href="orders.html">Доступные заказы</a></li>
-                    <li><a href="#"  class="active">Мои заказы</a></li>
+                    <li><a href="#" class="active">Мои заказы</a></li>
                     <li><a href="#">Отзывы</a></li>
                     <li><a href="#">Отзывы</a></li>
                     <li><a href="#">Личный кабинет</a></li>
                     <li><a href="#">Личный кабинет</a></li>
                     <li><a href="about.html">О нас</a></li>
                     <li><a href="about.html">О нас</a></li>
@@ -361,7 +371,7 @@
 
 
         <div class="order-status-container">
         <div class="order-status-container">
             <span class="order-status">Заказ принят</span>
             <span class="order-status">Заказ принят</span>
-            <button class="decline-button">Отказаться от заказа</button>
+            <button class="decline-button" onclick="declineOrder()">Отказаться от заказа</button>
         </div>
         </div>
 
 
         </main>
         </main>
@@ -372,6 +382,5 @@
             <p>&copy; 2024 МонтажКлик</p>
             <p>&copy; 2024 МонтажКлик</p>
         </div>
         </div>
     </footer>
     </footer>
-    </div>
 </body>
 </body>
 </html>
 </html>

+ 9 - 2
html/order-chicago-developer.html

@@ -9,6 +9,14 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/style.css">
+    <script>
+        function acceptOrder() {
+            // сохранение в localStorage
+            localStorage.setItem('chicagoOrderAccepted', 'true');
+            // => страница активного заказа
+            window.location.href = 'active-order-developer.html';
+        }
+    </script>
 </head>
 </head>
 <body>
 <body>
     <div class="app-container">
     <div class="app-container">
@@ -60,7 +68,7 @@
                     <p><b>Оплата:</b> до 50.000₽</p>
                     <p><b>Оплата:</b> до 50.000₽</p>
                 </div>
                 </div>
         
         
-                <button class="accept-order-button">Принять заказ</button>
+                <button class="accept-order-button" onclick="acceptOrder()">Принять заказ</button>
             </section>
             </section>
         </main>
         </main>
     </div>
     </div>
@@ -70,6 +78,5 @@
             <p>&copy; 2024 МонтажКлик</p>
             <p>&copy; 2024 МонтажКлик</p>
         </div>
         </div>
     </footer>
     </footer>
-    </div>
 </body>
 </body>
 </html>
 </html>

+ 14 - 2
html/orders-developer.html

@@ -9,6 +9,18 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/style.css">
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            // проверка заказа
+            if(localStorage.getItem('chicagoOrderAccepted')) {
+                //удаление из списка
+                const chicagoOrder = document.querySelector('.order-row[href="order-chicago-developer.html"]');
+                if(chicagoOrder) {
+                    chicagoOrder.remove();
+                }
+            }
+        });
+    </script>
 </head>
 </head>
 <body>
 <body>
 
 
@@ -25,7 +37,7 @@
         <aside class="app-sidebar">
         <aside class="app-sidebar">
             <nav class="sidebar-nav">
             <nav class="sidebar-nav">
                 <ul class="sidebar-top">
                 <ul class="sidebar-top">
-                    <li><a href="orders-developer.html"  class="active">Доступные заказы</a></li>
+                    <li><a href="orders-developer.html" class="active">Доступные заказы</a></li>
                     <li><a href="my-orders-developer.html">Мои заказы</a></li>
                     <li><a href="my-orders-developer.html">Мои заказы</a></li>
                     <li><a href="profile-developer.html">Профиль</a></li>
                     <li><a href="profile-developer.html">Профиль</a></li>
                     <li><a href="reviews.html">Отзывы</a></li>
                     <li><a href="reviews.html">Отзывы</a></li>
@@ -49,7 +61,7 @@
                         <div class="order-payment">Оплата</div>
                         <div class="order-payment">Оплата</div>
                     </div>
                     </div>
                 
                 
-                    <a href="order-chicago.html" class="order-row">
+                    <a href="order-chicago-developer.html" class="order-row">
                         <div class="order-title">
                         <div class="order-title">
                             <img src="../img/youtube.svg" alt="YouTube">
                             <img src="../img/youtube.svg" alt="YouTube">
                             Монтаж выпуска про Чикаго
                             Монтаж выпуска про Чикаго