diff options
| author | Hamidreza Ghavami <70919649+hamid-gh98@users.noreply.github.com> | 2023-05-12 20:23:05 +0300 |
|---|---|---|
| committer | Hamidreza Ghavami <70919649+hamid-gh98@users.noreply.github.com> | 2023-05-12 21:15:26 +0300 |
| commit | 41e929057484b19df644f92a342a1fd8736dc386 (patch) | |
| tree | 78326210a2112cf8751fd89dfd836d2747e2d055 /web/html/common/qrcode_modal.html | |
| parent | cf7d50617ba936c3903f261962fa64637444481d (diff) | |
Show client email in QR Modal
Diffstat (limited to 'web/html/common/qrcode_modal.html')
| -rw-r--r-- | web/html/common/qrcode_modal.html | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/web/html/common/qrcode_modal.html b/web/html/common/qrcode_modal.html index 2bd2f00f..855c349a 100644 --- a/web/html/common/qrcode_modal.html +++ b/web/html/common/qrcode_modal.html @@ -7,7 +7,10 @@ <a-tag color="green" style="margin-bottom: 10px;display: block;text-align: center;"> {{ i18n "pages.inbounds.clickOnQRcode" }} </a-tag> - <canvas @click="copyToClipboard()" id="qrCode" style="width: 100%; height: 100%;"></canvas> + <a-tag v-if="qrModal.clientName" color="orange" style="margin-bottom: 10px;display: block;text-align: center;"> + {{ i18n "pages.inbounds.email" }}: "[[ qrModal.clientName ]]" + </a-tag> + <canvas @click="copyToClipboard()" id="qrCode" style="width: 100%; height: 100%; margin-top: 10px;"></canvas> </a-modal> <script> @@ -18,14 +21,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 { @@ -50,6 +55,7 @@ }; const qrModalApp = new Vue({ + delimiters: ['[[', ']]'], el: '#qrcode-modal', data: { qrModal: qrModal, |