auflösung in flag

ob hell oder dunkel

README.md

@@ -255,4 +255,10 @@ einfach ans ende der seite, rest macht das script
     <script src="/cssjs/flag.js"></script>
     <link rel="stylesheet" href="/cssjs/flag.css">
   </body>
+```
+
+## js error sammler
+in den header, am besten vor allen anderen js
+```
+    <script src="/cssjs/js-error-logger.min.js"></script>
 ```

flag.js

@@ -3,6 +3,9 @@
 
   var iframe;
   var flag;
+  var col = 'light';
+  //TODO color css
+  //TODO abbrechen close anders
 
   var closeFlag = function(ev) {
     flag.classList.add('closing');
@@ -12,7 +15,6 @@
         flag.remove();
       },500);
     },3000);
-    //TODO timeout und vanish
   }
 
   var openFlag = function(ev) {
@@ -25,7 +27,7 @@
     document.body.appendChild(flag);
 
     var form = document.createElement('form');
-    form.action = connector;
+    form.action = connector+"?col="+col;
     form.target = 'flag-iframe';
     form.method = 'POST';
     const screenshotTarget = document.body;
@@ -38,6 +40,8 @@
     fields['s'] = window.location.hostname;
     if(document.referrer) {fields['r'] = document.referrer;}
     if(window.location.href) {fields['u'] = window.location.href;}
+    if(navigator.userAgent) {fields['a'] = navigator.userAgent;}
+    fields['d'] = ''+window.screen.width+'x'+window.screen.height+' ('+window.screen.colorDepth+'bit)';
 
     for(var f in fields) {
       var inp = document.createElement('input');

flag.min.js

@@ -1,2 +1,2 @@
-!function(connector){"use strict";var iframe,flag,closeFlag=function(ev){flag.classList.add("closing"),setTimeout((function(){flag.style.opacity=0,setTimeout((function(){flag.remove()}),500)}),3e3)},openFlag=function(ev){(flag=document.createElement("div")).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,form.target="flag-iframe",form.method="POST";const screenshotTarget=document.body;var fields={};for(var f in fields.s=window.location.hostname,document.referrer&&(fields.r=document.referrer),window.location.href&&(fields.u=window.location.href),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="⚑",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 in links)console.log(links),links[l].addEventListener("click",(function(ev){return openFlag(ev),ev.preventDefault(),!1}));panel.appendChild(tab),panel.appendChild(button),document.body.appendChild(panel)}("https://troy-grunt.de/feedback");
+!function(connector){"use strict";var iframe,flag,col="light",closeFlag=function(ev){flag.classList.add("closing"),setTimeout((function(){flag.style.opacity=0,setTimeout((function(){flag.remove()}),500)}),3e3)},openFlag=function(ev){(flag=document.createElement("div")).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+"?col="+col,form.target="flag-iframe",form.method="POST";const screenshotTarget=document.body;var fields={};for(var f in 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)",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="⚑",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 in links)console.log(links),links[l].addEventListener("click",(function(ev){return openFlag(ev),ev.preventDefault(),!1}));panel.appendChild(tab),panel.appendChild(button),document.body.appendChild(panel)}("https://troy-grunt.de/feedback");
 //# sourceMappingURL=flag.min.js.map

flag.min.js.map

@@ -7,6 +7,7 @@
         "connector",
         "iframe",
         "flag",
+        "col",
         "closeFlag",
         "ev",
         "classList",
@@ -35,6 +36,12 @@
         "hostname",
         "referrer",
         "href",
+        "navigator",
+        "userAgent",
+        "screen",
+        "width",
+        "height",
+        "colorDepth",
         "inp",
         "type",
         "value",
@@ -56,6 +63,6 @@
         "log",
         "preventDefault"
     ],
-    "mappings": "CAAA,SAAUA,WACR,aAEA,IAAIC,OACAC,KAEAC,UAAY,SAASC,IACvBF,KAAKG,UAAUC,IAAI,WACnBC,YAAW,WACTL,KAAKM,MAAMC,QAAU,EACrBF,YAAW,WACTL,KAAKQ,WACL,OACF,MAIAC,SAAW,SAASP,KACtBF,KAAOU,SAASC,cAAc,QACzBC,GAAK,gBACVb,OAASW,SAASC,cAAc,WACzBE,IAAK,GACZd,OAAOe,KAAO,cACdd,KAAKe,YAAYhB,QACjBW,SAASM,KAAKD,YAAYf,MAE1B,IAAIiB,KAAOP,SAASC,cAAc,QAClCM,KAAKC,OAASpB,UACdmB,KAAKE,OAAS,cACdF,KAAKG,OAAS,OACd,MAAMC,iBAAmBX,SAASM,KAMlC,IAAIM,OAAS,GAKb,IAAI,IAAIC,KAJRD,OAAU,EAAIE,OAAOC,SAASC,SAC3BhB,SAASiB,WAAWL,OAAU,EAAIZ,SAASiB,UAC3CH,OAAOC,SAASG,OAAON,OAAU,EAAIE,OAAOC,SAASG,MAE3CN,OAAQ,CACnB,IAAIO,IAAMnB,SAASC,cAAc,SACjCkB,IAAIC,KAAO,SACXD,IAAIf,KAAOS,EACXM,IAAIE,MAAQT,OAAOC,GACnBN,KAAKF,YAAYc,KAGnBZ,KAAKX,MAAQ,eACbI,SAASM,KAAKD,YAAYE,MAC1BA,KAAKe,UAGHC,MAAQvB,SAASC,cAAc,OACnCsB,MAAMrB,GAAK,aAEX,IAAIsB,IAAMxB,SAASC,cAAc,QACjCuB,IAAIC,UAAY,UAChBD,IAAIE,iBAAiB,cAAa,SAASlC,IACrC+B,MAAM9B,UAAUkC,SAAS,WAC3BJ,MAAM9B,UAAUC,IAAI,UAEtB6B,MAAM9B,UAAUmC,OAAO,WAGzB,IAAIC,OAAS7B,SAASC,cAAc,UAEpC4B,OAAOJ,UAAY,iBACnBI,OAAOH,iBAAiB,QAAQ3B,UAEhCe,OAAOY,iBAAiB,UAAYI,QAEjB,SAAdA,MAAMC,MACPxC,cAIJ,IAAIyC,MAAQhC,SAASiC,uBAAuB,aAC5C,GAAGD,MAAME,OAAS,EAChB,IAAI,IAAIC,KAAKH,MACXI,QAAQC,IAAIL,OACZA,MAAMG,GAAGT,iBAAiB,SAAQ,SAASlC,IAGzC,OAFAO,SAASP,IACTA,GAAG8C,kBACI,KAKbf,MAAMlB,YAAYmB,KAClBD,MAAMlB,YAAYwB,QAElB7B,SAASM,KAAKD,YAAYkB,OA7F5B,CA8FG",
+    "mappings": "CAAA,SAAUA,WACR,aAEA,IAAIC,OACAC,KACAC,IAAM,QAINC,UAAY,SAASC,IACvBH,KAAKI,UAAUC,IAAI,WACnBC,YAAW,WACTN,KAAKO,MAAMC,QAAU,EACrBF,YAAW,WACTN,KAAKS,WACL,OACF,MAGAC,SAAW,SAASP,KACtBH,KAAOW,SAASC,cAAc,QACzBC,GAAK,gBACVd,OAASY,SAASC,cAAc,WACzBE,IAAK,GACZf,OAAOgB,KAAO,cACdf,KAAKgB,YAAYjB,QACjBY,SAASM,KAAKD,YAAYhB,MAE1B,IAAIkB,KAAOP,SAASC,cAAc,QAClCM,KAAKC,OAASrB,UAAU,QAAQG,IAChCiB,KAAKE,OAAS,cACdF,KAAKG,OAAS,OACd,MAAMC,iBAAmBX,SAASM,KAMlC,IAAIM,OAAS,GAOb,IAAI,IAAIC,KANRD,OAAU,EAAIE,OAAOC,SAASC,SAC3BhB,SAASiB,WAAWL,OAAU,EAAIZ,SAASiB,UAC3CH,OAAOC,SAASG,OAAON,OAAU,EAAIE,OAAOC,SAASG,MACrDC,UAAUC,YAAYR,OAAU,EAAIO,UAAUC,WACjDR,OAAU,EAAOE,OAAOO,OAAOC,MAAM,IAAIR,OAAOO,OAAOE,OAAO,KAAKT,OAAOO,OAAOG,WAAW,OAE/EZ,OAAQ,CACnB,IAAIa,IAAMzB,SAASC,cAAc,SACjCwB,IAAIC,KAAO,SACXD,IAAIrB,KAAOS,EACXY,IAAIE,MAAQf,OAAOC,GACnBN,KAAKF,YAAYoB,KAGnBlB,KAAKX,MAAQ,eACbI,SAASM,KAAKD,YAAYE,MAC1BA,KAAKqB,UAGHC,MAAQ7B,SAASC,cAAc,OACnC4B,MAAM3B,GAAK,aAEX,IAAI4B,IAAM9B,SAASC,cAAc,QACjC6B,IAAIC,UAAY,UAChBD,IAAIE,iBAAiB,cAAa,SAASxC,IACrCqC,MAAMpC,UAAUwC,SAAS,WAC3BJ,MAAMpC,UAAUC,IAAI,UAEtBmC,MAAMpC,UAAUyC,OAAO,WAGzB,IAAIC,OAASnC,SAASC,cAAc,UAEpCkC,OAAOJ,UAAY,iBACnBI,OAAOH,iBAAiB,QAAQjC,UAEhCe,OAAOkB,iBAAiB,UAAYI,QAEjB,SAAdA,MAAMC,MACP9C,cAIJ,IAAI+C,MAAQtC,SAASuC,uBAAuB,aAC5C,GAAGD,MAAME,OAAS,EAChB,IAAI,IAAIC,KAAKH,MACXI,QAAQC,IAAIL,OACZA,MAAMG,GAAGT,iBAAiB,SAAQ,SAASxC,IAGzC,OAFAO,SAASP,IACTA,GAAGoD,kBACI,KAKbf,MAAMxB,YAAYyB,KAClBD,MAAMxB,YAAY8B,QAElBnC,SAASM,KAAKD,YAAYwB,OAjG5B,CAkGG",
     "file": "flag.js"
 }