läuft besser sieht aber immernoch nicht perfekt aus

WIP: #5 feedback button auch für tables erreichbar machen
css uüdate für allwasy in foreground
2022-10-12 09:30:01 +02:00 · 2022-10-11 10:25:58 +02:00 · 2022-09-18 13:54:47 +02:00 · 2022-07-22 23:17:46 +02:00 · 2022-07-21 15:15:20 +02:00 · 2022-07-21 14:51:04 +02:00
17 changed files with 2041 additions and 221 deletions
--- a/README.md
+++ b/README.md
@@ -120,88 +120,88 @@ git submodule add https://git.seemsleg.it/pub/cssjs-func-lib cssjs
 <script src="/cssjs/ckeditor.js"></script>

 <script>ClassicEditor
-	.create( document.querySelector( '.editor' ), {
+  .create( document.querySelector( '.editor' ), {

-		toolbar: {
-			items: [
-				'heading',
-				'|',
-				'bold',
-				'italic',
-				'underline',
-				'link',
-				'removeFormat',
-				'fontSize',
-				'fontFamily',
-				'|',
-				'bulletedList',
-				'numberedList',
-				'todoList',
-				'|',
-				'indent',
-				'outdent',
-				'alignment',
-				'horizontalLine',
-				'|',
-				'imageUpload',
-				'imageInsert',
-				'blockQuote',
-				'insertTable',
-				'mediaEmbed',
-				'undo',
-				'redo',
-				'|',
-				'codeBlock',
-				'exportPdf',
-				'htmlEmbed',
-				'exportWord',
-				'highlight'
-			]
-		},
-		language: 'de',
-		image: {
-			toolbar: [
-				'imageTextAlternative',
-				'|',
-				'imageStyle:full',
-				'imageStyle:side',
-				'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight',
+    toolbar: {
+      items: [
+        'heading',
+        '|',
+        'bold',
+        'italic',
+        'underline',
+        'link',
+        'removeFormat',
+        'fontSize',
+        'fontFamily',
+        '|',
+        'bulletedList',
+        'numberedList',
+        'todoList',
+        '|',
+        'indent',
+        'outdent',
+        'alignment',
+        'horizontalLine',
+        '|',
+        'imageUpload',
+        'imageInsert',
+        'blockQuote',
+        'insertTable',
+        'mediaEmbed',
+        'undo',
+        'redo',
+        '|',
+        'codeBlock',
+        'exportPdf',
+        'htmlEmbed',
+        'exportWord',
+        'highlight'
+      ]
+    },
+    language: 'de',
+    image: {
+      toolbar: [
+        'imageTextAlternative',
+        '|',
+        'imageStyle:full',
+        'imageStyle:side',
+        'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight',
                '|',
                'imageResize',
-			]
-		},
-		table: {
-			contentToolbar: [
-				'tableColumn',
-				'tableRow',
-				'mergeTableCells'
-			]
-		},
-		licenseKey: '',
+      ]
+    },
+    table: {
+      contentToolbar: [
+        'tableColumn',
+        'tableRow',
+        'mergeTableCells'
+      ]
+    },
+    licenseKey: '',

-	} )
-	.then( editor => {
-		window.editor = editor;
-	} )
-	.catch( error => {
-		console.error( 'Oops, something went wrong!' );
-		console.error( 'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:' );
-		console.warn( 'Build id: p276tlu14l98-tj7z79o4qxsd' );
-		console.error( error );
-	} );
+  } )
+  .then( editor => {
+    window.editor = editor;
+  } )
+  .catch( error => {
+    console.error( 'Oops, something went wrong!' );
+    console.error( 'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:' );
+    console.warn( 'Build id: p276tlu14l98-tj7z79o4qxsd' );
+    console.error( error );
+  } );
 </script>
 ```

 Heading
 ```
 ...
-	heading: {
-		options: [
-			{ model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
-			{ model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
-			{ model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }
-		]
-	}
+  heading: {
+    options: [
+      { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
+      { model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
+      { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }
+    ]
+  }
 ...
 ```

--- a/feedback.js
+++ b/feedback.js
@@ -25,7 +25,6 @@ function ajaxFeedback(e,url,css) {
 function formFeedback(e,f,url,css) {
  var formData = {}
  $(f).each(function(i, obj) {
-     console.log(obj);
    formData[obj.name] = obj.value
    obj.disabled = true;
  });
@@ -113,7 +112,7 @@ function successMarker(e,css) {

  var cursorX = p.x
  var cursorY = p.y
-  console.log('OK',cursorX,cursorY);
+  //console.log('OK',cursorX,cursorY);

  o = $('<div style="position: absolute; top:'+cursorY+'px; left: '+ cursorX +'px; width: 40px; height: 40px; z-index: 999; fill: green; pointer-events: none;'+css+'"><svg version="1.1" style="-webkit-filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9)); filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9));" x="0px" y="0px" viewBox="0 0 1000 1000" xml:space="preserve"><g><path d="M959.4,469.4c-16.9,0-30.6,13.7-30.6,30.6c0,236.4-192.3,428.7-428.7,428.7S71.3,736.4,71.3,500C71.3,263.6,263.6,71.3,500,71.3c93.7,0,182.7,29.7,257.4,85.8c13.5,10.2,32.7,7.4,42.9-6.1c10.2-13.5,7.4-32.7-6.1-42.8C708.8,43.9,607.1,10,500,10C229.8,10,10,229.8,10,500c0,270.2,219.8,490,490,490s490-219.8,490-490C990,483.1,976.3,469.4,959.4,469.4z"/><path d="M215.4,447.7c-12-12-31.3-12-43.3,0c-12,12-12,31.3,0,43.3l245,245c6,6,13.8,9,21.7,9c7.8,0,15.7-3,21.7-9L981,215.4c12-12,12-31.3,0-43.3c-12-12-31.3-12-43.3,0l-499,499L215.4,447.7z"/></g></svg></div>');
  $( "body" ).append( o );
@@ -125,7 +124,7 @@ function warnMarker(e,css) {

  var cursorX = p.x
  var cursorY = p.y
-  console.log('WARN',cursorX,cursorY);
+  //console.log('WARN',cursorX,cursorY);

  o = $('<div style="position: absolute; top:'+cursorY+'px; left: '+ cursorX +'px; width: 40px; height: 40px; fill: #ff0; z-index: 999; pointer-events: none;'+css+'"><svg version="1.1" style="-webkit-filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9)); filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9));" x="0px" y="0px" viewBox="0 0 100 125"><g transform="translate(0,-952.36218)"><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 49.999548,962.36215 c -2.77446,0 -5.29918,1.3853 -6.71875,3.7812 L 5.0307975,1030.7997 c -1.41991,2.4028 -1.39108,5.3495 0.0312,7.75 1.27219,2.1453 3.65785,3.8194 6.4374995,3.8125 l 77.000001,0 c 2.77928,0.01 5.16552,-1.6676 6.4375,-3.8125 1.42362,-2.4007 1.45245,-5.347 0.0312,-7.75 l -38.25,-64.65635 c -1.41947,-2.3959 -3.94419,-3.7812 -6.71865,-3.7812 z m 0,6 c 0.56422,0 1.30991,0.4174 1.5625,0.8438 l 38.21875,64.65625 c 0.25251,0.427 0.25314,1.1981 0,1.625 -0.40478,0.6826 -0.71493,0.8764 -1.28125,0.875 l -77.000001,0 c -0.56593,10e-4 -0.8767,-0.1928 -1.28125,-0.875 -0.2530395,-0.427 -0.2524095,-1.1979 0,-1.625 l 38.218751,-64.65625 c 0.25257,-0.4263 0.99828,-0.8438 1.5625,-0.8438 z m 0,16 c -3.31371,0 -6,2.6863 -6,6 l 1,22.00005 c 0,2.7614 2.23857,5 5,5 2.76143,0 5,-2.2386 5,-5 l 1,-22.00005 c 0,-3.3137 -2.68629,-6 -6,-6 z m 0,35.00005 c -3.86598,0 -7,3.134 -7,7 0,3.8659 3.13402,7 7,7 3.86598,0 7,-3.1341 7,-7 0,-3.866 -3.13402,-7 -7,-7 z" /></g></svg></div>');
  $( "body" ).append( o );
@@ -137,7 +136,7 @@ function errorMarker(e,css) {

  var cursorX = p.x
  var cursorY = p.y
-  console.log('ERR',cursorX,cursorY);
+  //console.log('ERR',cursorX,cursorY);

  o = $('<div style="position: absolute; top:'+cursorY+'px; left: '+ cursorX +'px; width: 40px; height: 40px; fill: red; z-index: 999; pointer-events: none;'+css+'"><svg version="1.0" style="-webkit-filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9)); filter: drop-shadow( 0 0 4px rgba(0, 0, 0, .9));" x="0px" y="0px" viewBox="0 0 100 125" xml:space="preserve"><g><path fill="#000000" d="M50,14.996c-19.333,0-35.004,15.671-35.004,35.004c0,19.332,15.671,35.004,35.004,35.004   c19.332,0,35.004-15.672,35.004-35.004C85.004,30.667,69.332,14.996,50,14.996z M50,79.004c-15.993,0-29.004-13.012-29.004-29.004   c0-15.993,13.011-29.004,29.004-29.004c15.992,0,29.004,13.011,29.004,29.004C79.004,65.992,65.992,79.004,50,79.004z"/><polygon fill="#000000" points="70.578,36.423 63.578,29.419 50,42.998 36.421,29.419 29.421,36.423 43,50.002 29.421,63.576    36.421,70.58 50,57.002 63.578,70.58 70.578,63.576 57.004,50.002  "/></g></svg></div>');
  $( "body" ).append( o );
--- a/feedback.min.js
+++ b/feedback.min.js
--- a/feedback.min.js.map
+++ b/feedback.min.js.map
@@ -23,8 +23,6 @@
        "each",
        "i",
        "obj",
-        "console",
-        "log",
        "name",
        "value",
        "disabled",
@@ -47,6 +45,6 @@
        "append",
        "fadeOut"
    ],
-    "mappings": "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",
+    "mappings": "AAAA,SAASA,aAAaC,EAAEC,IAAIC,KAqB1B,OApBAC,EAAEC,KAAK,CACLH,IAAKA,IACLI,QAAS,SAASC,KAChB,MAAS,WAANA,SACDC,cAAcP,EAAEE,KAGP,QAANI,SACDE,WAAWR,EAAEE,UAGbO,YAAYT,EAAEE,MAKpBQ,MAAO,SAAUJ,IAAIK,KACnBF,YAAYT,EAAEE,SAGX,EAGT,SAASU,aAAaZ,EAAEa,EAAEZ,IAAIC,KAC5B,IAAIY,SAAW,GAgEf,OA/DAX,EAAEU,GAAGE,MAAK,SAASC,EAAGC,KACpBH,SAASG,IAAIC,MAAQD,IAAIE,MACzBF,IAAIG,UAAW,KAEjBpB,EAAEoB,UAAW,EACbjB,EAAEC,KAAK,CACLH,IAAKA,IACLoB,KAAMP,SACNQ,OAAQ,OACRjB,QAAS,SAASC,KAChB,MAAS,WAANA,KACDC,cAAcP,EAAEE,UAChBqB,YAAW,WACTpB,EAAEU,GAAGE,MAAK,SAASC,EAAGC,KACpBA,IAAIG,UAAW,EACW,UAAvBjB,EAAEc,KAAKO,KAAK,UACbP,IAAIE,MAAQ,OAGhBnB,EAAEoB,UAAW,IACb,MAGO,QAANd,KACDE,WAAWR,EAAEE,UACbqB,YAAW,WACXpB,EAAEU,GAAGE,MAAK,SAASC,EAAGC,KACpBA,IAAIG,UAAW,EACW,UAAvBjB,EAAEc,KAAKO,KAAK,UACbP,IAAIE,MAAQ,OAGhBnB,EAAEoB,UAAW,IACb,OAGAX,YAAYT,EAAEE,UACdqB,YAAW,WACXpB,EAAEU,GAAGE,MAAK,SAASC,EAAGC,KACpBA,IAAIG,UAAW,EACW,UAAvBjB,EAAEc,KAAKO,KAAK,UACbP,IAAIE,MAAQ,OAGhBnB,EAAEoB,UAAW,IACb,OAKNV,MAAO,SAAUJ,IAAIK,KACnBF,YAAYT,EAAEE,KACdqB,YAAW,WACTpB,EAAEU,GAAGE,MAAK,SAASC,EAAGC,KACpBA,IAAIG,UAAW,EACW,UAAvBjB,EAAEc,KAAKO,KAAK,UACbP,IAAIE,MAAQ,OAGhBnB,EAAEoB,UAAW,IACb,SAGC,EAGT,SAASK,UAAUzB,GACjB,IAAI0B,EAAI,GAGR,IAFAA,EAAEC,EAAI3B,EAAE4B,WACRF,EAAEG,EAAI7B,EAAE8B,UACD9B,EAAE+B,eACPL,EAAEC,EAAID,EAAEC,EAAI3B,EAAE+B,aAAaH,WAC3BF,EAAEG,EAAIH,EAAEG,EAAI7B,EAAE+B,aAAaD,UACvB9B,GAAKgC,SAASC,qBAAqB,QAAQ,KAI3CjC,EAAIA,EAAE+B,aAGZ,OAAOL,EAGT,SAASnB,cAAcP,EAAEE,KACvB,IAAIwB,EAAID,UAAUzB,GAEdkC,QAAUR,EAAEC,EACZQ,QAAUT,EAAEG,EAGhBO,EAAIjC,EAAE,uCAAuCgC,QAAQ,aAAcD,QAAS,kFAAkFhC,IAAI,uvBAClKC,EAAG,QAASkC,OAAQD,GACpBjC,EAAEiC,GAAGE,QAAQ,KAGf,SAAS9B,WAAWR,EAAEE,KACpB,IAAIwB,EAAID,UAAUzB,GAEdkC,QAAUR,EAAEC,EACZQ,QAAUT,EAAEG,EAGhBO,EAAIjC,EAAE,uCAAuCgC,QAAQ,aAAcD,QAAS,iFAAiFhC,IAAI,k0CACjKC,EAAG,QAASkC,OAAQD,GACpBjC,EAAEiC,GAAGE,QAAQ,KAGf,SAAS7B,YAAYT,EAAEE,KACrB,IAAIwB,EAAID,UAAUzB,GAEdkC,QAAUR,EAAEC,EACZQ,QAAUT,EAAEG,EAGhBO,EAAIjC,EAAE,uCAAuCgC,QAAQ,aAAcD,QAAS,gFAAgFhC,IAAI,8vBAChKC,EAAG,QAASkC,OAAQD,GACpBjC,EAAEiC,GAAGE,QAAQ",
    "file": "feedback.js"
 }
--- a/flag.css
+++ b/flag.css
@@ -7,6 +7,7 @@
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-right: -130px;
+  z-index: 99999;
 }

 #flag-panel.open {
@@ -20,6 +21,7 @@
 #flag-panel span {
  margin-right: 10px;
  margin-left: 5px;
+  float: left;
 }

 #flag-overlay {
@@ -29,26 +31,32 @@
  top: 0;
  left: 0;
  background-color: rgba(0,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;
+#flag-iframe {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10000;
+  background-color: #000;
+  border: 3px solid #fff;
  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;
--- a/flag.js
+++ b/flag.js
@@ -14,22 +14,34 @@

  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) {
+  var openFlag = function(ev, infos=false) {
    flag = document.createElement('div');
+    document.body.style.overflowY = 'hidden';
    flag.id = 'flag-overlay';
    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;
@@ -47,6 +59,12 @@
    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)';
+    if(infos && typeof(infos) == typeof({})) {
+      for(var i in infos) {
+        fields[i] = infos[i];
+      }
+    }
+    console.log('Fields',fields);

    for(var f in fields) {
      var inp = document.createElement('input');
@@ -59,6 +77,7 @@
    form.style = 'display:none';
    document.body.appendChild(form);
    form.submit();
+    form.remove();
  }

  var panel = document.createElement('div');
@@ -67,10 +86,24 @@
  var tab = document.createElement('span');
  tab.innerHTML = '&#9873;';
  tab.addEventListener('mouseenter',function(ev) {
-    if(!panel.classList.contains('opened')) {
-      panel.classList.add('opened');
+    if(!panel.classList.contains('tapped')) {
+      if(!panel.classList.contains('opened')) {
+        panel.classList.add('open');
+        panel.classList.add('opened');
+      }else{
+        panel.classList.toggle('open');
+      }
+    }
+  });
+  //TODO open feedback btn with click
+  tab.addEventListener('click',function(ev) {
+    if(!panel.classList.contains('opened')) {
+      panel.classList.add('tapped');
+      panel.classList.add('open');
+      panel.classList.add('opened');
+    }else{
+      panel.classList.toggle('open');
    }
-    panel.classList.toggle('open');
  });

  var button = document.createElement('button');
@@ -81,6 +114,7 @@
  window.addEventListener("message", (event) => {
    //console.log(event);
    if(event.data == 'close') {
+      //console.log('close1');
      closeFlag();
    }
  });
@@ -90,7 +124,7 @@
    for(var l=0;l<links.length;l++) {
      //console.log(l,links[l]);
      links[l].addEventListener('click',function(ev) {
-        openFlag(ev);
+        openFlag(ev,ev.target.dataset);
        ev.preventDefault();
        return false;
      });
--- 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)}#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}
+#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;z-index:99999}#flag-panel.open{margin-right:0!important}#flag-panel.opened{transition:margin-right 1s}#flag-panel span{margin-right:10px;margin-left:5px;float:left}#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 #fff;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}
--- 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()}),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="&#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++)console.log(l,links[l]),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"),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("tapped")||(panel.classList.contains("opened")?panel.classList.toggle("open"):(panel.classList.add("open"),panel.classList.add("opened")))})),tab.addEventListener("click",(function(ev){panel.classList.contains("opened")?panel.classList.toggle("open"):(panel.classList.add("tapped"),panel.classList.add("open"),panel.classList.add("opened"))}));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
--- a/flag.min.js.map
+++ b/flag.min.js.map
@@ -20,19 +20,21 @@
        "setTimeout",
        "opacity",
        "remove",
+        "overflowY",
        "openFlag",
+        "infos",
        "createElement",
        "id",
        "src",
        "name",
        "appendChild",
+        "addEventListener",
        "form",
        "action",
        "target",
        "method",
        "screenshotTarget",
        "fields",
-        "f",
        "window",
        "location",
        "hostname",
@@ -44,6 +46,10 @@
        "width",
        "height",
        "colorDepth",
+        "i",
+        "f",
+        "console",
+        "log",
        "inp",
        "type",
        "value",
@@ -51,7 +57,6 @@
        "panel",
        "tab",
        "innerHTML",
-        "addEventListener",
        "contains",
        "toggle",
        "button",
@@ -61,10 +66,8 @@
        "getElementsByClassName",
        "length",
        "l",
-        "console",
-        "log",
        "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,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,EAAE,EAAEA,EAAEH,MAAME,OAAOC,IACzBC,QAAQC,IAAIF,EAAEH,MAAMG,IACpBH,MAAMG,GAAGT,iBAAiB,SAAQ,SAASrC,IAGzC,OAFAM,SAASN,IACTA,GAAGiD,kBACI,KAKbf,MAAMvB,YAAYwB,KAClBD,MAAMvB,YAAY6B,QAElB9C,SAASC,KAAKgB,YAAYuB,OAtG5B,CAuGG",
+    "mappings": "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",
    "file": "flag.js"
 }
--- a/html2canvas.js
+++ b/html2canvas.js
@@ -701,7 +701,7 @@
            (next === NU || ([OP, HY].indexOf(next) !== -1 && classTypes[afterIndex + 1] === NU))) ||
            // ( OP | HY ) × NU
            ([OP, HY].indexOf(current) !== -1 && next === NU) ||
-            // NU ×	(NU | SY | IS)
+            // NU ×  (NU | SY | IS)
            (current === NU && [NU, SY, IS].indexOf(next) !== -1)) {
            return BREAK_NOT_ALLOWED$1;
        }
--- a/html2canvas.min.js
+++ b/html2canvas.min.js
--- a/html2canvas.min.js.map
+++ b/html2canvas.min.js.map
--- a/parallax.css
+++ b/parallax.css
@@ -1,8 +1,8 @@
 .parallax{
-	height: 600px;
-  	background-repeat: no-repeat;
-  	background-attachment: fixed;
-  	background-size: cover;
-  	background-position: 100% auto;
-	position:relative;
+  height: 600px;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
+    background-position: 100% auto;
+  position:relative;
 }
--- a/selText.js
+++ b/selText.js
@@ -0,0 +1,15 @@
+var selText = function(callback){
+  document.body.addEventListener('mouseup', function(e){
+    var selection;
+
+    if (window.getSelection) {
+      selection = window.getSelection();
+    } else if (document.selection) {
+      selection = document.selection.createRange();
+    }
+
+    if(selection.toString() !== '') {
+      callback(selection.toString(),e.pageX, e.pageY);
+    }
+  });
+};
--- a/selText.min.js
+++ b/selText.min.js
@@ -0,0 +1,2 @@
+var selText=function(callback){document.body.addEventListener("mouseup",(function(e){var selection;window.getSelection?selection=window.getSelection():document.selection&&(selection=document.selection.createRange()),""!==selection.toString()&&callback(selection.toString(),e.pageX,e.pageY)}))};
+//# sourceMappingURL=selText.min.js.map
--- a/selText.min.js.map
+++ b/selText.min.js.map
@@ -0,0 +1,23 @@
+{
+    "version": 3,
+    "sources": [
+        "selText.js"
+    ],
+    "names": [
+        "selText",
+        "callback",
+        "document",
+        "body",
+        "addEventListener",
+        "e",
+        "selection",
+        "window",
+        "getSelection",
+        "createRange",
+        "toString",
+        "pageX",
+        "pageY"
+    ],
+    "mappings": "AAAA,IAAIA,QAAU,SAASC,UACrBC,SAASC,KAAKC,iBAAiB,WAAW,SAASC,GACjD,IAAIC,UAEAC,OAAOC,aACTF,UAAYC,OAAOC,eACVN,SAASI,YAClBA,UAAYJ,SAASI,UAAUG,eAGL,KAAzBH,UAAUI,YACXT,SAASK,UAAUI,WAAWL,EAAEM,MAAON,EAAEO",
+    "file": "selText.js"
+}
Author	SHA1	Message	Date
Sebastian Titz	1a018bfc27	läuft besser sieht aber immernoch nicht perfekt aus	2022-10-12 09:30:01 +02:00
Sebastian Titz	51741653f8	WIP: #5 feedback button auch für tables erreichbar machen	2022-10-11 10:25:58 +02:00
troy	8f8cfa4283	css uüdate für allwasy in foreground	2022-09-18 13:54:47 +02:00
troy	79cfaf0a95	no tabs	2022-07-22 23:17:46 +02:00
troy	43f2422b88	css	2022-07-21 15:15:20 +02:00
troy	bb501daeb1	flag center und abbruch wenn man auf overlay klick	2022-07-21 14:51:04 +02:00
titz lapi	bbee4c0057	dataset wird mit übertragen	2022-07-21 00:15:30 +02:00
troy	663456cbcd	Merge remote-tracking branch 'origin/feature/logit' into master	2022-07-15 12:41:07 +02:00
Sebastian Titz	0fa38cc1ba	Merge branch 'master' into feature/logit	2022-07-14 09:42:25 +02:00
Sebastian Titz	785286f25e	Merge branch 'feature/selected-text'	2022-07-14 09:40:48 +02:00
Sebastian Titz	84535957c8	textselection	2022-07-14 09:40:04 +02:00
Sebastian Titz	240a1f999a	WIP: selText	2022-07-14 09:01:28 +02:00
Sebastian Titz	7834004380	flag scrollen nur im fenster	2022-06-30 13:25:04 +02:00
titz lapi	c3c892310a	feedback console logs entfernt	2022-04-08 20:07:43 +02:00