import { $gettext } from "./gettext";
import Dialog from "./dialog.js";
const QRCode = {
defaultOptions: {
title: false,
},
show(text, options = {}) {
options = Object.assign({}, QRCode.defaultOptions, options);
// Prepare content
const content = $('');
$('![]()
').attr('src', STUDIP.ASSETS_URL + 'images/logos/logoklein.png').appendTo(content);
if (options.title) {
$('').text(options.title).appendTo(content);
}
const code = $('
').appendTo(content);
const url = $('').appendTo(content);
$('', {
href: text,
target: '_blank'
}).text(text).appendTo(url);
if (options.description) {
const description = $('').text(options.description).appendTo(content);
}
// Actually generate code
code.qrcode({
text: text,
width: 1280,
height: 1280,
correctLevel: 3
});
// Prepare dialog
let buttons = {
fullscreen: {
text: $gettext('Vollbild'),
'class': 'fullscreen',
click () {
if (content[0].requestFullscreen) {
content[0].requestFullscreen();
} else if (content[0].msRequestFullscreen) {
content[0].msRequestFullscreen();
} else if (content[0].mozRequestFullScreen) {
content[0].mozRequestFullScreen();
} else if (content[0].webkitRequestFullscreen) {
content[0].webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
}
},
cancel: {
text: $gettext('Schließen'),
'class': 'cancel',
click () {
Dialog.close();
}
},
};
if (options.print) {
buttons = Object.assign({
print: {
text: $gettext('Drucken'),
'class': 'print',
click () {
var openWindow = window.open("", '_blank');
openWindow.document.write(`${content.html()}`);
// Copy qrcode canvas itself (as it is not included in .html()
openWindow.document.querySelector('canvas').getContext('2d').drawImage(
$('canvas', code)[0],
0,
0
);
openWindow.document.close();
openWindow.focus();
openWindow.print();
openWindow.close();
}
},
}, buttons);
}
Dialog.show(content, {
title: options.title ?? $gettext('QR-Code'),
size: 'big',
buttons
});
}
};
export default QRCode;