diff options
Diffstat (limited to 'web/html/common/qrcode_modal.html')
| -rw-r--r-- | web/html/common/qrcode_modal.html | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/web/html/common/qrcode_modal.html b/web/html/common/qrcode_modal.html index 3bda4c29..7cc317ef 100644 --- a/web/html/common/qrcode_modal.html +++ b/web/html/common/qrcode_modal.html @@ -8,13 +8,23 @@ {{ i18n "pages.inbounds.clickOnQRcode" }} </a-tag> <template v-if="app.subSettings.enable && qrModal.subId"> - <a-divider>Subscription</a-divider> - <div class="qr-bg"><canvas @click="copyToClipboard('qrCode-sub',genSubLink(qrModal.client.subId))" id="qrCode-sub" style="width: 100%; height: 100%;"></canvas></div> + <a-divider>{{ i18n "pages.settings.subSettings"}}</a-divider> + <canvas @click="copyToClipboard('qrCode-sub',genSubLink(qrModal.client.subId))" + id="qrCode-sub" + style="width: 100%; height: 100%; display: flex; border-radius: 1rem;"> + </canvas> + <a-divider>{{ i18n "pages.settings.subSettings"}} Json</a-divider> + <canvas @click="copyToClipboard('qrCode-subJson',genSubJsonLink(qrModal.client.subId))" + id="qrCode-subJson" + style="width: 100%; height: 100%; display: flex; border-radius: 1rem;"> + </canvas> </template> <a-divider>{{ i18n "pages.inbounds.client" }}</a-divider> <template v-for="(row, index) in qrModal.qrcodes"> - <a-tag color="green" style="margin: 10px 0; display: block; text-align: center;">[[ row.remark ]]</a-tag> - <div class="qr-bg"><canvas @click="copyToClipboard('qrCode-'+index, row.link)" :id="'qrCode-'+index" style="width: 100%; height: 100%;"></canvas></div> + <a-tag color="blue" style="margin: 10px 0; display: block; text-align: center;">[[ row.remark ]]</a-tag> + <canvas @click="copyToClipboard('qrCode-'+index, row.link)" + :id="'qrCode-'+index" + style="width: 100%; height: 100%; display: flex; border-radius: 1rem;"></canvas> </template> </a-modal> @@ -82,12 +92,16 @@ }, genSubLink(subID) { return app.subSettings.subURI+subID; + }, + genSubJsonLink(subID) { + return app.subSettings.subJsonURI+subID; } }, updated() { if (qrModal.client && qrModal.client.subId) { qrModal.subId = qrModal.client.subId; this.setQrCode("qrCode-sub", this.genSubLink(qrModal.subId)); + this.setQrCode("qrCode-subJson", this.genSubJsonLink(qrModal.subId)); } qrModal.qrcodes.forEach((element, index) => { this.setQrCode("qrCode-" + index, element.link); @@ -96,4 +110,4 @@ }); </script> -{{end}} +{{end}}
\ No newline at end of file |