From 78c8e4f3c5d3333f66178cebd64f307d4bb13e8b Mon Sep 17 00:00:00 2001
From: JSriwongsa <sriwongsa.jtp@gmail.com>
Date: Tue, 4 Jul 2023 16:47:08 -0500
Subject: [PATCH] added javaScript for popup

---
 ecommerce/fashion_website/pages/page.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/ecommerce/fashion_website/pages/page.js b/ecommerce/fashion_website/pages/page.js
index dbf6d89..3c0f60a 100644
--- a/ecommerce/fashion_website/pages/page.js
+++ b/ecommerce/fashion_website/pages/page.js
@@ -65,3 +65,20 @@ trigger.forEach((btn) => {
         body.classList.add('active');
     });
 });
+
+//popup
+const sorter = document.querySelector('.sort-list');
+if(sorter){
+    const sortLi = sorter.querySelectorAll('li');
+    sorter.querySelector('.opt-trigger').addEventListener('click', function(){
+        sorter.querySelector('ul').classList.toggle('show');
+    });
+
+    sortLi.forEach((item) => item.addEventListener('click', function(){
+        sortLi.forEach((i) => li != this ? li.classList.remove('active'): null);
+
+        this.classList.add('active');
+        sorter.querySelector('.opt-trigger span.value').textContent = this.textContent;
+        sorter.querySelector('ul').classList.toggle('show')
+    }))
+}
\ No newline at end of file