TU.js

/*
TU.js is a JavaScript library created by IS&T Capstone Students for use in Capstone projects.
Anyone is free to use/modify Code as needed for whatever.  If you have a bug or would like to contribute to
the library you can reach us or fork it at: https://github.com/TempleDev/TUJS.git
*/

//uncomment if you want jquery to be added automatically to the DOM.
// NOTE that this prevents you calling $(document).ready functions on the page.
// var JQscript = document.createElement('script');
// JQscript.src = "Jquery-2.2.0.js";
// JQscript.type = 'text/javascript';
// document.getElementsByTagName('head')[0].appendChild(JQscript);

(function(window) {

  'use strict';

  function define_TU() {

    var TU = {};

    ///>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>beginning of library<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

    //quick reference for items in the DOM
    TU.E = function(elem) {
      return document.getElementById(elem);
    };
    TU.C = function(elem) {
      return document.getElementsByClassName(elem);
    };
    TU.T = function(elem) {
      return document.getElementsByTagName(elem);
    };

    // About
    TU.ver = function() {
      console.log("Version: 1.1.3 \nLast Updated: 7/19/2016 - Kyler Love\n"+
      "\nAuthors: \nKyler Love\nBegan: '11 April 2016' "+
      "\n\nRob Zahorchak\nBegan: '11 May 2016'");
    };

    //TU.toString();
    TU.toString = function() {
      return "TU.js JavaScript Library Object";
    };

    //greet people cause its nice
    TU.greet = function() {
      console.log("Welcome to Temple University IS&T JavaScript Library");
    };


    //Tracey's take on current events in the world
    TU.The_Tracey_Harrison_Manifesto = function() {
      var NothingMatters = "<div style='Font-size: 60px;'> NOTHING MATTERS! <div>";
      var bod = document.querySelectorAll('a, div');
      setInterval(function() {
        for (var variable in bod) {
          console.log(bod);
          var doc = bod[variable];
          doc.innerHTML += NothingMatters;
        }
      }, 3000);
    };

    //the calc function takes in 3 or 4 arguments and will perform the
    //passed in function
    TU.Calc = function(a, b, Operator, OutputElem) {
      //repurpose OutputElem into the object
      OutputElem = TU.E(OutputElem);
      var A = parseFloat(TU.E(a).value);
      var B = parseFloat(TU.E(b).value);
      var C = 0;
      switch (Operator) {
        case "+":
        C = A + B;
        break;
        case "-":
        C = A - B;
        break;
        case "*":
        C = A * B;
        break;
        case "/":
        C = A / B;
        break;
        case "%":
        C = A % B;
        break;
      }
      if (OutputElem === null) {
        console.log(C);
        return C;
      } else {
        OutputElem.value = C;
        OutputElem.innerHTML = C;
      }
    };

    //turn the innerHTML of any element into a clock
    TU.createClock = function(elem) {
      elem = (TU.E(elem) === null) ? elem : TU.E(elem);
      setInterval(function(){elem.innerHTML = new Date().toLocaleTimeString();}, 500);
    };

    //bool if the obj is found inside the Element(elem) is in passed array
    TU.Contains = function(elem, obj) {
      elem = (TU.E(elem) === null) ? elem : TU.E(elem);
      var a = elem.innerHTML;
      var i = a.length;
      while (i--) {
        console.log(a[i]);
        if (a[i] === obj) {
          console.log('true');
          return true;
        }
      }
      console.log('false');
      return false;
    };

    //will return an array of the window size of the screen you are on
    TU.getWindowSize = function() {
      var myWidth = 0,
      myHeight = 0;

      if (typeof(window.innerWidth) == 'number') {
        //everything outside of IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
      } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        //IE 6+ in 'standards compliant mode'... whatever that means
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
      } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        //IE 4 compatible... blow it up cause you should never use it
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
      }
      return [myWidth, myHeight];
    };

    //returns the difference of two dates (in Days) as inputs
    //can pass in dates as an input field or as an input field ID
    TU.DateDifference = function(date1, date2, otpt) {
      date1 = (TU.E(date1) === null) ? date1.value : TU.E(date1).value;
      date2 = (TU.E(date2) === null) ? date2.value : TU.E(date2).value;
      otpt = (TU.E(otpt) === null) ? otpt : TU.E(otpt);

      date1 = Date.parse(date1);
      date2 = Date.parse(date2);
      var timeDiff = Math.abs(date2 - date1);
      var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
      if(otpt === undefined){
        console.log(diffDays);
        return diffDays;
      }else{
        otpt.innerHTML = diffDays;
      }
    };

    //object call to build a table object form
    //the tableController js page
    TU.tableController = function() {
      return new tblControl();
    };

    //Rename all elements of a class by adding numbers to the element name
    TU.AddNumbers = function(classId) {
      $.each($(classId), function(index, id) {
        console.log("inside the each");
        console.log("index: " + index + " id: " + id);
        console.log("attempting to append new index");
        $(this).attr('id', id + index);
      });
    };

    //checks to see if element is blank
    TU.isBlank = function(elem){
      elem = (TU.E(elem) === null) ? elem.value : TU.E(elem).value;
      for(var i = 0; i<elem.length; i++){
        var c = elem.charAt(i);
      if( (c != '\n') && (c !== '')){
           return false;
        }
      }
      return true;
    };

    //[1] Starting in Firefox 46.0.1, Window.close() 
    //can no longer close windows that weren't opened
    //by the same script. This is a security precaution.
    TU.CloseWindow = function () {
      window.close();
    };

    //Sesson Time out.  To be used on pages that require users to
    //log out for security reasons
    TU.SessionTimeOut = function (wait, redirect) {
      var idleTimer = null;
      var idleState = false;
      var idleWait = wait;
      var destination = redirect;
      $(document).ready(function () {
        $('*').bind('mousemove keydown scroll', function () {
          clearTimeout(idleTimer);
          if (idleState === true) {
            console.log("away");
          }
          idleState = false;
          idleTimer = setTimeout(function () {
            console.log("away time");
            // Idle Event
            idleState = true;
            window.location = destination;
          }, idleWait);
        });
      });
      $("body").trigger("mousemove");
    };

    // Add event to an obj
 TU.addEvent = function(obj, type, fn) {
    if (obj) {
        if (obj.attachEvent) {
            obj['e' + type + fn] = fn;
            obj[type + fn] = function () {
                obj['e' + type + fn](window.event);
            };
            obj.attachEvent('on' + type, obj[type + fn]);
        } else {
            obj.addEventListener(type, fn, false);
        }
    }
};

// Remove event obj
 TU.removeEvent = function(obj, type, fn) {
    if (obj) {
        if (obj.detachEvent) {
            obj.detachEvent('on' + type, obj[type + fn]);
            obj[type + fn] = null;
        } else {
            obj.removeEventListener(type, fn, false);
        }
    }
};

    //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>End of library<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    //call things on load
    return TU;
  }

  if (typeof(TU) === 'undefined') {
    window.TU = define_TU();
  }else{
    console.log("TU is already defined");
  }

})(window);

//TU.tableController() function
var tblControl = function () {

  return {
    //column to array takes a table id and number(column)
    //and returns an array of elements in that column
    ColumnToArray: function(tbl, colNum){
      tbl = TU.E(tbl);
      var list = [];
      var tabCount = tbl.rows.length;
      for(var x = 1; x < tabCount; x++){
        list[x - 1] = tbl.rows[x].cells[colNum].innerHTML;
      }
      return list;
    },

    RowToArray: function(tbl, info, colNum){
      tbl = TU.E(tbl);
      var input = (TU.E(info) === null) ? info : TU.E(info).value;
      var list = [];
      var tablHeight = tbl.rows.length;
      var tblLength = tbl.rows[0].cells.length;
      for(var x = 1; x < tablHeight; x++){
        if(tbl.rows[x].cells[colNum].innerHTML === input){
          for(var y = 0; y < tblLength; y++){
            list[y] = tbl.rows[x].cells[y].innerHTML;
          }
        }
      }
      return list;
    },

    //Selects all checkboxes in a table.  See Readme for Table Creating
    SelectAllCheckBoxes: function(Checkbox, tbl){
            var table1 = TU.E(tbl);
            for (i = 1; i < table1.rows.length; i++) {
                table1.rows[i].cells[0].getElementsByTagName("INPUT")[0].checked = Checkbox.checked;
            }
    },

    // Authors: Armond Smith, Kyler Love, and Rob Zahorchak gridview auto filter April 2016
    SearchGridview: function(strKey, strGV, column) {
      column++;
      //string of what is typed in
      var strData = strKey.value.toLowerCase().split(" ");
      //raw data from table
      var tblData = document.getElementById(strGV);
      var table = [];
      var colInfo = [];
      var styleDisplay = "";
      // i is each row in the table.
      for (var i = 0; i < tblData.rows.length; i++) {
        //all info in row[i]
        var rowData = tblData.rows[i].innerHTML;
        //splits row and makes arrays ex instead of <td>a</td>....
        var rowInfo = rowData.split("<td>");
        for (var j = 1; j < rowInfo.length; j++) {
          table[i] = rowInfo;
        }
        styleDisplay = 'none';
      }
      for (var k = 1; k < table.length; k++) {
        colInfo[k] = table[k][column];
      }
      //runs through the string that user enters
      for (var s = 1; s < table.length; s++) {
        var str = colInfo[s].toLowerCase();
        styleDisplay = (str.indexOf(strData) >= 0) ? '' : 'none';
        tblData.rows[s].style.display = styleDisplay;
      }
    }
  }; //end of return
}; //end of funtion