From 3c8bdf5881ad043b499a12b51e75c013225bf5b6 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Thu, 13 Jul 2023 14:55:22 +0300
Subject: [PATCH] feat: add empty user config

---
 .../components/user-config/user-config.html   |  8 ++++++++
 static/components/user-config/user-config.js  | 19 +++++++++++++++++++
 static/js/market.js                           |  3 ++-
 templates/nostrmarket/market.html             | 14 +++++++++-----
 4 files changed, 38 insertions(+), 6 deletions(-)
 create mode 100644 static/components/user-config/user-config.html
 create mode 100644 static/components/user-config/user-config.js

diff --git a/static/components/user-config/user-config.html b/static/components/user-config/user-config.html
new file mode 100644
index 0000000..eef5707
--- /dev/null
+++ b/static/components/user-config/user-config.html
@@ -0,0 +1,8 @@
+<q-card>
+  <div class="q-pa-md">
+    <div class="q-gutter-y-md">
+      xxxx
+    </div>
+  </div>
+
+</q-card>
\ No newline at end of file
diff --git a/static/components/user-config/user-config.js b/static/components/user-config/user-config.js
new file mode 100644
index 0000000..ae04746
--- /dev/null
+++ b/static/components/user-config/user-config.js
@@ -0,0 +1,19 @@
+async function userConfig(path) {
+    const template = await loadTemplateAsync(path)
+    Vue.component('user-config', {
+        name: 'user-config',
+        props: ['user',],
+        template,
+
+        data: function () {
+            return {
+            }
+        },
+        methods: {
+            
+        },
+        created: async function () {
+
+        }
+    })
+}
diff --git a/static/js/market.js b/static/js/market.js
index dae9c76..2fc2f5a 100644
--- a/static/js/market.js
+++ b/static/js/market.js
@@ -35,7 +35,8 @@ const market = async () => {
     shoppingCartCheckout('static/components/shopping-cart-checkout/shopping-cart-checkout.html'),
     customerOrders('static/components/customer-orders/customer-orders.html'),
     chatDialog('static/components/chat-dialog/chat-dialog.html'),
-    marketConfig('static/components/market-config/market-config.html')
+    marketConfig('static/components/market-config/market-config.html'),
+    userConfig('static/components/user-config/user-config.html')
   ])
 
   new Vue({
diff --git a/templates/nostrmarket/market.html b/templates/nostrmarket/market.html
index f2153a6..52b81df 100644
--- a/templates/nostrmarket/market.html
+++ b/templates/nostrmarket/market.html
@@ -176,11 +176,12 @@
                   for products on Nostr</q-tooltip></q-btn>
               <q-btn color="gray" icon="settings" flat size="lg" @click="setActivePage('market-config')"><q-tooltip>
                   Settings</q-tooltip></q-btn>
-              <q-btn v-if="account" color="gray" icon="perm_identity" flat size="lg"><q-tooltip>User
-                  Login</q-tooltip></q-btn>
+              <q-btn v-if="account" @click="setActivePage('user-config')" color="gray" icon="perm_identity" flat
+                size="lg"><q-tooltip>User
+                  User Config</q-tooltip></q-btn>
               <q-btn v-else @click="accountDialog.show = true" color="gray" icon="person_add" flat
                 size="lg"><q-tooltip>User
-                  Config</q-tooltip></q-btn>
+                  Login</q-tooltip></q-btn>
               <q-btn color="gray" icon="chat" flat size="lg"><q-tooltip>Chat</q-tooltip></q-btn>
               <q-btn @click="setActivePage('customer-orders')" color="gray" icon="receipt_long" flat
                 size="lg"><q-tooltip>Orders</q-tooltip></q-btn>
@@ -210,8 +211,9 @@
               icon="shopping_cart"></q-breadcrumbs-el>
             <q-breadcrumbs-el v-if="activePage === 'customer-orders'" label="Orders"
               icon="receipt_long"></q-breadcrumbs-el>
-              <q-breadcrumbs-el v-if="activePage === 'market-config'" label="Settings"
-              icon="settings"></q-breadcrumbs-el>
+            <q-breadcrumbs-el v-if="activePage === 'market-config'" label="Settings" icon="settings"></q-breadcrumbs-el>
+            <q-breadcrumbs-el v-if="activePage === 'user-config'" label="User Config"
+              icon="perm_identity"></q-breadcrumbs-el>
           </q-breadcrumbs>
         </div>
 
@@ -219,6 +221,7 @@
 
         <market-config v-if="activePage === 'market-config'" :merchants="merchants" @add-merchant="addMerchant"
           @remove-merchant="removeMerchant"></market-config>
+        <user-config v-if="activePage === 'user-config'"></user-config>
         <shopping-cart-list v-else-if="activePage === 'shopping-cart-list'" :carts="shoppingCarts"
           @add-to-cart="addProductToCart" @remove-from-cart="removeProductFromCart" @remove-cart="removeCart"
           @checkout-cart="checkoutStallCart"></shopping-cart-list>
@@ -335,6 +338,7 @@
 <script src="{{ url_for('nostrmarket_static', path='components/customer-orders/customer-orders.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='components/user-config/user-config.js') }}"></script>
 <script src="{{ url_for('nostrmarket_static', path='js/market.js') }}"></script>
 <style scoped>
   .q-field__native span {