diff --git a/web/html/common/qrcode_modal.html b/web/html/common/qrcode_modal.html index 43aa8cfe..49d03c4f 100644 --- a/web/html/common/qrcode_modal.html +++ b/web/html/common/qrcode_modal.html @@ -4,6 +4,9 @@ :class="themeSwitcher.darkCardClass" :footer="null" width="300px"> + + {{ i18n "pages.inbounds.email" }}: "[[ qrModal.clientName ]]" + {{ i18n "pages.inbounds.clickOnQRcode" }} @@ -16,14 +19,16 @@ inbound: new Inbound(), dbInbound: new DBInbound(), copyText: '', + clientName: null, qrcode: null, clipboard: null, visible: false, - show: function (title='', content='', dbInbound=new DBInbound(), copyText='') { + show: function (title='', content='', dbInbound=new DBInbound(), copyText='', clientName = null) { this.title = title; this.content = content; this.dbInbound = dbInbound; this.inbound = dbInbound.toInbound(); + this.clientName = clientName; if (ObjectUtil.isEmpty(copyText)) { this.copyText = content; } else { @@ -48,6 +53,7 @@ }; const qrModalApp = new Vue({ + delimiters: ['[[', ']]'], el: '#qrcode-modal', data: { qrModal: qrModal, diff --git a/web/html/xui/inbounds.html b/web/html/xui/inbounds.html index 78ce050c..b69d36b5 100644 --- a/web/html/xui/inbounds.html +++ b/web/html/xui/inbounds.html @@ -694,7 +694,7 @@ }, showQrcode(dbInbound, clientIndex) { const link = dbInbound.genLink(clientIndex); - qrModal.show('{{ i18n "qrCode"}}', link, dbInbound); + qrModal.show('{{ i18n "qrCode"}}', link, dbInbound, '', clientName); }, showInfo(dbInbound, index) { infoModal.show(dbInbound, index);