expansion button and copy button
This commit is contained in:
callebtc
parent
b748dc3cb0
commit
55b84de873
1 changed files with 147 additions and 134 deletions
|
|
@ -99,8 +99,18 @@
|
||||||
<q-card>
|
<q-card>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-9">
|
<div class="col">
|
||||||
<div class="text-weight-bold">
|
<div class="text-weight-bold">
|
||||||
|
<q-btn
|
||||||
|
flat
|
||||||
|
dense
|
||||||
|
size="0.6rem"
|
||||||
|
class="q-px-none q-mx-none"
|
||||||
|
color="grey"
|
||||||
|
icon="content_copy"
|
||||||
|
@click="copyText(`wss://${host}/nostrclient/api/v1/relay`)"
|
||||||
|
><q-tooltip>Copy address</q-tooltip></q-btn
|
||||||
|
>
|
||||||
Your endpoint:
|
Your endpoint:
|
||||||
<q-badge
|
<q-badge
|
||||||
outline
|
outline
|
||||||
|
|
@ -109,142 +119,142 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3">
|
|
||||||
<q-btn @click="toggleTestPanel" :label="testData.show ? 'Close' : 'Test Endpoint' " unelevated color="primary" class="float-right"
|
|
||||||
></q-btn
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-separator v-if="testData.show"></q-separator>
|
<q-expansion-item
|
||||||
<q-card-section v-if="testData.show">
|
group="advanced"
|
||||||
<div class="row">
|
icon="settings"
|
||||||
<div class="col-3">
|
label="Test this endpoint"
|
||||||
<span>Sender Private Key:</span>
|
>
|
||||||
|
<q-separator></q-separator>
|
||||||
|
<q-card-section>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<span>Sender Private Key:</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-input
|
||||||
|
outlined
|
||||||
|
v-model="testData.senderPrivateKey"
|
||||||
|
dense
|
||||||
|
filled
|
||||||
|
label="Private Key (optional)"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-9">
|
<div class="row q-mt-sm q-mb-lg">
|
||||||
<q-input
|
<div class="col-3"></div>
|
||||||
outlined
|
<div class="col-9">
|
||||||
v-model="testData.senderPrivateKey"
|
<q-badge color="yellow" text-color="black">
|
||||||
dense
|
<span>
|
||||||
filled
|
No not use your real private key! Leave empty for a randomly
|
||||||
label="Test Private Key (optional)"
|
generated key.</span
|
||||||
></q-input>
|
>
|
||||||
|
</q-badge>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div v-if="testData.senderPublicKey" class="row">
|
||||||
<div class="row q-mt-sm q-mb-lg">
|
<div class="col-3">
|
||||||
<div class="col-3"></div>
|
<span>Sender Public Key:</span>
|
||||||
<div class="col-9">
|
</div>
|
||||||
<q-badge color="yellow" text-color="black">
|
<div class="col-9">
|
||||||
<span
|
<q-input
|
||||||
>This should be a temp private (throw away). No not user your
|
outlined
|
||||||
own private key!
|
v-model="testData.senderPublicKey"
|
||||||
</span>
|
dense
|
||||||
</q-badge>
|
readonly
|
||||||
|
filled
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row q-mt-md">
|
||||||
|
<div class="col-3">
|
||||||
|
<span>Test Message:</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-input
|
||||||
|
outlined
|
||||||
|
v-model="testData.message"
|
||||||
|
dense
|
||||||
|
filled
|
||||||
|
rows="3"
|
||||||
|
type="textarea"
|
||||||
|
label="Test Message *"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row q-mt-md">
|
||||||
|
<div class="col-3">
|
||||||
|
<span>Receiver Public Key:</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-input
|
||||||
|
outlined
|
||||||
|
v-model="testData.recieverPublicKey"
|
||||||
|
dense
|
||||||
|
filled
|
||||||
|
label="Public Key (hex or npub) *"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row q-mt-sm q-mb-lg">
|
||||||
|
<div class="col-3"></div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-badge color="yellow" text-color="black">
|
||||||
|
<span
|
||||||
|
>This is the recipient of the message. Field required.</span
|
||||||
|
>
|
||||||
|
</q-badge>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<q-btn
|
||||||
|
:disabled="!testData.recieverPublicKey || !testData.message"
|
||||||
|
@click="sendTestMessage"
|
||||||
|
unelevated
|
||||||
|
color="primary"
|
||||||
|
class="float-right"
|
||||||
|
>Send Message</q-btn
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-card-section>
|
||||||
|
|
||||||
<q-badge color="yellow" text-color="black">
|
<q-separator></q-separator>
|
||||||
<span> It is optional. One can be generated for you!</span>
|
<q-card-section>
|
||||||
</q-badge>
|
<div class="row q-mt-md">
|
||||||
|
<div class="col-3">
|
||||||
|
<span>Sent Data:</span>
|
||||||
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-input
|
||||||
|
outlined
|
||||||
|
v-model="testData.sentData"
|
||||||
|
dense
|
||||||
|
filled
|
||||||
|
rows="5"
|
||||||
|
type="textarea"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row q-mt-md">
|
||||||
<div v-if="testData.senderPublicKey" class="row">
|
<div class="col-3">
|
||||||
<div class="col-3">
|
<span>Received Data:</span>
|
||||||
<span>Sender Public Key:</span>
|
</div>
|
||||||
|
<div class="col-9">
|
||||||
|
<q-input
|
||||||
|
outlined
|
||||||
|
v-model="testData.receivedData"
|
||||||
|
dense
|
||||||
|
filled
|
||||||
|
rows="5"
|
||||||
|
type="textarea"
|
||||||
|
></q-input>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-9">
|
</q-card-section>
|
||||||
<q-input
|
</q-expansion-item>
|
||||||
outlined
|
|
||||||
v-model="testData.senderPublicKey"
|
|
||||||
dense
|
|
||||||
readonly
|
|
||||||
filled
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row q-mt-md">
|
|
||||||
<div class="col-3">
|
|
||||||
<span>Test Message:</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-9">
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
v-model="testData.message"
|
|
||||||
dense
|
|
||||||
filled
|
|
||||||
rows="3"
|
|
||||||
type="textarea"
|
|
||||||
label="Test Message *"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row q-mt-md">
|
|
||||||
<div class="col-3">
|
|
||||||
<span>Receiver Public Key:</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-9">
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
v-model="testData.recieverPublicKey"
|
|
||||||
dense
|
|
||||||
filled
|
|
||||||
label="Public Key (hex or npub) *"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row q-mt-sm q-mb-lg">
|
|
||||||
<div class="col-3"></div>
|
|
||||||
<div class="col-9">
|
|
||||||
<q-badge color="yellow" text-color="black">
|
|
||||||
<span>This is the recipient of the message. Field required.</span>
|
|
||||||
</q-badge>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<q-btn
|
|
||||||
:disabled="!testData.recieverPublicKey || !testData.message"
|
|
||||||
@click="sendTestMessage"
|
|
||||||
unelevated
|
|
||||||
color="primary"
|
|
||||||
class="float-right"
|
|
||||||
>Send Message</q-btn
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
|
||||||
<q-separator v-if="testData.show"></q-separator>
|
|
||||||
<q-card-section v-if="testData.show">
|
|
||||||
<div class="row q-mt-md">
|
|
||||||
<div class="col-3">
|
|
||||||
<span>Sent Data:</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-9">
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
v-model="testData.sentData"
|
|
||||||
dense
|
|
||||||
filled
|
|
||||||
rows="5"
|
|
||||||
type="textarea"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row q-mt-md">
|
|
||||||
<div class="col-3">
|
|
||||||
<span>Received Data:</span>
|
|
||||||
</div>
|
|
||||||
<div class="col-9">
|
|
||||||
<q-input
|
|
||||||
outlined
|
|
||||||
v-model="testData.receivedData"
|
|
||||||
dense
|
|
||||||
filled
|
|
||||||
rows="5"
|
|
||||||
type="textarea"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -421,18 +431,21 @@
|
||||||
LNbits.utils.notifyApiError(error)
|
LNbits.utils.notifyApiError(error)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
toggleTestPanel: async function() {
|
toggleTestPanel: async function () {
|
||||||
if (this.testData.show) {
|
if (this.testData.show) {
|
||||||
await this.hideTestPannel()
|
await this.hideTestPannel()
|
||||||
} else {
|
} else {
|
||||||
await this.showTestPanel()
|
await this.showTestPanel()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
showTestPanel: async function() {
|
showTestPanel: async function () {
|
||||||
this.testData = {
|
this.testData = {
|
||||||
show: true,
|
show: true,
|
||||||
wsConnection: null,
|
wsConnection: null,
|
||||||
senderPrivateKey: this.$q.localStorage.getItem('lnbits.nostrclient.senderPrivateKey') || '',
|
senderPrivateKey:
|
||||||
|
this.$q.localStorage.getItem(
|
||||||
|
'lnbits.nostrclient.senderPrivateKey'
|
||||||
|
) || '',
|
||||||
recieverPublicKey: null,
|
recieverPublicKey: null,
|
||||||
message: null,
|
message: null,
|
||||||
sentData: '',
|
sentData: '',
|
||||||
|
|
@ -441,7 +454,7 @@
|
||||||
await this.closeWebsocket()
|
await this.closeWebsocket()
|
||||||
this.connectToWebsocket()
|
this.connectToWebsocket()
|
||||||
},
|
},
|
||||||
hideTestPannel: async function() {
|
hideTestPannel: async function () {
|
||||||
await this.closeWebsocket()
|
await this.closeWebsocket()
|
||||||
this.testData = {
|
this.testData = {
|
||||||
show: false,
|
show: false,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue