Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-04-19 21:42:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore: move qr params in a-popover

Browse source
This commit is contained in:
Shishkevich D. 2025-04-19 22:35:51 +07:00 committed by GitHub
parent 96fd7d0e7c
commit 7b1eca6ea4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
web/html/modals/qrcode_modal.html
View file

@ -1,9 +1,26 @@
{{define "modals/qrcodeModal"}} {{define "modals/qrcodeModal"}}
<a-modal id="qrcode-modal" v-model="qrModal.visible" :title="qrModal.title" <a-modal id="qrcode-modal" v-model="qrModal.visible" :closable="true" :class="themeSwitcher.currentTheme"
:dialog-style="isMobile ? { top: '18px' } : {}" :closable="true" :class="themeSwitcher.currentTheme" :footer="null" width="fit-content" :dialog-style="isMobile ? { top: '18px' } : {}" :footer="null">
width="fit-content">
<tr-qr-modal class="qr-modal"> <tr-qr-modal class="qr-modal">
<template #title>
<a-space direction="horizontal">
<span>[[ qrModal.title ]]</span>
<a-popover :overlay-class-name="themeSwitcher.currentTheme" trigger="click" placement="bottom">
<template slot="content">
<a-space direction="vertical">
<template v-for="(row, index) in qrModal.qrcodes">
<b>[[ row.remark ]]</b>
<a-space direction="horizontal">
<a-switch size="small" :checked="row.useIPv4" @click="toggleIPv4(index)"></a-switch>
<span>{{ i18n "useIPv4ForHost" }}</span>
</a-space>
</template>
</a-space>
</template>
<a-icon type="setting"></a-icon>
</a-popover>
</a-space>
</template>
<template v-if="app.subSettings.enable && qrModal.subId"> <template v-if="app.subSettings.enable && qrModal.subId">
<tr-qr-box class="qr-box"> <tr-qr-box class="qr-box">
<a-tag color="purple" class="qr-tag"><span>{{ i18n "pages.settings.subSettings"}}</span></a-tag> <a-tag color="purple" class="qr-tag"><span>{{ i18n "pages.settings.subSettings"}}</span></a-tag>
@ -24,18 +41,6 @@
</template> </template>
<template v-for="(row, index) in qrModal.qrcodes"> <template v-for="(row, index) in qrModal.qrcodes">
<tr-qr-box class="qr-box"> <tr-qr-box class="qr-box">
<div :style="{ display: 'flex', alignItems: 'center', marginBottom: '8px' }">
<span>{{ i18n "useIPv4ForHost" }}: </span>
<button
type="button"
role="switch"
:aria-checked="row.useIPv4"
:class="['ant-switch', 'ant-switch-small', { 'ant-switch-checked': row.useIPv4 }]"
@click="toggleIPv4(index)"
:style="{ marginLeft: '8px' }">
<span class="ant-switch-inner"></span>
</button>
</div>
<a-tag color="green" class="qr-tag"><span>[[ row.remark ]]</span></a-tag> <a-tag color="green" class="qr-tag"><span>[[ row.remark ]]</span></a-tag>
<tr-qr-bg class="qr-bg"> <tr-qr-bg class="qr-bg">
<canvas @click="copy(row.link)" :id="'qrCode-'+index" class="qr-cv"></canvas> <canvas @click="copy(row.link)" :id="'qrCode-'+index" class="qr-cv"></canvas>