lnbits-exts/nostrmarket
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: prepare for naddr fix

Browse source
This commit is contained in:
Vlad Stan 2023-07-17 15:13:08 +03:00
parent 28a251748a
commit 0226fc3f79
4 changed files with 43 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

22
static/components/market-config/market-config.html
View file

@ -15,7 +15,7 @@
<q-card-section>
<div class="q-pa-md">
<div class="q-gutter-y-md">
<q-tab-panels v-model="tab">
<q-tab-panel name="merchants">
<div>
@ -85,20 +85,22 @@
</q-tab-panel>
<q-tab-panel name="marketplace">
<div class="q-mb-md"> <strong>Information</strong></div>
<q-input outlined v-model="info.name" type="text" label="Marketplace Name" class="q-mb-md">
<q-input @change="updateUiConfig" outlined v-model="configData.name" type="text" label="Marketplace Name"
class="q-mb-md">
</q-input>
<q-input @change="updateUiConfig" outlined v-model="configData.about" type="textarea" rows="3"
label="Marketplace Description" class="q-mb-lg"></q-input>
<q-input outlined v-model="info.description" type="textarea" rows="3" label="Marketplace Description"
class="q-mb-lg"></q-input>
<div class="q-mb-md q-mt-lg">
<strong>UI Configurations</strong>
</div>
<q-input outlined v-model="info.theme" type="text" label="Theme" class="q-mb-md">
<q-input @change="updateUiConfig" outlined v-model="configData.ui.picture" type="text" label="Logo" class="q-mb-md">
</q-input>
<q-input outlined v-model="info.logo" type="text" label="Logo" class="q-mb-md">
</q-input>
<q-input outlined v-model="info.banner" type="text" label="Banner" class="q-mb-md">
<q-input @change="updateUiConfig" outlined v-model="configData.ui.banner" type="text" label="Banner" class="q-mb-md">
</q-input>
<q-select @change="updateUiConfig" filled v-model="configData.ui.theme" hint="Choose marketplace theme"
:options="themeOptions" label="Marketplace Theme"></q-select>
</q-tab-panel>
@ -111,8 +113,8 @@
<q-separator />
<q-card-section>
<div class="float-right">
<q-btn flat label="Copy Naddr" color="green"></q-btn>
<q-btn flat label="Update" color="primary"></q-btn>
<q-btn rounded label="Copy Naddr" color="green"></q-btn>
<q-btn rounded label="Update" class="q-ml-lg" color="primary"></q-btn>
</div>
</q-card-section>
<q-card-section></q-card-section>

34
static/components/market-config/market-config.js
View file

@ -2,7 +2,7 @@ async function marketConfig(path) {
const template = await loadTemplateAsync(path)
Vue.component('market-config', {
name: 'market-config',
props: ['merchants', 'relays'],
props: ['merchants', 'relays', 'config'],
template,
data: function () {
@ -12,13 +12,27 @@ async function marketConfig(path) {
profiles: new Map(),
merchantPubkey: null,
relayUrl: null,
info: {
configData: {
identifier: null,
name: null,
description: null,
theme: null,
logo: null,
banner: null
}
about: null,
ui: {
picture: null,
banner: null,
theme: null
}
},
themeOptions: [
'classic',
'bitcoin',
'flamingo',
'cyber',
'freedom',
'mint',
'autumn',
'monochrome',
'salvador'
]
}
},
methods: {
@ -67,9 +81,13 @@ async function marketConfig(path) {
removeRelay: async function (relay) {
this.$emit('remove-relay', relay)
},
updateUiConfig: function () {
console.log('### this.info', this.configData)
this.$emit('ui-config-update', this.configData)
}
},
created: async function () {
this.configData = { ...this.configData, ...this.config }
}
})
}