cssjs-func-lib/flag.js
2022-02-25 13:46:08 +01:00

62 lines
1.6 KiB
JavaScript

(function(connector) {
'use strict';
var panel = document.createElement('div');
panel.id = 'flag-panel';
var tab = document.createElement('span');
tab.innerHTML = '⚑';
tab.addEventListener('mouseenter',function(ev) {
if(!panel.classList.contains('opened')) {
panel.classList.add('opened');
}
panel.classList.toggle('open');
});
var button = document.createElement('button');
var flag = false;
button.innerHTML = 'Problem melden';
button.addEventListener('click',function(ev) {
flag = document.createElement('div');
flag.id = 'flag-overlay';
var iframe = document.createElement('iframe');
iframe.src= '';
iframe.name = 'flag-iframe';
flag.appendChild(iframe);
document.body.appendChild(flag);
var form = document.createElement('form');
form.action = connector;
form.target = 'flag-iframe';
form.method = 'POST';
const screenshotTarget = document.body;
/*html2canvas(screenshotTarget).then((canvas) => {
const base64image = canvas.toDataURL("image/png");
window.location.href = base64image;
});*/
var fields = {
r:'ref',
u:'url',
s:'screen'
}
for(var f in fields) {
var inp = document.createElement('input');
inp.type = 'hidden';
inp.name = f;
inp.value = fields[f]
form.appendChild(inp);
}
form.style = 'display:none';
document.body.appendChild(form);
form.submit();
})
panel.appendChild(tab);
panel.appendChild(button);
document.body.appendChild(panel);
})('https://troy-grunt.de/feedback');