From bb501daeb1cc54ae4a778bb57e4f3ad780a79e9e Mon Sep 17 00:00:00 2001
From: troy <git@seemsleg.it>
Date: Thu, 21 Jul 2022 14:51:04 +0200
Subject: [PATCH] flag center und abbruch wenn man auf overlay klick

---
 flag.css        | 21 +++++++++++++--------
 flag.js         | 20 ++++++++++++++++----
 flag.min.css    |  2 +-
 flag.min.js     |  2 +-
 flag.min.js.map |  6 ++++--
 5 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/flag.css b/flag.css
index d02e540..ac0d981 100644
--- a/flag.css
+++ b/flag.css
@@ -32,24 +32,29 @@
   z-index: 9999;
 }
 
-#flag-overlay iframe {
-  width: 80%;
-  min-width: 350px;
-  margin: 0 auto;
-  margin-top: 1vh;
-  display: block;
-  background-color: #fff;
+#flag-iframe {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10000;
+  background-color: #000;
   border: 3px solid #000;
   border-radius: 1em;
   overflow-y: scroll;
   height: 97vh;
+  min-width: 350px;
+  width: 80%;
+  display: block;
+  margin: 0 auto;
+  margin-top: 1vh;
 }
 
 #flag-overlay.closing {
   transition: opacity 0.5s;
 }
 
-#flag-overlay.closing iframe {
+#flag-iframe.closing {
   transition: margin 1s ease, width 1s ease, height 1s ease;
   width: 350px;
   height: 170px;
diff --git a/flag.js b/flag.js
index fbef51f..91e191c 100644
--- a/flag.js
+++ b/flag.js
@@ -14,13 +14,16 @@
 
   var closeFlag = function(ev) {
     flag.classList.add('closing');
+    iframe.classList.add('closing');
     setTimeout(function() {
       flag.style.opacity = 0;
+      iframe.style.opacity = 0;
       setTimeout(function() {
         flag.remove();
+        iframe.remove();
         document.body.style.overflowY = 'auto';
       },500);
-    },3000);
+    },1000);
   }
 
   var openFlag = function(ev, infos=false) {
@@ -30,8 +33,15 @@
     iframe = document.createElement('iframe');
     iframe.src= '';
     iframe.name = 'flag-iframe';
-    flag.appendChild(iframe);
+    iframe.id = 'flag-iframe';
     document.body.appendChild(flag);
+    setTimeout(function() {
+      flag.addEventListener('click',function(){
+        closeFlag();
+        //console.log('close2');
+      });
+    },3000);
+    document.body.appendChild(iframe);
 
     var form = document.createElement('form');
     form.action = connector+"?style="+style;
@@ -54,6 +64,7 @@
         fields[i] = infos[i];
       }
     }
+    console.log('Fields',fields);
 
     for(var f in fields) {
       var inp = document.createElement('input');
@@ -66,6 +77,7 @@
     form.style = 'display:none';
     document.body.appendChild(form);
     form.submit();
+    form.remove();
   }
 
   var panel = document.createElement('div');
@@ -88,6 +100,7 @@
   window.addEventListener("message", (event) => {
     //console.log(event);
     if(event.data == 'close') {
+      //console.log('close1');
       closeFlag();
     }
   });
@@ -97,8 +110,7 @@
     for(var l=0;l<links.length;l++) {
       //console.log(l,links[l]);
       links[l].addEventListener('click',function(ev) {
-
-        openFlag(ev,ev.dataset);
+        openFlag(ev,ev.target.dataset);
         ev.preventDefault();
         return false;
       });
diff --git a/flag.min.css b/flag.min.css
index b72d50b..f3cb6fe 100644
--- a/flag.min.css
+++ b/flag.min.css
@@ -1 +1 @@
-#flag-panel{position:fixed;bottom:0;right:0;width:150px;border:1px solid #fff;border-top-left-radius:15px;border-bottom-left-radius:15px;margin-right:-130px}#flag-panel.open{margin-right:0!important}#flag-panel.opened{transition:margin-right 1s}#flag-panel span{margin-right:10px;margin-left:5px}#flag-overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999}#flag-overlay iframe{width:80%;min-width:350px;margin:0 auto;margin-top:1vh;display:block;background-color:#fff;border:3px solid #000;border-radius:1em;overflow-y:scroll;height:97vh}#flag-overlay.closing{transition:opacity .5s}#flag-overlay.closing iframe{transition:margin 1s ease,width 1s ease,height 1s ease;width:350px;height:170px;margin-top:calc(50vh - 50px);overflow:hidden}
\ No newline at end of file
+#flag-panel{position:fixed;bottom:0;right:0;width:150px;border:1px solid #fff;border-top-left-radius:15px;border-bottom-left-radius:15px;margin-right:-130px}#flag-panel.open{margin-right:0!important}#flag-panel.opened{transition:margin-right 1s}#flag-panel span{margin-right:10px;margin-left:5px}#flag-overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999}#flag-iframe{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;background-color:#000;border:3px solid #000;border-radius:1em;overflow-y:scroll;height:97vh;min-width:350px;width:80%;display:block;margin:0 auto;margin-top:1vh}#flag-overlay.closing{transition:opacity .5s}#flag-iframe.closing{transition:margin 1s ease,width 1s ease,height 1s ease;width:350px;height:170px;margin-top:calc(50vh - 50px);overflow:hidden}
\ No newline at end of file
diff --git a/flag.min.js b/flag.min.js
index 64b8ecd..7adcb06 100644
--- a/flag.min.js
+++ b/flag.min.js
@@ -1,2 +1,2 @@
-!function(connector){"use strict";var style="default",iframe,flag;document.body.dataset.feedbackstyle&&(style=document.body.dataset.feedbackstyle);var col="light",closeFlag=function(ev){flag.classList.add("closing"),setTimeout((function(){flag.style.opacity=0,setTimeout((function(){flag.remove(),document.body.style.overflowY="auto"}),500)}),3e3)},openFlag=function(ev,infos=!1){flag=document.createElement("div"),document.body.style.overflowY="hidden",flag.id="flag-overlay",(iframe=document.createElement("iframe")).src="",iframe.name="flag-iframe",flag.appendChild(iframe),document.body.appendChild(flag);var form=document.createElement("form");form.action=connector+"?style="+style,form.target="flag-iframe",form.method="POST";const screenshotTarget=document.body;var fields={};if(fields.s=window.location.hostname,document.referrer&&(fields.r=document.referrer),window.location.href&&(fields.u=window.location.href),navigator.userAgent&&(fields.a=navigator.userAgent),fields.d=window.screen.width+"x"+window.screen.height+" ("+window.screen.colorDepth+"bit)",infos&&typeof infos==typeof{})for(var i in infos)fields[i]=infos[i];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=document.createElement("div");panel.id="flag-panel";var tab=document.createElement("span");tab.innerHTML="&#9873;",tab.addEventListener("mouseenter",(function(ev){panel.classList.contains("opened")||panel.classList.add("opened"),panel.classList.toggle("open")}));var button=document.createElement("button");button.innerHTML="Problem melden",button.addEventListener("click",openFlag),window.addEventListener("message",event=>{"close"==event.data&&closeFlag()});var links=document.getElementsByClassName("flag-link");if(links.length>0)for(var l=0;l<links.length;l++)links[l].addEventListener("click",(function(ev){return openFlag(ev,ev.dataset),ev.preventDefault(),!1}));panel.appendChild(tab),panel.appendChild(button),document.body.appendChild(panel)}("https://troy-grunt.de/feedback");
+!function(connector){"use strict";var style="default",iframe,flag;document.body.dataset.feedbackstyle&&(style=document.body.dataset.feedbackstyle);var col="light",closeFlag=function(ev){flag.classList.add("closing"),iframe.classList.add("closing"),setTimeout((function(){flag.style.opacity=0,iframe.style.opacity=0,setTimeout((function(){flag.remove(),iframe.remove(),document.body.style.overflowY="auto"}),500)}),1e3)},openFlag=function(ev,infos=!1){flag=document.createElement("div"),document.body.style.overflowY="hidden",flag.id="flag-overlay",(iframe=document.createElement("iframe")).src="",iframe.name="flag-iframe",iframe.id="flag-iframe",document.body.appendChild(flag),setTimeout((function(){flag.addEventListener("click",(function(){closeFlag()}))}),3e3),document.body.appendChild(iframe);var form=document.createElement("form");form.action=connector+"?style="+style,form.target="flag-iframe",form.method="POST";const screenshotTarget=document.body;var fields={};if(fields.s=window.location.hostname,document.referrer&&(fields.r=document.referrer),window.location.href&&(fields.u=window.location.href),navigator.userAgent&&(fields.a=navigator.userAgent),fields.d=window.screen.width+"x"+window.screen.height+" ("+window.screen.colorDepth+"bit)",infos&&typeof infos==typeof{})for(var i in infos)fields[i]=infos[i];for(var f in console.log("Fields",fields),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(),form.remove()},panel=document.createElement("div");panel.id="flag-panel";var tab=document.createElement("span");tab.innerHTML="&#9873;",tab.addEventListener("mouseenter",(function(ev){panel.classList.contains("opened")||panel.classList.add("opened"),panel.classList.toggle("open")}));var button=document.createElement("button");button.innerHTML="Problem melden",button.addEventListener("click",openFlag),window.addEventListener("message",event=>{"close"==event.data&&closeFlag()});var links=document.getElementsByClassName("flag-link");if(links.length>0)for(var l=0;l<links.length;l++)links[l].addEventListener("click",(function(ev){return openFlag(ev,ev.target.dataset),ev.preventDefault(),!1}));panel.appendChild(tab),panel.appendChild(button),document.body.appendChild(panel)}("https://troy-grunt.de/feedback");
 //# sourceMappingURL=flag.min.js.map
\ No newline at end of file
diff --git a/flag.min.js.map b/flag.min.js.map
index cedc869..d5c5c0f 100644
--- a/flag.min.js.map
+++ b/flag.min.js.map
@@ -28,6 +28,7 @@
         "src",
         "name",
         "appendChild",
+        "addEventListener",
         "form",
         "action",
         "target",
@@ -47,6 +48,8 @@
         "colorDepth",
         "i",
         "f",
+        "console",
+        "log",
         "inp",
         "type",
         "value",
@@ -54,7 +57,6 @@
         "panel",
         "tab",
         "innerHTML",
-        "addEventListener",
         "contains",
         "toggle",
         "button",
@@ -66,6 +68,6 @@
         "l",
         "preventDefault"
     ],
-    "mappings": "CAAA,SAAUA,WACR,aAEA,IAAIC,MAAQ,UAKRC,OACAC,KALDC,SAASC,KAAKC,QAAQC,gBACvBN,MAAQG,SAASC,KAAKC,QAAQC,eAKhC,IAAIC,IAAM,QAINC,UAAY,SAASC,IACvBP,KAAKQ,UAAUC,IAAI,WACnBC,YAAW,WACTV,KAAKF,MAAMa,QAAU,EACrBD,YAAW,WACTV,KAAKY,SACLX,SAASC,KAAKJ,MAAMe,UAAY,SAChC,OACF,MAGAC,SAAW,SAASP,GAAIQ,OAAM,GAChCf,KAAOC,SAASe,cAAc,OAC9Bf,SAASC,KAAKJ,MAAMe,UAAY,SAChCb,KAAKiB,GAAK,gBACVlB,OAASE,SAASe,cAAc,WACzBE,IAAK,GACZnB,OAAOoB,KAAO,cACdnB,KAAKoB,YAAYrB,QACjBE,SAASC,KAAKkB,YAAYpB,MAE1B,IAAIqB,KAAOpB,SAASe,cAAc,QAClCK,KAAKC,OAASzB,UAAU,UAAUC,MAClCuB,KAAKE,OAAS,cACdF,KAAKG,OAAS,OACd,MAAMC,iBAAmBxB,SAASC,KAMlC,IAAIwB,OAAS,GAMb,GALAA,OAAU,EAAIC,OAAOC,SAASC,SAC3B5B,SAAS6B,WAAWJ,OAAU,EAAIzB,SAAS6B,UAC3CH,OAAOC,SAASG,OAAOL,OAAU,EAAIC,OAAOC,SAASG,MACrDC,UAAUC,YAAYP,OAAU,EAAIM,UAAUC,WACjDP,OAAU,EAAOC,OAAOO,OAAOC,MAAM,IAAIR,OAAOO,OAAOE,OAAO,KAAKT,OAAOO,OAAOG,WAAW,OACzFtB,cAAe,aAAiB,GACjC,IAAI,IAAIuB,KAAKvB,MACXW,OAAOY,GAAKvB,MAAMuB,GAItB,IAAI,IAAIC,KAAKb,OAAQ,CACnB,IAAIc,IAAMvC,SAASe,cAAc,SACjCwB,IAAIC,KAAO,SACXD,IAAIrB,KAAOoB,EACXC,IAAIE,MAAQhB,OAAOa,GACnBlB,KAAKD,YAAYoB,KAGnBnB,KAAKvB,MAAQ,eACbG,SAASC,KAAKkB,YAAYC,MAC1BA,KAAKsB,UAGHC,MAAQ3C,SAASe,cAAc,OACnC4B,MAAM3B,GAAK,aAEX,IAAI4B,IAAM5C,SAASe,cAAc,QACjC6B,IAAIC,UAAY,UAChBD,IAAIE,iBAAiB,cAAa,SAASxC,IACrCqC,MAAMpC,UAAUwC,SAAS,WAC3BJ,MAAMpC,UAAUC,IAAI,UAEtBmC,MAAMpC,UAAUyC,OAAO,WAGzB,IAAIC,OAASjD,SAASe,cAAc,UAEpCkC,OAAOJ,UAAY,iBACnBI,OAAOH,iBAAiB,QAAQjC,UAEhCa,OAAOoB,iBAAiB,UAAYI,QAEjB,SAAdA,MAAMC,MACP9C,cAIJ,IAAI+C,MAAQpD,SAASqD,uBAAuB,aAC5C,GAAGD,MAAME,OAAS,EAChB,IAAI,IAAIC,EAAE,EAAEA,EAAEH,MAAME,OAAOC,IAEzBH,MAAMG,GAAGT,iBAAiB,SAAQ,SAASxC,IAIzC,OAFAO,SAASP,GAAGA,GAAGJ,SACfI,GAAGkD,kBACI,KAKbb,MAAMxB,YAAYyB,KAClBD,MAAMxB,YAAY8B,QAElBjD,SAASC,KAAKkB,YAAYwB,OA9G5B,CA+GG",
+    "mappings": "CAAA,SAAUA,WACR,aAEA,IAAIC,MAAQ,UAKRC,OACAC,KALDC,SAASC,KAAKC,QAAQC,gBACvBN,MAAQG,SAASC,KAAKC,QAAQC,eAKhC,IAAIC,IAAM,QAINC,UAAY,SAASC,IACvBP,KAAKQ,UAAUC,IAAI,WACnBV,OAAOS,UAAUC,IAAI,WACrBC,YAAW,WACTV,KAAKF,MAAMa,QAAU,EACrBZ,OAAOD,MAAMa,QAAU,EACvBD,YAAW,WACTV,KAAKY,SACLb,OAAOa,SACPX,SAASC,KAAKJ,MAAMe,UAAY,SAChC,OACF,MAGAC,SAAW,SAASP,GAAIQ,OAAM,GAChCf,KAAOC,SAASe,cAAc,OAC9Bf,SAASC,KAAKJ,MAAMe,UAAY,SAChCb,KAAKiB,GAAK,gBACVlB,OAASE,SAASe,cAAc,WACzBE,IAAK,GACZnB,OAAOoB,KAAO,cACdpB,OAAOkB,GAAK,cACZhB,SAASC,KAAKkB,YAAYpB,MAC1BU,YAAW,WACTV,KAAKqB,iBAAiB,SAAQ,WAC5Bf,iBAGF,KACFL,SAASC,KAAKkB,YAAYrB,QAE1B,IAAIuB,KAAOrB,SAASe,cAAc,QAClCM,KAAKC,OAAS1B,UAAU,UAAUC,MAClCwB,KAAKE,OAAS,cACdF,KAAKG,OAAS,OACd,MAAMC,iBAAmBzB,SAASC,KAMlC,IAAIyB,OAAS,GAMb,GALAA,OAAU,EAAIC,OAAOC,SAASC,SAC3B7B,SAAS8B,WAAWJ,OAAU,EAAI1B,SAAS8B,UAC3CH,OAAOC,SAASG,OAAOL,OAAU,EAAIC,OAAOC,SAASG,MACrDC,UAAUC,YAAYP,OAAU,EAAIM,UAAUC,WACjDP,OAAU,EAAOC,OAAOO,OAAOC,MAAM,IAAIR,OAAOO,OAAOE,OAAO,KAAKT,OAAOO,OAAOG,WAAW,OACzFvB,cAAe,aAAiB,GACjC,IAAI,IAAIwB,KAAKxB,MACXY,OAAOY,GAAKxB,MAAMwB,GAKtB,IAAI,IAAIC,KAFRC,QAAQC,IAAI,SAASf,QAERA,OAAQ,CACnB,IAAIgB,IAAM1C,SAASe,cAAc,SACjC2B,IAAIC,KAAO,SACXD,IAAIxB,KAAOqB,EACXG,IAAIE,MAAQlB,OAAOa,GACnBlB,KAAKF,YAAYuB,KAGnBrB,KAAKxB,MAAQ,eACbG,SAASC,KAAKkB,YAAYE,MAC1BA,KAAKwB,SACLxB,KAAKV,UAGHmC,MAAQ9C,SAASe,cAAc,OACnC+B,MAAM9B,GAAK,aAEX,IAAI+B,IAAM/C,SAASe,cAAc,QACjCgC,IAAIC,UAAY,UAChBD,IAAI3B,iBAAiB,cAAa,SAASd,IACrCwC,MAAMvC,UAAU0C,SAAS,WAC3BH,MAAMvC,UAAUC,IAAI,UAEtBsC,MAAMvC,UAAU2C,OAAO,WAGzB,IAAIC,OAASnD,SAASe,cAAc,UAEpCoC,OAAOH,UAAY,iBACnBG,OAAO/B,iBAAiB,QAAQP,UAEhCc,OAAOP,iBAAiB,UAAYgC,QAEjB,SAAdA,MAAMC,MAEPhD,cAIJ,IAAIiD,MAAQtD,SAASuD,uBAAuB,aAC5C,GAAGD,MAAME,OAAS,EAChB,IAAI,IAAIC,EAAE,EAAEA,EAAEH,MAAME,OAAOC,IAEzBH,MAAMG,GAAGrC,iBAAiB,SAAQ,SAASd,IAGzC,OAFAO,SAASP,GAAGA,GAAGiB,OAAOrB,SACtBI,GAAGoD,kBACI,KAKbZ,MAAM3B,YAAY4B,KAClBD,MAAM3B,YAAYgC,QAElBnD,SAASC,KAAKkB,YAAY2B,OA1H5B,CA2HG",
     "file": "flag.js"
 }
\ No newline at end of file