Timesheet

Add options to workflowmax.com timesheet

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        Timesheet
// @namespace   http://geosolve.co.nz
// @description Add options to workflowmax.com timesheet
// @include     https://app.my.workflowmax.com/my/timesheet.aspx?*tab=weekly*
// @include		https://app.my.workflowmax.com/financial/resourcetimesheet.aspx?*mode=weekly*
// @version     1.6.6
// @grant       none
// ==/UserScript==

//window.addEventListener ("load", Greasemonkey_main, false);
Greasemonkey_main();

function Greasemonkey_main () {
  var bDebug = false;
    try {var baseURL = window.location.href.split("?")[0];} catch(err) {console.log(err.message);}
    console.log(window.location.href);
    console.log(baseURL);
  var isSort;
    var isSortque
    if (isSort = getQueryVariable("sort")) {
     	isSortque = 'sort=' + isSort + '&';
    } else {
    isSortque = "";
  }
  var isID;
    var isIDque;
    if (isID = getQueryVariable("id")) {
     	isIDque = 'id=' + isID + '&';
    } else {
    isIDque = "";
  }
  var isTab;
  var isTabque;
    if (isTab = getQueryVariable("tab")) {
     	isTabque = 'tab=' + isTab + '&';
    } else {
    isTabque = "";
  }
    var isFilter;
  var isFilterque;
    if (isFilter = getQueryVariable("filter")) {
     	isFilterque = 'filter=' + isFilter + '&';
    } else {
    isFilterque = "";
  }
    var isMode;
    var isModeque;
    if (isMode = getQueryVariable("mode")) {
     	isModeque = 'mode=' + isMode + '&';
    } else {
    isModeque = "";
  }
  var isDrop;
  var isDropque; 
  if (isDrop = getQueryVariable("drop")) {
     isDropque = 'drop=' + isDrop + '&';  
  } else {
    isDropque = "";  
  }
  var head = document.getElementsByClassName("heading");
  var jobCol = head[0].getElementsByClassName("time-job");
  var isDate = "";
  var isDateque;
  isDate = getQueryVariable("date");
  if (isDate != "") {
   	isDateque = 'date=' + isDate + '&';
  } else {
    isDateque = "";
  }
  head[0].getElementsByClassName("time-job")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=job">Job/Task</a>');
  head[0].getElementsByClassName("time-job")[0].title = "Sort by Job Number."
  head[0].getElementsByClassName("time-client")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=client">Client</a>');
  head[0].getElementsByClassName("time-client")[0].title = "Sort by Client name."
  head[0].getElementsByClassName("total-heading")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=total">Total</a>');  
  head[0].getElementsByClassName("total-heading")[0].title = "Sort by total hours.";
  var panel = document.getElementsByClassName("ButtonPanel")[0];
    
 var buttonText = 'Order Job List by: <a href="' + baseURL + '?' + isIDque + isDateque + isTabque + isModeque + isFilter + '">Job</a>, <a href="' + baseURL + '?' + isIDque + isDateque + isTabque + isModeque + isFilter + 'drop=name">Job Name</a>, <a href="' + baseURL + '?' + isIDque + isDateque + isTabque + isModeque + isFilter + 'drop=client">Client</a><br>';
  panel.innerHTML = buttonText + panel.innerHTML + '<br><a href="http://dunprojtrack.geosolve.local/timesheet.php" target="_blank">To Timesheet Guide</a>';
    
    //sort job dropdown
	var i;
    var tempHold;
    if (isDrop) {
        var jobDropbox = document.getElementById('ctl00_PageContent_ctlxlayoutJob');
     	var jobDrop = document.getElementById('ctl00_PageContent_ctlxlayoutJob').children;
        var innerJob;
		var arrDrop = new Array(1);
        for (i = 0; i < jobDrop.length; i++) {
            innerDrop = jobDrop[i].innerHTML.split(" - ");
            if (isDrop == "client") {
                if (innerDrop[2]) {
                    tempHold = innerDrop[2]; 
                    innerDrop[2] = innerDrop[0];
                    innerDrop[0] = tempHold;
                    jobDrop[i].innerHTML = innerDrop.join(" - ");
					arrDrop.push(i);
					arrDrop[i] = jobDrop[i];
                } 
            } else if (isDrop == "name") {
            	if (innerDrop[2]) {
                    tempHold = innerDrop[1]; 
                    innerDrop[1] = innerDrop[0];
                    innerDrop[0] = tempHold;
                    jobDrop[i].innerHTML = innerDrop.join(" - ");
					arrDrop.push(i);
					arrDrop[i] = jobDrop[i];
                } 
            }
        }
        arrDrop.sort(dropsort);
        for (i = arrDrop.length-1; i > -1 ; i--) {
            if (arrDrop[i+1]) {
        		if (bDebug == true) {
                    console.log(i);
                	console.log(arrDrop[i].innerHTML);
                	console.log(arrDrop[i+1].innerHTML);
                }
                try {jobDropbox.insertBefore(arrDrop[i],arrDrop[i+1]);} catch(err) {console.log(err.message);}
            }
        }
    }
    
  //figure out which sort we're using and set it all up to work
  var sortType = "time-job";
  var upDown = "Down";
  if (isSort == "job") {
    sortType = "time-job"
    head[0].getElementsByClassName("time-job")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=jobu">Job/Task</a>');
    upDown = "Down";
  } else if (isSort == "jobu") {
    sortType = "time-job"
    head[0].getElementsByClassName("time-job")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=job">Job/Task</a>');
    upDown = "Up";
  } else if (isSort == "client") {
    sortType = "time-client"
    head[0].getElementsByClassName("time-client")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=clientu">Client</a>');
    upDown = "Down";
  } else if (isSort == "clientu") {
    sortType = "time-client"
    head[0].getElementsByClassName("time-client")[0].innerHTML = ('<br><a href="' + baseURL + '?' + isIDque + isDateque + isDropque + isTabque + isModeque + isFilter + 'sort=client">Client</a>');
    upDown = "Up";
  } else if (isSort == "total") {
    sortType = "total-task"
    upDown = "Down";
  };
      
  var timeTable = document.getElementById("ctl00_PageContent_weeklyTimesheetSummaryTable");
  if (bDebug == true) {
   var banner = document.getElementsByClassName("MaxBanner");
      
  }
  
  var rows = timeTable.getElementsByClassName("summary-row");
  var notes = timeTable.children;
    if (bDebug == true) {console.log(notes.length);};
  
  
  var list = new Array(1);
  list[0] = new Array(4);
  for (i = 0; i <= rows.length-1; i++) {
    if (bDebug == true) {console.log(i);}
    list.push(i);
    list[i] = new Array(4);
    list[i][0] = i;
    list[i][1] = rows[i];    
    if (bDebug == true) {console.log(typeof(list[i][1]));};
    list[i][2] = rows[i].getElementsByClassName(sortType)[0].innerHTML;
	list[i][3] = notes[i * 2 + 1];
    if (bDebug == true) {console.log(list[i][2]);};
    if (bDebug == true) {console.log(sortType);};
  }
    if (bDebug == true) {console.log(i);};
  try {list.splice(i,1);} catch(err) {console.log(err.message);};
   //debug output
  if (bDebug == true) {
    for (i = 0; i <= rows.length -1; i++) {
     banner[0].innerHTML += i;
     banner[0].innerHTML += list[i][2];
     
    }
    banner[0].innerHTML += list.length;
    banner[0].innerHTML += rows.length;
  }
  
  try {if (isSort=="total") {
    if (bDebug == true) {console.log('isSort="total"');};
    list.sort(time);
  } else if(isSort.charAt(isSort.length-1) == "u") {
    if (bDebug == true) {console.log('isSort.charAt(isSort.length-1) == "u"');};
    list.sort(compareu);
  } else {
    if (bDebug == true) {console.log('else');};
    list.sort(compare);
  } } catch (err){console.log(err.message);};
  
  
  for (i = 0; i <= rows.length-1; i++) {
    if (bDebug == true) {console.log(i);}
    if (bDebug == true) {console.log(list[i][2]);};
    if (i == 0) {
     
    } else {
      if (bDebug == true) {console.log(typeof(list[i][0]));};
      if (bDebug == true) {console.log(typeof(list[i][1]));};
      try {timeTable.insertBefore(list[i][1],list[i-1][1]);} catch(err) {console.log(err.message);}
	try {timeTable.insertBefore(list[i][3],list[i][1].nextSibling);} catch(err) {console.log(err.message);}
    }
  }
}

function compare(a,b) {
  //compare A > Z
  var result = a[2].localeCompare(b[2]);
  if (result == -1) {result = 1} else if (result == 1) {result = -1};
  return result;
  //return "-1";
};

function compareu(a,b) {
  //compare A > Z
  var result = a[2].localeCompare(b[2]);
  return result;
  //return "-1";
};

function time(a,b) {
  var a2 = parseFloat(a[2].replace(":","."));
  var b2 = parseFloat(b[2].replace(":","."));
  return a2 > b2 ? 1 : a2 < b2 ? -1 : 0;
};

function dropsort(a,b) {
	return a.innerHTML.localeCompare(b.innerHTML);
}

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return("");
};