// tsheet.js
// Help out with timesheet Image Map Jigsaw interfacing
// RJM Programming
// March, 2019


function clicksigarea() {
  var arss=document.getElementsByTagName('area');
  var afound=false;
  for (var iar=0; iar<arss.length; iar++) {
   if (!afound) {
    // .replace(/‘/g,"'").replace(/”/g,'"')
    if (arss[iar].outerHTML.replace(/‘/g,"'").replace(/”/g,'"').indexOf('"signature"') != -1 || arss[iar].outerHTML.replace(/‘/g,"'").replace(/”/g,'"').replace(/\'/g,'').replace(/\"/g,'').indexOf('=signature') != -1) { afound=true;  arss[iar].click(); }
   }
  }
}

function predynamicclasstitle() {
  if (document.getElementById('parentimgelement')) {
  if (document.getElementById('parentimgelement').src == "") {
    setTimeout(predynamicclasstitle, 2000);
  } else if (1 == 1) {
    //document.getElementById('divsignature').style.backgroundImage='URL"' + document.getElementById('parentimgelement').src + '")';
    document.getElementById('isignature').src='./signature_signature.php';
    document.getElementById('isignature').style.zIndex='1';
    document.getElementById('isignature').style.display='none';
    document.getElementById('parentimgelement').style.zIndex='390';
    document.getElementById('divsignature').style.zIndex='390';
    document.getElementById('tdhuhta').innerHTML=document.getElementById('tdhuhta').innerHTML.replace('&lt;/map&gt;', '&lt;/map&gt;' + document.getElementById('parentimgelement').outerHTML.replace('<img ','<IMG ').replace('z-index: 390;','').replace(' style="', ' onclick="clicksigarea();" style="cursor:pointer;position:absolute;left:' + eval(-ttable.left + eval(document.getElementById('divsignature').style.left.replace('px',''))) + 'px;top:' + eval(-ttable.top + eval(document.getElementById('divsignature').style.top.replace('px',''))) + 'px;').replace(/\</g,'&lt;').replace(/\>/g,'&gt;')); //'<area shape="rect" title="Rectangle ' + nrect + '" coords="' + eval(eval(jigsawrect[0]) - eval(('' + evt.target.style.left).replace('px',''))) + ',' + eval(eval(jigsawrect[1]) - eval(('' + evt.target.style.top).replace('px',''))) + ',' + eval(eval(jigsawrect[4]) - eval(('' + evt.target.style.left).replace('px',''))) + ',' + eval(eval(jigsawrect[5]) - eval(('' + evt.target.style.top).replace('px',''))) + '" href="#" target="_blank" onclick="if (1 == 3) { alert(99); }" />' + String.fromCharCode(10) + '&lt;area shape="default" nohref');
    document.getElementById('tdhuhta').value=document.getElementById('tdhuhta').innerHTML.replace(/\&lt\;/g,'<').replace(/\&gt\;/g,'>');
  }
  } else if (document.getElementById('divsignature')) {
    if (document.getElementById('divsignature').outerHTML.length > 500) {
    document.getElementById('isignature').style.zIndex='1';
    document.getElementById('isignature').style.display='none';
    }
    setTimeout(predynamicclasstitle, 2000);
  } else {
    setTimeout(predynamicclasstitle, 2000);
  }
}

function dynamicclasstitle(instris) {
 var ispa=0, spareca='', spareco=[], sigwidth=-1, sigheight=-1, sigminx=0, sigminy=0, sigmaxx=0, sigmaxy=0;
 if (document.getElementById('isignature')) {
  if (document.getElementById('isignature').src.replace(document.URL.split('#')[0],'') == '') {
  if (instris.indexOf('="signature') != -1) {
    spareca=instris.split('="signature')[0].split('<area')[eval(-1 + instris.split('="signature')[0].split('<area').length)] + instris.split('="signature')[1];
  } else if (instris.indexOf("='signature") != -1) {
    spareca=instris.split("='signature")[0].split('<area')[eval(-1 + instris.split("='signature")[0].split('<area').length)] + instris.split("='signature")[1];
  } else if (instris.indexOf('=signature') != -1) {
    spareca=instris.split('=signature')[0].split('<area')[eval(-1 + instris.split('=signature')[0].split('<area').length)] + instris.split('=signature')[1];
  }
  if (spareca.indexOf(' coords="') != -1) {
    spareco=spareca.split(' coords="')[1].split('"')[0].split(',');
  } else if (spareca.indexOf(" coords='") != -1) {
    spareco=spareca.split(" coords='")[1].split("'")[0].split(',');
  } else if (spareca.indexOf(' coords=') != -1) {
    spareco=spareca.split(' coords=')[1].split(' ')[0].split('>')[0].split(',');
  }
  if (spareco.length > 1) {
    sigminx=eval(spareco[0]);
    sigminy=eval(spareco[1]); 
    sigmaxx=eval(spareco[0]); 
    sigmaxy=eval(spareco[1]);
    if (spareco.length == 3) {
      sigminx-=eval(spareco[2]);
      sigminy-=eval(spareco[2]);
      sigmaxx+=eval(spareco[2]);
      sigmaxy+=eval(spareco[2]);
    } else {
      for (ispa=2; ispa<spareco.length; ispa+=2) {
        if (eval(spareco[ispa]) < sigminx) { sigminx=eval(spareco[ispa]); } 
        if (eval(spareco[eval(1 + ispa)]) < sigminy) { sigminy=eval(spareco[eval(1 + ispa)]); } 
        if (eval(spareco[ispa]) > sigmaxx) { sigmaxx=eval(spareco[ispa]); } 
        if (eval(spareco[eval(1 + ispa)]) > sigmaxy) { sigmaxy=eval(spareco[eval(1 + ispa)]); } 
      }
    }
    if (sigmaxx > sigminx && sigmaxy > sigminy) {
      document.getElementById('isignature').title='' + sigminx + '.' + sigminy + ',' + sigmaxx + ',' + sigmaxy;

      document.getElementById('divsignature').style.position='absolute';
      document.getElementById('divsignature').style.left='' + eval(ttable.left + sigminx) + 'px';
      document.getElementById('divsignature').style.top='' + eval(ttable.top + sigminy) + 'px';
      document.getElementById('divsignature').style.width='' + eval(sigmaxx - sigminx) + 'px';
      document.getElementById('divsignature').style.height='' + eval(sigmaxy - sigminy) + 'px';
      document.getElementById('divsignature').style.zIndex='340';
      document.getElementById('divsignature').style.display='block';
      document.getElementById('divsignature').style.backgroundColor='transparent';

      if (1 == 1) {
      if (1 == 1) { document.getElementById('divsignature').innerHTML='<IMG id="parentimgelement" width=' + eval(sigmaxx - sigminx) + ' height=' + eval(sigmaxy - sigminy) + ' style="z-index:340;background-color:transparent;"></img>'; }
      } else {
      document.getElementById('divsignature').innerHTML='<IMG id="parentimgelement" width=' + eval(sigmaxx - sigminx) + ' height=' + eval(sigmaxy - sigminy) + ' style="z-index:340;background-color:transparent; position: absolute; top:' + eval(ttable.top + sigminy) + 'px; left:' + eval(ttable.left + sigminx) + 'px;"></img>';
      }
      document.getElementById('isignature').style.position='absolute';
      document.getElementById('isignature').style.left='' + eval(ttable.left + sigminx) + 'px';
      document.getElementById('isignature').style.top='' + eval(ttable.top + sigminy) + 'px';
      document.getElementById('isignature').style.width='' + eval(sigmaxx - sigminx) + 'px';
      document.getElementById('isignature').style.height='' + eval(sigmaxy - sigminy) + 'px';
      document.getElementById('isignature').style.zIndex='350';
      document.getElementById('isignature').style.display='block';
      document.getElementById('isignature').style.backgroundColor='transparent';
      document.getElementById('isignature').src='./signature_signature.html?nocookies=y&cwidth=' + eval(sigmaxx - sigminx) + '&cheight=' + eval(sigmaxy - sigminy);
      //alert(document.getElementById('parentimgelement').src);
      setTimeout(predynamicclasstitle, 2000);
    }
  }
 }
 }
}

function lookforclasstitle() {
  var today = new Date();
  var xdd, dd = ('0' + today.getDate()).slice(-2);
  var xmm, mm =  ('0' + (today.getMonth() + 1)).slice(-2); //January is 0!
  var iioffset="", doffset=false, ii, jj, beforebit='';
  var xyyyy, yyyy = today.getFullYear(), aadate=null;  
  var aval='', thistitle='', coordarr=[], ccoords='', ashape='', proposeddiv='', origdbi='', relativedateo=[], relativeto=[], crelativeto=',', relativetitle=[], crelativetitle=',';
  var areas=document.getElementsByTagName('area');
  if (areas.length > 0) {
    origdbi=document.body.innerHTML.replace(/top\:\ /g,'top:').replace(/left\:\ /g,'left:');
    //document.title+=' ' + areas.length + ' areas';
    for (ii=0; ii<areas.length; ii++) {
      ashape='' + areas[ii].shape;
      thistitle='' + areas[ii].title;
      ccoords='' + areas[ii].coords;
      coordarr=[];
      if (ccoords.indexOf(',') != -1) {
        coordarr=ccoords.split(',');
      }
      //alert(areas[ii].outerHTML.replace(/\'/g,'').replace(/\"/g,''));
      if (areas[ii].outerHTML.replace(/\'/g,'').replace(/\"/g,'').indexOf(' class=tick ') != -1 && coordarr.length > 1) {
        //alert('here');
        proposeddiv='<div contenteditable=true style="background-color:transparent;z-index:300;font-size:30px;text-align:center;position:absolute;left:' + coordarr[0] + 'px;top:' + coordarr[1] + 'px;width:' + Math.abs(coordarr[2] - coordarr[0]) + 'px;height:' + Math.abs(coordarr[3] - coordarr[1]) + 'px;line-height:' + eval(Math.abs(coordarr[3] - coordarr[1]) / 1) + 'px;">&#10004;</div>';
        if (origdbi.indexOf('left:' + coordarr[0] + 'px') == -1 && origdbi.indexOf('top:' + coordarr[1] + 'px') == -1) {
          document.body.innerHTML+=proposeddiv;
        }
      } else if (areas[ii].title.indexOf('-') != -1 || areas[ii].title.indexOf('+') != -1) {
        if (areas[ii].title.indexOf('-') != -1) {
          iioffset=areas[ii].title.split('-')[eval(-1 + areas[ii].title.split('-').length)]; //.trim();
          beforebit=areas[ii].title.split('-' + iioffset)[0].trim();
          iioffset=iioffset.trim();
          if (('' + iioffset + ' ').substring(0,1) < '0' || ('' + iioffset + ' ').substring(0,1) > '9') { iioffset=''; } else { iioffset='' + eval(-1 * iioffset); }
        } else {
          iioffset=areas[ii].title.split('+')[eval(-1 + areas[ii].title.split('-').length)]; //.trim();
          beforebit=areas[ii].title.split('+' + iioffset)[0].trim();
          iioffset=iioffset.trim();
          if (('' + iioffset + ' ').substring(0,1) < '0' || ('' + iioffset + ' ').substring(0,1) > '9') { iioffset=''; }
        }
        if (iioffset != '') {
          doffset=false;
          for (jj=0; jj<relativetitle.length; jj++) {
            if (beforebit == relativetitle[jj]) {
              doffset=true;
              aadate=new Date(relativedateo[jj]);
              if (eval(iioffset) < 0) {
              aadate.setDate(aadate.getDate() - Math.abs(eval(iioffset))); //aadate.addDays(eval(iioffset));
              } else if (eval(iioffset) > 0) {
              aadate.setDate(aadate.getDate() + eval(iioffset)); //aadate.addDays(eval(iioffset));
              }
              xdd = ('0' + aadate.getDate()).slice(-2);
              xmm =  ('0' + (aadate.getMonth() + 1)).slice(-2); //January is 0!
              xyyyy = aadate.getFullYear();  
              proposeddiv='<div contenteditable=true style="background-color:transparent;z-index:300;font-size:42px;text-align:center;position:absolute;left:' + coordarr[0] + 'px;top:' + coordarr[1] + 'px;width:' + Math.abs(coordarr[2] - coordarr[0]) + 'px;height:' + Math.abs(coordarr[3] - coordarr[1]) + 'px;line-height:' + eval(Math.abs(coordarr[3] - coordarr[1]) / 1) + 'px;">' + xdd + '/' + xmm + '/' + xyyyy + '</div>';
              document.body.innerHTML+=proposeddiv;
            }
          }
        }
      } else if (crelativeto.indexOf(',' + areas[ii].title + ',') == -1 && (('' + areas[ii].title + '~').toLowerCase().indexOf('ending~') != -1 || ('' + areas[ii].title + '~').toLowerCase().indexOf('starting~') != -1) && coordarr.length > 1) {
        if (origdbi.indexOf('left:' + coordarr[0] + 'px') == -1 && origdbi.indexOf('top:' + coordarr[1] + 'px') == -1) {
          var couldbeaval=location.search.split(areas[ii].title.toLowerCase().replace(/\ /g,'_') + '=')[1] ? decodeURIComponent(location.search.split(areas[ii].title.toLowerCase().replace(/\ /g,'_') + '=')[1].split('&')[0]) : '';
          if (couldbeaval != '') {
          aval=couldbeaval;
          } else {
          aval=prompt('Please enter ' + areas[ii].title + ' in DD/MM/YYYY date format', dd + '/' + mm + '/' + yyyy);
          }
          if (aval == null) { aval=dd + '/' + mm + '/' + yyyy; }
          if (aval == '') { aval=dd + '/' + mm + '/' + yyyy; }
          crelativetitle+=areas[ii].title;
          relativetitle=crelativetitle.substring(1).split(',');
          crelativetitle+=',';
          crelativeto+=aval;
          relativeto=crelativeto.substring(1).split(',');
          crelativeto+=',';
          relativedateo.push(((aval.split('/')[2] + '-' + ('0' + aval.split('/')[1]).slice(-2) + '-' + ('0' + aval.split('/')[0]).slice(-2))));
          proposeddiv='<div contenteditable=true style="background-color:transparent;z-index:300;font-size:50px;text-align:center;position:absolute;left:' + coordarr[0] + 'px;top:' + coordarr[1] + 'px;width:' + Math.abs(coordarr[2] - coordarr[0]) + 'px;height:' + Math.abs(coordarr[3] - coordarr[1]) + 'px;line-height:' + eval(Math.abs(coordarr[3] - coordarr[1]) / 1) + 'px;">' + aval + '</div>';
          document.body.innerHTML+=proposeddiv;
        } else {
          crelativetitle+=areas[ii].title;
          relativetitle=crelativetitle.substring(1).split(',');
          crelativetitle+=',';
          crelativeto+=origdbi.split('left:' + coordarr[0] + 'px')[1].split('<')[0].split('>')[1];
          relativeto=crelativeto.substring(1).split(',');
          crelativeto+=',';
          relativedateo.push(((origdbi.split('left:' + coordarr[0] + 'px')[1].split('<')[0].split('>')[1].split('/')[2] + '-' + ('0' + origdbi.split('left:' + coordarr[0] + 'px')[1].split('<')[0].split('>')[1].split('/')[1]).slice(-2) + '-' + ('0' + origdbi.split('left:' + coordarr[0] + 'px')[1].split('<')[0].split('>')[1].split('/')[0]).slice(-2))));
        }
      }
    }
  }
}

setTimeout(lookforclasstitle, 2000);