From 676ab5cc1b4d1d2b3f6baedff951c3cc816701b0 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 6 Jul 2023 15:13:58 +0300
Subject: [PATCH] feat: add shopping-cart list

---
 .../shopping-cart-list/shopping-cart-list.html |  3 +++
 .../shopping-cart-list/shopping-cart-list.js   | 18 ++++++++++++++++++
 static/js/market.js                            |  5 +++++
 templates/nostrmarket/market.html              |  4 +++-
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 static/components/shopping-cart-list/shopping-cart-list.html
 create mode 100644 static/components/shopping-cart-list/shopping-cart-list.js

diff --git a/static/components/shopping-cart-list/shopping-cart-list.html b/static/components/shopping-cart-list/shopping-cart-list.html
new file mode 100644
index 0000000..5ed595f
--- /dev/null
+++ b/static/components/shopping-cart-list/shopping-cart-list.html
@@ -0,0 +1,3 @@
+<div>
+  xxxx
+</div>
\ No newline at end of file
diff --git a/static/components/shopping-cart-list/shopping-cart-list.js b/static/components/shopping-cart-list/shopping-cart-list.js
new file mode 100644
index 0000000..369f6bb
--- /dev/null
+++ b/static/components/shopping-cart-list/shopping-cart-list.js
@@ -0,0 +1,18 @@
+async function shoppingCartList(path) {
+  const template = await loadTemplateAsync(path)
+
+  Vue.component('shopping-cart-list', {
+    name: 'shopping-cart-list',
+    template,
+
+    props: ['carts', 'products'],
+    data: function () {
+      return {}
+    },
+    computed: {},
+    methods: {
+
+    },
+    created() { }
+  })
+}
diff --git a/static/js/market.js b/static/js/market.js
index 8ae007d..09769ee 100644
--- a/static/js/market.js
+++ b/static/js/market.js
@@ -30,6 +30,7 @@ const market = async () => {
     customerStall('static/components/customer-stall/customer-stall.html'),
     productDetail('static/components/product-detail/product-detail.html'),
     shoppingCart('static/components/shopping-cart/shopping-cart.html'),
+    shoppingCartList('static/components/shopping-cart-list/shopping-cart-list.html'),
     chatDialog('static/components/chat-dialog/chat-dialog.html'),
     marketConfig('static/components/market-config/market-config.html')
   ])
@@ -50,8 +51,10 @@ const market = async () => {
         },
 
         merchants: [],
+        shoppingCarts: [],
 
         showMarketConfig: false,
+        showShoppingCartList: false,
         searchNostr: false,
         drawer: true,
         pubkeys: new Set(),
@@ -457,6 +460,8 @@ const market = async () => {
         } else {
           this.activeStall = null
           this.activeProduct = null
+          this.showMarketConfig = false
+          this.showShoppingCartList = false
           url.searchParams.delete('merchant_pubkey')
           url.searchParams.delete('stall_id')
           url.searchParams.delete('product_id')
diff --git a/templates/nostrmarket/market.html b/templates/nostrmarket/market.html
index e5d6442..be301ee 100644
--- a/templates/nostrmarket/market.html
+++ b/templates/nostrmarket/market.html
@@ -183,7 +183,7 @@
                 size="lg"><q-tooltip>User
                   Config</q-tooltip></q-btn>
               <q-btn color="gray" icon="shopping_cart" flat size="lg"
-                @click="searchNostr = !searchNostr"><q-tooltip>Shopping
+                @click="showShoppingCartList = !showShoppingCartList"><q-tooltip>Shopping
                   Cart</q-tooltip></q-btn>
             </div>
           </q-toolbar>
@@ -205,6 +205,7 @@
 
         <market-config v-if="showMarketConfig" :merchants="merchants" @add-merchant="addMerchant"
           @remove-merchant="removeMerchant"></market-config>
+        <shopping-cart-list v-else-if="showShoppingCartList" :carts="shoppingCarts" :products="products"></shopping-cart-list>
         <customer-stall v-else-if="!isLoading && activeStall" :stall="stalls.find(stall => stall.id == activeStall)"
           :products="filterProducts" :stall-products="products.filter(p => p.stall_id == activeStall)"
           :product-detail="activeProduct" :relays="relays" :account="account" :pool="pool" :styles="config?.opts ?? {}"
@@ -300,6 +301,7 @@
 <script src="{{ url_for('nostrmarket_static', path='components/customer-stall/customer-stall.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/product-detail/product-detail.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/shopping-cart/shopping-cart.js') }}"></script>
+<script src="{{ url_for('nostrmarket_static', path='components/shopping-cart-list/shopping-cart-list.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/chat-dialog/chat-dialog.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='components/market-config/market-config.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='js/market.js') }}"></script>