some extensions dialogs

some need a bit more work
This commit is contained in:
Tiago Vasconcelos
2026-03-19 09:54:27 +00:00
parent 32c893027d
commit 87a6514b62
+114 -129
View File
@@ -366,72 +366,72 @@
</div> </div>
</div> </div>
<q-dialog v-model="showUninstallDialog" position="top"> <lnbits-dialog
<q-card class="q-pa-lg"> :show="showUninstallDialog"
<h6 class="q-my-md text-primary" v-text="$t('warning')"></h6> :title="$t('warning')"
<p> :action="{
<span v-text="$t('extension_uninstall_warning')"></span><br /> handler: () => uninstallExtension(),
<span v-text="$t('confirm_continue')"></span> label: $t('uninstall_confirm')
</p> }"
:cancel-label="$t('cancel')"
@update:model-value="showUninstallDialog = $event"
>
<p>
<span v-text="$t('extension_uninstall_warning')"></span><br />
<span v-text="$t('confirm_continue')"></span>
</p>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-checkbox <q-checkbox
v-model="uninstallAndDropDb" v-model="uninstallAndDropDb"
value="false" value="false"
label="Cleanup database tables" label="Cleanup database tables"
> >
<q-tooltip class="bg-grey-8" anchor="bottom left" self="top left" <q-tooltip class="bg-grey-8" anchor="bottom left" self="top left"
><span v-text="$t('extension_db_drop_info')"></span> ><span v-text="$t('extension_db_drop_info')"></span>
</q-tooltip> </q-tooltip>
</q-checkbox> </q-checkbox>
</div> </div>
<div class="row q-mt-lg"> </lnbits-dialog>
<q-btn
outline
color="grey"
@click="uninstallExtension()"
v-text="$t('uninstall_confirm')"
></q-btn>
<q-btn
v-close-popup
flat
color="grey"
class="q-ml-auto"
v-text="$t('cancel')"
></q-btn>
</div>
</q-card>
</q-dialog>
<q-dialog v-model="showDropDbDialog" position="top"> <lnbits-dialog
<q-card v-if="selectedExtension" class="q-pa-lg"> v-if="selectedExtension"
<h6 class="q-my-md text-primary" v-text="$t('warning')"></h6> :show="showDropDbDialog"
<p><span v-text="$t('extension_db_drop_warning')"></span><br /></p> :title="$t('warning')"
<q-input :action="{
v-model="dropDbExtensionId" handler: () => dropExtensionDb(),
:label="selectedExtension.id" label: $t('confirm'),
></q-input> color: 'red',
<br /> disable: dropDbExtensionId !== selectedExtension.id
<p v-text="$t('confirm_continue')"></p> }"
:cancel-label="$t('cancel')"
@update:model-value="showDropDbDialog = $event"
>
<p><span v-text="$t('extension_db_drop_warning')"></span><br /></p>
<q-input
v-model="dropDbExtensionId"
:label="selectedExtension.id"
></q-input>
<br />
<p v-text="$t('confirm_continue')"></p>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
:disable="dropDbExtensionId !== selectedExtension.id" :disable="dropDbExtensionId !== selectedExtension.id"
outline outline
color="red" color="red"
@click="dropExtensionDb()" @click="dropExtensionDb()"
v-text="$t('confirm')" v-text="$t('confirm')"
></q-btn> ></q-btn>
<q-btn <q-btn
v-close-popup v-close-popup
flat flat
color="grey" color="grey"
class="q-ml-auto" class="q-ml-auto"
v-text="$t('cancel')" v-text="$t('cancel')"
></q-btn> ></q-btn>
</div> </div>
</q-card> </lnbits-dialog>
</q-dialog>
<q-dialog v-model="showManageExtensionDialog" position="top"> <q-dialog v-model="showManageExtensionDialog" position="top">
<q-card v-if="selectedRelease" class="q-pa-lg lnbits__dialog-card"> <q-card v-if="selectedRelease" class="q-pa-lg lnbits__dialog-card">
@@ -1244,76 +1244,61 @@
</q-card-section> </q-card-section>
</q-card> </q-card>
</q-dialog> </q-dialog>
<q-dialog v-model="paymentDialog.show" position="top"> <lnbits-dialog
<q-card class="q-pa-md lnbits__dialog-card"> :show="paymentDialog.show"
<q-card-section> :cancel-label="$t('close')"
<q-responsive :ratio="1" class="q-mx-xl q-mb-xl"> @update:model-value="paymentDialog.show = $event"
<lnbits-qrcode >
:value="paymentDialog.invoice" <q-responsive :ratio="1" class="q-mx-xl q-mb-xl">
:options="{width: 800}" <lnbits-qrcode
class="rounded-borders" :value="paymentDialog.invoice"
></lnbits-qrcode> :options="{width: 800}"
</q-responsive> class="rounded-borders"
</q-card-section> ></lnbits-qrcode>
<q-card-actions align="between"> </q-responsive>
<q-btn v-close-popup flat color="grey" :label="$t('close')"></q-btn> </lnbits-dialog>
</q-card-actions>
</q-card>
</q-dialog>
<q-dialog v-model="showUpdateAllDialog" position="top">
<q-card class="q-pa-md q-pt-md lnbits__dialog-card">
<div class="row">
<div class="col-12">
<h6 class="q-my-md" v-text="$t('update')"></h6>
</div>
</div>
<div v-if="updatableExtensions?.length > 1" class="row">
<div class="col-12">
<q-btn
outline
color="grey"
@click="selectAllUpdatableExtensionss()"
v-text="$t('select_all')"
></q-btn>
</div>
</div>
<q-virtual-scroll :items="updatableExtensions" style="max-height: 400px"> <lnbits-dialog
<template v-slot="{item, index}"> :show="showUpdateAllDialog"
<div class="row"> :title="$t('update')"
<div class="q-col"> :action="{
<q-checkbox handler: () => updateSelectedExtensions(),
v-model="item.selectedForUpdate" label: $t('update')
:disable="item.isUpgraded" }"
value="false" :cancel-label="$t('cancel')"
:label="item.name + ` (v${item.latestRelease?.version})`" @update:model-value="showUpdateAllDialog = $event"
> >
<q-spinner-bars <div v-if="updatableExtensions?.length > 1" class="row">
v-if="item.inProgress" <div class="col-12 q-mb-md">
color="primary"
size="1.5em"
class="q-ml-md"
></q-spinner-bars>
</q-checkbox>
</div>
</div>
</template>
</q-virtual-scroll>
<div class="row q-mt-lg">
<q-btn <q-btn
@click="updateSelectedExtensions()"
outline outline
color="grey" color="grey"
v-text="$t('update')" @click="selectAllUpdatableExtensionss()"
></q-btn> v-text="$t('select_all')"
<q-btn
v-close-popup
flat
color="grey"
class="q-ml-auto"
v-text="$t('cancel')"
></q-btn> ></q-btn>
</div> </div>
</q-card> </div>
</q-dialog>
<q-virtual-scroll :items="updatableExtensions" style="max-height: 400px">
<template v-slot="{item, index}">
<div class="row">
<div class="q-col">
<q-checkbox
v-model="item.selectedForUpdate"
:disable="item.isUpgraded"
value="false"
:label="item.name + ` (v${item.latestRelease?.version})`"
>
<q-spinner-bars
v-if="item.inProgress"
color="primary"
size="1.5em"
class="q-ml-md"
></q-spinner-bars>
</q-checkbox>
</div>
</div>
</template>
</q-virtual-scroll>
</lnbits-dialog>
</template> </template>