// 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 wsadate=new Date();
var lfd=String.fromCharCode(10);

var shareData = {
  title: 'IT Blog',
  text: 'RJM Programming Blog',
  url: 'https://www.rjmprogramming.com.au/ITblog/'
};

if ((document.head.innerHTML + document.body.innerHTML).indexOf('web_share_api_test.js?populate=') != -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);
  }
}

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');
      await navigator.share({
        files,
        title: 'Timekeeping screenshots' + lessssi + ' or media or documents',
        text: '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) {
      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() != '') {
    var hs=document.getElementById('shareurl').value.split('#');
    shareData.url=hs[0];
    shareData.text='Url';
    shareData.title='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);
    document.getElementById('output').textContent = shareData.text + ' shared successfully';
  } catch(err) {
    document.getElementById('output').textContent = 'Error: ' + err;
  }


}

setTimeout(atthestart, 1000);