|
@@ -1,9 +1,10 @@
|
|
|
{{define "qrcodeModal"}}
|
|
|
<a-modal id="qrcode-modal" v-model="qrModal.visible" :title="qrModal.title"
|
|
|
- :closable="true" width="300px" :ok-text="qrModal.okText"
|
|
|
+ :closable="true"
|
|
|
:class="siderDrawer.isDarkTheme ? darkClass : ''"
|
|
|
- cancel-text='{{ i18n "close" }}' :ok-button-props="{attrs:{id:'qr-modal-ok-btn'}}">
|
|
|
- <a-tag color="green" style="margin-bottom: 10px;display: block;text-align: center;" >{{ i18n "pages.inbounds.clickOnQRcode" }}</a-tag>
|
|
|
+ :footer="null"
|
|
|
+ width="300px">
|
|
|
+ <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-modal>
|
|
|
|
|
@@ -14,17 +15,15 @@
|
|
|
content: '',
|
|
|
inbound: new Inbound(),
|
|
|
dbInbound: new DBInbound(),
|
|
|
- okText: '',
|
|
|
copyText: '',
|
|
|
qrcode: null,
|
|
|
clipboard: null,
|
|
|
visible: false,
|
|
|
- show: function (title='', content='', dbInbound=new DBInbound(),okText='{{ i18n "copy" }}', copyText='') {
|
|
|
+ show: function (title='', content='', dbInbound=new DBInbound(), copyText='') {
|
|
|
this.title = title;
|
|
|
this.content = content;
|
|
|
this.dbInbound = dbInbound;
|
|
|
this.inbound = dbInbound.toInbound();
|
|
|
- this.okText = okText;
|
|
|
if (ObjectUtil.isEmpty(copyText)) {
|
|
|
this.copyText = content;
|
|
|
} else {
|
|
@@ -32,13 +31,6 @@
|
|
|
}
|
|
|
this.visible = true;
|
|
|
qrModalApp.$nextTick(() => {
|
|
|
- this.clipboard = new ClipboardJS('#qr-modal-ok-btn', {
|
|
|
- text: () => this.copyText,
|
|
|
- });
|
|
|
- this.clipboard.on('success', () => {
|
|
|
- app.$message.success('{{ i18n "copied" }}')
|
|
|
- this.clipboard.destroy();
|
|
|
- });
|
|
|
if (this.qrcode === null) {
|
|
|
this.qrcode = new QRious({
|
|
|
element: document.querySelector('#qrCode'),
|