// web_share_api_test.js
// RJM Programming
// July, 2022
// Thanks to https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share
// Help out web_share_api_test.html perhaps
    
var czhr=null;
var czform=null;
var smsno='';
var myipadwsi='';
var myrsuf=eval(Math.floor(Math.random() * 38767878) + 67745677);
var newidea=document.URL.substring(0,9) + document.URL.substring(9).split('/')[0] + '/canvas.webp';

var wsadate=new Date();
var lfd=String.fromCharCode(10);
var bighuh=('' + parent.document.URL + '&' + document.URL + '&' +  top.document.head.innerHTML + top.document.body.innerHTML);
//console.log(('' + parent.document.URL + '&' + document.URL + '&' +  top.document.head.innerHTML + top.document.body.innerHTML));
var prebit=(bighuh.indexOf('&word' + 'ing=') != -1 ? decodeURIComponent(bighuh.split('&word' + 'ing=')[1].split('&')[0].split('"')[0].split("'")[0]) : 'Timekeeping screenshots'); // + lessssi + ' or media or documents');
var postbit=(bighuh.indexOf('&word' + 'ing=') != -1 ? '' : ' perhaps?! '); // + lessssi + ' or media or documents');
var tmks='';
var canvc=' ', lastcanvc=' ';
var accl='image/*,video/*,audio/*,application/*,text/*';
var postlt='left:60%;top:calc(100% - 50px);';
var cci='Url';
var sdtitle='IT Blog';
var sdtext='RJM Programming Blog';
var sdurl='https://www.rjmprogramming.com.au/ITblog/';
var passed=false;

//alert(5);
if (window.parent !== window.self) {
  if (parent.document.getElementById('sdtitle')) {
    passed=true;
    sdtitle=parent.document.getElementById('sdtitle').value;
  }
  if (parent.document.getElementById('sdtext')) {
    passed=true;
    sdtext=parent.document.getElementById('sdtext').value;
  }
  if (parent.document.getElementById('sdurl')) {
    passed=true;
    sdurl=parent.document.getElementById('sdurl').value;
  }
  if (passed) {
     setInterval(checkonsd, 5000);
  }
  //alert('passed=' + passed);
}

var shareData = {
  title: sdtitle,
  text: sdtext,
  url: sdurl 
};


function checkonsd() {
    var azx=null;
    if (passed) {
        //alert('1here');
     if (!navigator.canShare) {
        //alert('2here');
       if (parent.document.getElementById('itworked')) {
        //alert('3here');
       if (parent.document.getElementById('itworked').value == '') {
        //alert('4here');
        parent.document.getElementById('itworked').value=' ';
        //alert('here');
        document.getElementById('share').onmousedown=function() { parent.document.getElementById('itworked').value='n';   };
        document.getElementById('share').ontouchdown=function() { parent.document.getElementById('itworked').value='n';   };
        document.getElementById('share').ondblclick=function(event) { event.preventDefault(); event.stopPropagation();  parent.document.getElementById('itworked').value='no';   smsno=prompt('Please enter SMS number.', ''); if (smsno == null) { smsno=''; }    };
        document.getElementById('share').oncontextmenu=function(event) { event.preventDefault(); event.stopPropagation(); parent.document.getElementById('itworked').value='no';  smsno=prompt('Please enter SMS number.', ''); if (smsno == null) { smsno=''; }   };
        document.getElementById('share').title+=' ... click for email and double click or right click for SMS'; 
       }
       }
     } else if (1 == 5) {
       if (parent.document.getElementById('itworked')) {
        //alert('3here');
       if (parent.document.getElementById('itworked').value == '') {
        //alert('4here');
        parent.document.getElementById('itworked').value=' ';
        //alert('Here');
        document.getElementById('share').ondblclick=function(event) { event.preventDefault(); event.stopPropagation();  parent.document.getElementById('itworked').value='no';   smsno=prompt('Please enter SMS number.', ''); if (smsno == null) { smsno=''; }    };
        document.getElementById('share').oncontextmenu=function(event) { event.preventDefault(); event.stopPropagation(); parent.document.getElementById('itworked').value='no';  smsno=prompt('Please enter SMS number.', ''); if (smsno == null) { smsno=''; }   };
        document.getElementById('share').title+=' ... click for email and double click or right click for SMS'; 
       }
       }
     }
    }
    if (parent.document.getElementById('sdurl')) {
    shareData.url=parent.document.getElementById('sdurl').value;
    }
    if (parent.document.getElementById('sdtext')) {
    shareData.text=parent.document.getElementById('sdtext').value; 
    }
    if (parent.document.getElementById('sdtitle')) {
    shareData.title=parent.document.getElementById('sdtitle').value; 
    }
    if (passed) {
       if (parent.document.getElementById('itworked')) {
          if (parent.document.getElementById('itworked').value == 'no') {
             parent.document.getElementById('itworked').value='N';
  azx = document.createElement("a");
  document.body.appendChild(azx);
  azx.style = "display: none";
  azx.href = 'sms:' + smsno + '&body=' + encodeURIComponent(shareData.url);
  azx.click();            
          } else if (parent.document.getElementById('itworked').value == 'n') {
             parent.document.getElementById('itworked').value='N';
  azx = document.createElement("a");
  document.body.appendChild(azx);
  azx.style = "display: none";
  azx.href = 'mailto:?subject=' + encodeURIComponent(shareData.title) + '&body=' + encodeURIComponent(shareData.url);
  azx.click();            
          } 
       }
    }

}


function bitlt() {
if ((document.head.innerHTML + document.body.innerHTML).indexOf('web_share_api_test.js?pop' + 'ulate=') != -1 && (!document.getElementById('files') || !document.getElementById('output') || !document.getElementById('shareurl') || !document.getElementById('share'))) {
  if (navigator.canShare) {
  shareData = {
    title: 'Quarter Hour Timer',
    text: 'Quarter Hour Timer via MAMP local web server',
    url: 'https://www.rjmprogramming.com.au/HTMLCSS/quarter_hour_timer.html#Quarter Hour Timer via MAMP local web server#Quarter Hour Timer'
  };
  document.body.innerHTML+="<div id=mydivshare style='display:none;'>  <div id=dtopbit style=display:block;><label for='shareurl'><input type=button onclick='shareurl();' value='Share URL Link'></input>: </label>  <input title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:65%;' type=url value='' placeholder='https://www.rjmprogramming.com.au/HTMLCSS/quarter_hour_timer.html#Quarter Hour Timer via MAMP local web server#Quarter Hour Timer' id=shareurl ondblclick='this.value=this.placeholder;'></input><br><br><span> ... and/or ... </span><br><br></div>  <label for='files'><input type=button onclick=\"document.getElementById('share').click();\" value='Share media or document files'></input>: </label>  <input id='files' type='file' accept='image/*,video/*,audio/*,application/*,text/*' multiple></div><br><br><button onclick=atclick(); id='share' type='button'>Share your media or documents or link!</button><output id='output'></output>";
  setTimeout(eventuallyshow, 20000);
  }
} else if ((document.head.innerHTML + document.body.innerHTML).indexOf('web_share_api_test.js?canv' + 'asshare=') != -1 && (!document.getElementById('files') || !document.getElementById('output') || !document.getElementById('shareurl') || !document.getElementById('share'))) {
  if (navigator.canShare) {
  canvc=tctowebp();
  cci='Canvas Content Image URL';
  setInterval(tctowebp, 20000);
  tmks='Canvas contents.';
  // Used to be url of  // document.URL.substring(0,9) + document.URL.substring(9).split('/')[0] + '/canvas.webp'
  shareData = {
    title: 'Canvas Content Share',
    text: 'Canvas Content Share',
    url: document.URL.substring(0,9) + document.URL.substring(9).replace(document.URL.substring(9).split('/')[eval(-1 + document.URL.substring(9).split('/').length)], '') + 'signature_signature.php?mycanvasimage=wsp_' + myipadwsi
  };
  if (document.URL.indexOf('/localhost') != -1) {
    accl='.webp';
  }
  if (document.getElementById('dcm')) {
  //alert(document.URL.toUpperCase());
  document.getElementById('dcm').innerHTML+="<br><div style='position:absolute;" + postlt + "' id=mydivshare>  <div id=dtopbit style=display:block;><label for='shareurl'><input type=button onclick='shareurl();' value='Share URL Link'></input>: </label>  <input title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:65%;' type=url value='' placeholder='" + newidea.split('___')[0] + "' id=shareurl ondblclick='this.value=this.placeholder;'></input><br><br><span> ... and/or ... </span><br><br></div>  <label for='files'><input type=button onclick=\"document.getElementById('share').click();\" value='Share media or document files'></input>: </label>  <input id='files' type='file' accept='" + accl + "' multiple></div><br><br><button onclick=atclick(); id='share' type='button'>Share your media or documents or link!</button><output id='output'></output>";
  } else if (document.URL.indexOf('/signature_signature.htm') != -1) {
  if (window.parent && document.URL.indexOf('/user_of_signature_signature.htm') == -1) {
    if (parent.document.URL.indexOf('/user_of_signature_signature.htm') != -1 && 1 == 1) {
      postlt+='left:-1300px;top:-1200px;display:none;';
    }
  }
  //alert(document.URL.toLowerCase() + ' ... ' + postlt);
  document.body.innerHTML+="<div style='position:absolute;" + postlt + "' id=mydivshare>  <div id=dtopbit style=display:block;><label for='shareurl'><input type=button onclick='shareurl();' value='Share URL Link'></input>: </label>  <input title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:65%;' type=url value='' placeholder='" + newidea.split('___')[0] + "' id=shareurl ondblclick='this.value=this.placeholder;'></input><br><br><span> ... and/or ... </span><br><br></div>  <label for='files'><input type=button onclick=\"document.getElementById('share').click();\" value='Share media or document files'></input>: </label>  <input id='files' type='file' accept='" + accl + "' multiple></div><br><br><button onclick=atclick(); id='share' type='button'>Share your media or documents or link!</button><output id='output'></output>";
  if (postlt.indexOf('display:none') != -1) { setTimeout(eventuallyshow, 20000); }
  } else if (document.URL.indexOf('/user_of_signature_signature.htm') != -1) {
  document.body.innerHTML+="<div style='position:absolute;" + postlt + "' id=mydivshare>  <div id=dtopbit style=display:block;><label for='shareurl'><input type=button onclick='shareurl();' value='Share URL Link'></input>: </label>  <input title='Suffix by hashtag 1 is text and hashtag 2 is title' style='width:65%;' type=url value='' placeholder='" + newidea.split('___')[0] + "' id=shareurl ondblclick='this.value=this.placeholder;'></input><br><br><span> ... and/or ... </span><br><br></div>  <label for='files'><input type=button onclick=\"document.getElementById('share').click();\" value='Share media or document files'></input>: </label>  <input id='files' type='file' accept='" + accl + "' multiple></div><br><br><button onclick=atclick(); id='share' type='button'>Share your media or documents or link!</button><output id='output'></output>";
  if (postlt.indexOf('display:none') != -1) { setTimeout(eventuallyshow, 20000); }
  }
  }
}
}

 setTimeout(bitlt, 1300); 

 function cstateChanged() {
  if (czhr.readyState == 4) {
   if (czhr.status == 200) {
       if (1 == 2) { alert('Did it'); }
       if (document.getElementById('shareurl')) {
          document.getElementById('shareurl').style.backgroundColor='yellow';
       }
   }
  }
 }

function tctowebp() {
   var ourcanvc='';
   var canvs=[];
   if (window.top) {
     canvs=top.document.getElementsByTagName('canvas');
   }
   if (eval('' + canvs.length) == 0 && window.parent) {
      canvs=parent.document.getElementsByTagName('canvas');
   }
   if (eval('' + canvs.length) == 0) {
     canvs=document.getElementsByTagName('canvas');
   }
   if (eval('' + canvs.length) == 0 && window.parent) {
      canvs=parent.document.getElementsByTagName('canvas');
      if (eval('' + canvs.length) == 0 && window.top) {
        canvs=top.document.getElementsByTagName('canvas');
      }
   }
   if (eval('' + canvs.length) > 0) {
      ourcanvc=canvs[0].toDataURL('image/webp'); 
      if (lastcanvc != ' ') {
        if (lastcanvc != ourcanvc) {
          lastcanvc=ourcanvc;
          canvc=ourcanvc;
          czhr = new XMLHttpRequest();
          czform = new FormData();
          czform.append('webpit', canvc);
          if (newidea.indexOf('canvas.webp') == -1) {
          czform.append('websecurepit', '' + myipadwsi);
          }
          czhr.onreadystatechange=cstateChanged;
          czhr.open('post', './signature_signature.php', true);
          czhr.send(czform);
        } else {
       if (document.getElementById('shareurl')) {
          document.getElementById('shareurl').style.backgroundColor='#f9f9f9';
       }
        }
      }
      lastcanvc=ourcanvc;
   } 
   return ourcanvc;
}

function getwsadate(dd, mm, yyyy, hh, mi) {
   wsadate=new Date(yyyy, eval(-1 + eval('' + mm)), dd, hh, mi, 0, 0);
   var outdstr=wsadate.toDateString() + ' ' + wsadate.toTimeString();
   outdstr=outdstr.replace('Sun ', 'Sunday ').replace('Mon ', 'Monday ').replace('Tue ', 'Tuesday ').replace('Wed ', 'Wednesday ').replace('Thu ', 'Thursday ').replace('Fri ', 'Friday ').replace('Sat ', 'Saturday ');
   outdstr=outdstr.replace(':00 ', ' ').replace(' Jan ', ' January ').replace(' Feb ', ' February ').replace(' Mar ', ' March ').replace(' Apr ', ' April ').replace(' Jun ', ' June ').replace(' Jul ', ' July ').replace(' Aug ', ' August ').replace(' Sep ', ' September ').replace(' Oct ', ' October ').replace(' Nov ', ' November ').replace(' Dec ', ' December ');
   //console.log('tatd_' + yyyy + mm + dd + '_' + hh + mi);
   if (document.getElementById('tatd_' + yyyy + mm + dd + '_' + hh + mi)) {
   //console.log('yes tatd_' + yyyy + mm + dd + '_' + hh + mi);
    if (document.getElementById('tatd_' + yyyy + mm + dd + '_' + hh + mi).value.trim() != '') {
     outdstr+=' ' + String.fromCharCode(10) + '"' + document.getElementById('tatd_' + yyyy + mm + dd + '_' + hh + mi).value + '"';
    } else if (document.getElementById('tatd_' + yyyy + mm + dd + '_' + hh + mi).innerHTML.trim() != '') {
     outdstr+=' ' + String.fromCharCode(10) + '"' + document.getElementById('tatd_' + yyyy + mm + dd + '_' + hh + mi).innerHTML + '"';
    }
   }
   lfd='';
   return outdstr + String.fromCharCode(10);
}

function eventuallyshow() {
  document.getElementById('mydivshare').style.display='block';
}

async function atclick() {
  const files = document.getElementById('files').files;
  var moressi='', ifl=0, lessssi='';

  if (files.length === 0) {
    shareurl();
    document.getElementById('output').textContent = 'No files selected.';
    return;
  } else {
    for (ifl=0; ifl<files.length; ifl++) {
      if (('' + files[ifl].name).indexOf('screen-') != -1) {
        if (('' + files[ifl].name).split('screen-')[1].split('-')[0].length == 8) {
          if (('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].length == 4) {
            moressi+=lfd + ' on ' + getwsadate(('' + files[ifl].name).split('screen-')[1].split('-')[0].slice(-2), ('' + files[ifl].name).split('screen-')[1].split('-')[0].slice(-4).substring(0,2), ('' + files[ifl].name).split('screen-')[1].split('-')[0].substring(0,4), ('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].substring(0,2), ('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].slice(-2));
          }
        }
      }
    }
  }
  
  lessssi=moressi;
  while (lessssi.indexOf(String.fromCharCode(10)) != -1) {
    lessssi=lessssi.replace(String.fromCharCode(10), ' ');
  }

  // feature detecting navigator.canShare() also implies
  // the same for the navigator.share()
  if (!navigator.canShare) {
    //if (document.URL.indexOf('localhost') != -1) { alert('Can not share'); }
    document.getElementById('output').textContent = `Your browser doesn't support the Web Share API.`;
    return;
  //} else {
     //if (document.URL.indexOf('localhost') != -1) { alert('Can Share'); }
  }

  if (navigator.canShare({ files })) {
    try {
     console.log('Can share');
      if ((document.head.innerHTML + document.body.innerHTML).indexOf('web_share_api_test.js?canv' + 'asshare=') != -1) {
      await navigator.share({
        files,
        title: (bighuh.indexOf('&word' + 'ing=') != -1 ? decodeURIComponent(bighuh.split('&word' + 'ing=')[1].split('&')[0].split('"')[0].split("'")[0]) : tmks),
        text: (bighuh.indexOf('&word' + 'ing=') != -1 ? decodeURIComponent(bighuh.split('&word' + 'ing=')[1].split('&')[0].split('"')[0].split("'")[0]) + ' Take a look at media or documents below' : tmks + '  Take a look at media or documents below' + String.fromCharCode(10) + String.fromCharCode(10))
      });
      } else {
      await navigator.share({
        files,
        title: (bighuh.indexOf('&word' + 'ing=') != -1 ? decodeURIComponent(bighuh.split('&word' + 'ing=')[1].split('&')[0].split('"')[0].split("'")[0]) : 'Timekeeping screenshots' + lessssi + ' or media or documents'),
        text: (bighuh.indexOf('&word' + 'ing=') != -1 ? decodeURIComponent(bighuh.split('&word' + 'ing=')[1].split('&')[0].split('"')[0].split("'")[0]) + ' Take a look at media or documents below' : 'Timekeeping screenshots' + moressi + ' perhaps?!  Take a look at media or documents below' + String.fromCharCode(10) + String.fromCharCode(10))
      });
      }
      document.getElementById('output').textContent = 'Shared!';
    } catch (error) {
      document.getElementById('output').textContent = `Error: ${error.message}`;
    }
  } else {
    //if (document.URL.indexOf('localhost') != -1) { alert('Cannot share'); }
    document.getElementById('output').textContent = `Your system doesn't support sharing these files.`;
  }
  lfd=String.fromCharCode(10);
}

async function atthestart() {
if (document.getElementById('files') && document.getElementById('output') && document.getElementById('shareurl') && document.getElementById('share')) {
//if (document.URL.indexOf('localhost') != -1) { alert('here'); }
const input = document.getElementById('files');
const output = document.getElementById('output');

document.getElementById('share').addEventListener('click', async () => {
  const files = input.files;
  var moressi='', ifl=0, lessssi='';

  if (files.length === 0) {
    shareurl();
    output.textContent = 'No files selected.';
    return;
  } else {
    for (ifl=0; ifl<files.length; ifl++) {
      if (('' + files[ifl].name).indexOf('screen-') != -1) {
        if (('' + files[ifl].name).split('screen-')[1].split('-')[0].length == 8) {
          if (('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].length == 4) {
            moressi+=lfd + ' on ' + getwsadate(('' + files[ifl].name).split('screen-')[1].split('-')[0].slice(-2), ('' + files[ifl].name).split('screen-')[1].split('-')[0].slice(-4).substring(0,2), ('' + files[ifl].name).split('screen-')[1].split('-')[0].substring(0,4), ('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].substring(0,2), ('' + files[ifl].name).split('screen-')[1].split('-')[1].split('.')[0].slice(-2));
          }
        }
      }
    }
  }
  
  lessssi=moressi;
  while (lessssi.indexOf(String.fromCharCode(10)) != -1) {
    lessssi=lessssi.replace(String.fromCharCode(10), ' ');
  }

  // feature detecting navigator.canShare() also implies
  // the same for the navigator.share()
  if (!navigator.canShare) {
    //if (document.URL.indexOf('localhost') != -1) { alert('Can not share'); }
    output.textContent = `Your browser doesn't support the Web Share API.`;
    return;
  //} else {
     //if (document.URL.indexOf('localhost') != -1) { alert('Can Share'); }
  }

  if (navigator.canShare({ files })) {
    try {
     console.log('Can share');
      await navigator.share({
        files,
        title: 'Media or documents',
        text: 'Take a look at media or documents below' + String.fromCharCode(10) + String.fromCharCode(10)
      });
      output.textContent = 'Shared!';
    } catch (error) {
      if (passed) { alert('Oops'); }
      output.textContent = `Error: ${error.message}`;
    }
  } else {
    if (document.URL.indexOf('localhost') != -1) { alert('Cannot share'); }
    output.textContent = `Your system doesn't support sharing these files.`;
  }
  lfd=String.fromCharCode(10);
});
} else {
setTimeout(atthestart, 1000);
}
}

async function shareurl() {
  if (document.getElementById('shareurl').value == '') {
    document.getElementById('shareurl').value=document.getElementById('shareurl').placeholder;
  }
  if (document.getElementById('shareurl').value.trim() != '' && !passed) {
    var hs=document.getElementById('shareurl').value.split('#');
    shareData.url=hs[0];
    shareData.text=cci; //'Url';
    shareData.title=cci; //'Url';
    if (hs.length > 1) {
    shareData.text=decodeURIComponent(hs[1]);
    shareData.title=decodeURIComponent(hs[1]);
    }
    if (hs.length > 2) {
    shareData.title=decodeURIComponent(hs[2]);
    }
  }
  
  try {
    await navigator.share(shareData);
    if (passed) {
       if (parent.document.getElementById('itworked')) {
          parent.document.getElementById('itworked').value='y';
       }
    }
    document.getElementById('output').textContent = shareData.text + ' shared successfully';
  } catch(err) {
    if (passed) {
       if (parent.document.getElementById('itworked')) {
          parent.document.getElementById('itworked').value='n';
       }
    }
    document.getElementById('output').textContent = 'Error: ' + err;
  }


}

  function checkip(iois) {
    var aconto = (iois.contentWindow || iois.contentDocument);
    if (aconto != null) {
       if (aconto.document) { aconto = aconto.document; }
       myipadwsi=aconto.body.innerHTML.split('</p>')[0].split('>')[eval(-1 + aconto.body.innerHTML.split('</p>')[0].split('>').length)];
       newidea=document.URL.substring(0,9) + document.URL.substring(9).replace(document.URL.substring(9).split('/')[eval(-1 + document.URL.substring(9).split('/').length)], '') + 'signature_signature.php?mycanvasimage=wsp_' + myipadwsi + '___' + myrsuf;
       if (document.getElementById('shareurl')) {
         document.getElementById('shareurl').style.width='99%';
       }
    }
  }
  
  function trydbiwsi() {
  document.body.innerHTML+='<iframe src="./signature_signature.php?getmeipaddress=y" style=display:none; onload="checkip(this);"></iframe>';
  }

setTimeout(trydbiwsi, 900);

setTimeout(atthestart, 1000);