design optionen
This commit is contained in:
troy
parent
15dbeee834
commit
0110d04bd6
@ -252,6 +252,8 @@ Suche: <input type="text" onkeyup="myFilter()" id="suchstr" />
|
||||
## problem melden
|
||||
einfach ans ende der seite, rest macht das script
|
||||
```
|
||||
<body data-feedbackstyle="default|dark">
|
||||
...
|
||||
<script src="/cssjs/flag.js"></script>
|
||||
<link rel="stylesheet" href="/cssjs/flag.css">
|
||||
</body>
|
||||
|
||||
7
flag.js
7
flag.js
@ -1,6 +1,11 @@
|
||||
(function(connector) {
|
||||
'use strict';
|
||||
|
||||
var style = 'default';
|
||||
if(document.body.dataset.feedbackstyle) {
|
||||
style = document.body.dataset.feedbackstyle;
|
||||
}
|
||||
|
||||
var iframe;
|
||||
var flag;
|
||||
var col = 'light';
|
||||
@ -27,7 +32,7 @@
|
||||
document.body.appendChild(flag);
|
||||
|
||||
var form = document.createElement('form');
|
||||
form.action = connector+"?col="+col;
|
||||
form.action = connector+"?style="+style;
|
||||
form.target = 'flag-iframe';
|
||||
form.method = 'POST';
|
||||
const screenshotTarget = document.body;
|
||||
|
||||
2
flag.min.js
vendored
2
flag.min.js
vendored
@ -1,2 +1,2 @@
|
||||
!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");
|
||||
!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()}),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+"?style="+style,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
|
||||
@ -5,25 +5,27 @@
|
||||
],
|
||||
"names": [
|
||||
"connector",
|
||||
"style",
|
||||
"iframe",
|
||||
"flag",
|
||||
"document",
|
||||
"body",
|
||||
"dataset",
|
||||
"feedbackstyle",
|
||||
"col",
|
||||
"closeFlag",
|
||||
"ev",
|
||||
"classList",
|
||||
"add",
|
||||
"setTimeout",
|
||||
"style",
|
||||
"opacity",
|
||||
"remove",
|
||||
"openFlag",
|
||||
"document",
|
||||
"createElement",
|
||||
"id",
|
||||
"src",
|
||||
"name",
|
||||
"appendChild",
|
||||
"body",
|
||||
"form",
|
||||
"action",
|
||||
"target",
|
||||
@ -63,6 +65,6 @@
|
||||
"log",
|
||||
"preventDefault"
|
||||
],
|
||||
"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",
|
||||
"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,WACL,OACF,MAGAC,SAAW,SAASN,KACtBP,KAAOC,SAASa,cAAc,QACzBC,GAAK,gBACVhB,OAASE,SAASa,cAAc,WACzBE,IAAK,GACZjB,OAAOkB,KAAO,cACdjB,KAAKkB,YAAYnB,QACjBE,SAASC,KAAKgB,YAAYlB,MAE1B,IAAImB,KAAOlB,SAASa,cAAc,QAClCK,KAAKC,OAASvB,UAAU,UAAUC,MAClCqB,KAAKE,OAAS,cACdF,KAAKG,OAAS,OACd,MAAMC,iBAAmBtB,SAASC,KAMlC,IAAIsB,OAAS,GAOb,IAAI,IAAIC,KANRD,OAAU,EAAIE,OAAOC,SAASC,SAC3B3B,SAAS4B,WAAWL,OAAU,EAAIvB,SAAS4B,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,IAAMpC,SAASa,cAAc,SACjCuB,IAAIC,KAAO,SACXD,IAAIpB,KAAOQ,EACXY,IAAIE,MAAQf,OAAOC,GACnBN,KAAKD,YAAYmB,KAGnBlB,KAAKrB,MAAQ,eACbG,SAASC,KAAKgB,YAAYC,MAC1BA,KAAKqB,UAGHC,MAAQxC,SAASa,cAAc,OACnC2B,MAAM1B,GAAK,aAEX,IAAI2B,IAAMzC,SAASa,cAAc,QACjC4B,IAAIC,UAAY,UAChBD,IAAIE,iBAAiB,cAAa,SAASrC,IACrCkC,MAAMjC,UAAUqC,SAAS,WAC3BJ,MAAMjC,UAAUC,IAAI,UAEtBgC,MAAMjC,UAAUsC,OAAO,WAGzB,IAAIC,OAAS9C,SAASa,cAAc,UAEpCiC,OAAOJ,UAAY,iBACnBI,OAAOH,iBAAiB,QAAQ/B,UAEhCa,OAAOkB,iBAAiB,UAAYI,QAEjB,SAAdA,MAAMC,MACP3C,cAIJ,IAAI4C,MAAQjD,SAASkD,uBAAuB,aAC5C,GAAGD,MAAME,OAAS,EAChB,IAAI,IAAIC,KAAKH,MACXI,QAAQC,IAAIL,OACZA,MAAMG,GAAGT,iBAAiB,SAAQ,SAASrC,IAGzC,OAFAM,SAASN,IACTA,GAAGiD,kBACI,KAKbf,MAAMvB,YAAYwB,KAClBD,MAAMvB,YAAY6B,QAElB9C,SAASC,KAAKgB,YAAYuB,OAtG5B,CAuGG",
|
||||
"file": "flag.js"
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user