feat: add empty user config
This commit is contained in:
parent
1eaf9f611d
commit
3c8bdf5881
4 changed files with 38 additions and 6 deletions
8
static/components/user-config/user-config.html
Normal file
8
static/components/user-config/user-config.html
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
<q-card>
|
||||||
|
<div class="q-pa-md">
|
||||||
|
<div class="q-gutter-y-md">
|
||||||
|
xxxx
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</q-card>
|
||||||
19
static/components/user-config/user-config.js
Normal file
19
static/components/user-config/user-config.js
Normal file
|
|
@ -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 () {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -35,7 +35,8 @@ const market = async () => {
|
||||||
shoppingCartCheckout('static/components/shopping-cart-checkout/shopping-cart-checkout.html'),
|
shoppingCartCheckout('static/components/shopping-cart-checkout/shopping-cart-checkout.html'),
|
||||||
customerOrders('static/components/customer-orders/customer-orders.html'),
|
customerOrders('static/components/customer-orders/customer-orders.html'),
|
||||||
chatDialog('static/components/chat-dialog/chat-dialog.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({
|
new Vue({
|
||||||
|
|
|
||||||
|
|
@ -176,11 +176,12 @@
|
||||||
for products on Nostr</q-tooltip></q-btn>
|
for products on Nostr</q-tooltip></q-btn>
|
||||||
<q-btn color="gray" icon="settings" flat size="lg" @click="setActivePage('market-config')"><q-tooltip>
|
<q-btn color="gray" icon="settings" flat size="lg" @click="setActivePage('market-config')"><q-tooltip>
|
||||||
Settings</q-tooltip></q-btn>
|
Settings</q-tooltip></q-btn>
|
||||||
<q-btn v-if="account" color="gray" icon="perm_identity" flat size="lg"><q-tooltip>User
|
<q-btn v-if="account" @click="setActivePage('user-config')" color="gray" icon="perm_identity" flat
|
||||||
Login</q-tooltip></q-btn>
|
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
|
<q-btn v-else @click="accountDialog.show = true" color="gray" icon="person_add" flat
|
||||||
size="lg"><q-tooltip>User
|
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 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
|
<q-btn @click="setActivePage('customer-orders')" color="gray" icon="receipt_long" flat
|
||||||
size="lg"><q-tooltip>Orders</q-tooltip></q-btn>
|
size="lg"><q-tooltip>Orders</q-tooltip></q-btn>
|
||||||
|
|
@ -210,8 +211,9 @@
|
||||||
icon="shopping_cart"></q-breadcrumbs-el>
|
icon="shopping_cart"></q-breadcrumbs-el>
|
||||||
<q-breadcrumbs-el v-if="activePage === 'customer-orders'" label="Orders"
|
<q-breadcrumbs-el v-if="activePage === 'customer-orders'" label="Orders"
|
||||||
icon="receipt_long"></q-breadcrumbs-el>
|
icon="receipt_long"></q-breadcrumbs-el>
|
||||||
<q-breadcrumbs-el v-if="activePage === 'market-config'" label="Settings"
|
<q-breadcrumbs-el v-if="activePage === 'market-config'" label="Settings" icon="settings"></q-breadcrumbs-el>
|
||||||
icon="settings"></q-breadcrumbs-el>
|
<q-breadcrumbs-el v-if="activePage === 'user-config'" label="User Config"
|
||||||
|
icon="perm_identity"></q-breadcrumbs-el>
|
||||||
</q-breadcrumbs>
|
</q-breadcrumbs>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -219,6 +221,7 @@
|
||||||
|
|
||||||
<market-config v-if="activePage === 'market-config'" :merchants="merchants" @add-merchant="addMerchant"
|
<market-config v-if="activePage === 'market-config'" :merchants="merchants" @add-merchant="addMerchant"
|
||||||
@remove-merchant="removeMerchant"></market-config>
|
@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"
|
<shopping-cart-list v-else-if="activePage === 'shopping-cart-list'" :carts="shoppingCarts"
|
||||||
@add-to-cart="addProductToCart" @remove-from-cart="removeProductFromCart" @remove-cart="removeCart"
|
@add-to-cart="addProductToCart" @remove-from-cart="removeProductFromCart" @remove-cart="removeCart"
|
||||||
@checkout-cart="checkoutStallCart"></shopping-cart-list>
|
@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/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/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/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>
|
<script src="{{ url_for('nostrmarket_static', path='js/market.js') }}"></script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.q-field__native span {
|
.q-field__native span {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue