aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Control panel looking pretty good

Browse source
This commit is contained in:
Ben Arc 2021-04-13 20:15:33 +01:00
parent 0305132fc3
commit 80969fbd9b
2 changed files with 80 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

10
lnbits/extensions/copilot/templates/copilot/index.html
View file

@ -88,9 +88,7 @@
size="xs"
icon="face"
:color="($q.dark.isActive) ? 'grey-7' : 'grey-5'"
type="a"
:href="props.row.displayComposeUrl"
target="_blank"
@click="opencopilotCompose(props.row.id)"
>
<q-tooltip> Compose window </q-tooltip>
</q-btn>
@ -477,6 +475,12 @@
LNbits.utils.notifyApiError(error)
})
},
opencopilotCompose: function (copilot_id) {
let params =
'scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,width=900,height=500,left=200,top=200'
open('../copilot/cp/' + copilot_id, 'test', params)
},
deleteCopilotLink: function (chargeId) {
var self = this
var link = _.findWhere(this.CopilotLinks, {id: chargeId})

85
lnbits/extensions/copilot/templates/copilot/panel.html
View file

@ -2,26 +2,82 @@
<div class="q-pa-sm" style="width: 400px; margin: 10px auto">
<q-card class="my-card">
<div class="column">
<div class="col">
<center>
<q-btn
flat
round
dense
@click="openCompose"
icon="face"
style="font-size: 100px"
></q-btn>
</center>
</div>
<center>
<div class="col" style="margin: 15px; font-size: 25px">
{{ copilot.title }}
Title: {{ copilot.title }}
</div>
</center>
<div class="col">say what</div>
<div class="col" style="margin: 2px 15px; max-height: 100px">
<center>
<q-btn flat dense outline @click="openCompose"
>Open compose window</q-btn
>
</center>
</div>
<q-separator></q-separator>
<div class="col">
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col">
<q-toggle
v-model="formDialogCopilot.fullscreen_cam"
size="xl"
icon="face"
label="Fullscreen"
/>
</div>
<div class="col">
<q-input
class="q-pt-sm"
dense
outlined
bottom-slots
v-model="text"
label="iframe url"
>
<template v-slot:after>
<q-btn round dense flat icon="send" />
</template>
</q-input>
</div>
</div>
<div class="row q-pa-sm">
<div class="col">
<q-btn color="primary" label="Animation 1" />
</div>
<div class="col">
<q-btn color="primary" label="Animation 2" />
</div>
<div class="col">
<q-btn color="primary" label="Animation 3" />
</div>
</div>
<div class="column">
<div class="col">
<q-input
v-model="textareaModel"
filled
class="q-pl-sm q-pr-sm q-pb-sm"
clearable
type="textarea"
label="Notes"
:shadow-text="textareaShadowText"
@keydown="processTextareaFill"
@focus="processTextareaFill"
></q-input>
</div>
<div class="col">
<q-btn
color="primary"
label="Save notes"
class="q-ma-sm float-right"
></q-btn>
</div>
</div>
<q-separator></q-separator>
</div>
</div>
</q-card>
@ -41,7 +97,10 @@
counter: 1,
newTimeLeft: '',
lnbtc: true,
onbtc: false
onbtc: false,
formDialogCopilot: {
fullscreen_cam: true
}
}
},
methods: {