MediaWiki:Result Code Details.js: Difference between revisions

Revision as of 19:15, 21 January 2015

//Changes the Header to act like a button
$(".TileLayoutHead p").css({"cursor":"pointer"});//Cursor change
$(".TileLayoutHead p").hover(function(){$(this).parent().css({"background-color":"#ffffff"});},function(){$(this).parent().css({"background-color":"#f6f6f6"})});//Hover change
//Fixes Result Code Header padding
$(".ResultTileLayoutHead h3").css({"padding-left":"30px"});

//Slide-out Effect
$(".TileLayoutHead p").click(function(){
  $(this).siblings(".TileLayoutBody").toggle(500, tileResetCheck($(this)));//Category Rollout
  $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide
  $(".ResultTileLayoutHead").slideUp(500);//Ensures the Result Code table holder is hidden.
  setTimeout(function(){
    $(".ResultTileLayoutHead").css({"background-color":"#f6f6f6"});//Resets Result Head back color.
    $(".ResultTileLayoutHeat").children("p").first().text("Result Codes");//Resets Result Head text to default.
  }, 500);
  //$(".ResultTileLayoutHead").animate().css({"display":"none","background-color":"#f6f6f6"});//Ensures the Result Code table holder is hidden.
  //$(this).siblings(".TileLayoutBody").children().css({"display":"inline-block"});//Ensure Tiles are reset.
 // tileResetCheck();
});

//Ensure Tiles Are Reset
function tileResetCheck(that){
  if (that.siblings().css("display") === "block"){//Checks state of Category Rollout.
    setTimeout(function(){//Ensures tiles don't appear till after the cateogry hide rollout is done.
      that.siblings(".TileLayoutBody").children().css({"display":"inline-block"});
    }, 500);
  };
}

//Click handler on tiles.
$(".TileLayoutBody a").click(function (){
//Matches the hash with a class to know what to hide. Class is set by the TileLayoutTile template.
  var hashTarget = $(this).attr("href");
  var trimmedHashTarget = hashTarget.slice(hashTarget.indexOf("#") + 1,(hashTarget.length));
  cleanedHashTarget = trimmedHashTarget.replace(/[_:]|\.2B|\.2A/g, ""); //Removes spaces, colons, pluses, and asterisks.
  spacedHashTarget = trimmedHashTarget.replace(/_/g, " ");//Readies the hash to be a header with spaces.
  spacedHashTarget = spacedHashTarget.replace(/.2A/g, "*");//Readies the hash to be a header with asterisks.
  spacedHashTarget = spacedHashTarget.replace(/.2B/g, "+");//Readies the hash to be a header with pluses.
  $(".TLT_" + cleanedHashTarget).siblings().toggle(250);//Hides the other tiles.
  $(".ResultTileLayoutHead").toggle(500);//Shows the Result Code table holder.
  var resultBackColor;
//Sets the color variable for the Result Head according to the product selected.
  switch ($(this).closest(".TileLayoutHead").children("p").first().text()){
    case "APIs": resultBackColor = "#005cbe"; break;
    case "Enterprise Solutions": resultBackColor = "#009245"; break;
    case "Web Services": resultBackColor = "#ff9000"; break;
    case "Legacy Services": resultBackColor = "#a31616"; break;
    case "Software": resultBackColor = "#c02040"; break;
    case "Reference Data": resultBackColor = "#6f1ba5"; break;
    default: resultBackColor = "#f6f6f6";
  }
  $(".ResultTileLayoutHead").css({"background-color":resultBackColor});//Sets the Result Head back color to the product.
  $(".ResultTileLayoutHead").children("p").first().text(spacedHashTarget + " Result Codes");//Sets the Result Head text to the selected tile.
  selectedResultCodeDisplayer($(this), trimmedHashTarget);
});


//Handles the result codes to be displayed, depending on the selected product.
function selectedResultCodeDisplayer(that, trimmedHashTarget) {
console.log(that.attr("href"));
console.log(trimmedHashTarget);
  console.log($(".ResultTileLayoutHead").children("h3 span").html());
  console.log($(".ResultTileLayoutHead").children("h3").children("span").html());
  console.log($(".ResultTileLayoutHead").children(".TileLayoutBody").children("h3").html());
}

//Check On Page Load
//$(window).on('hashchange', TileLayoutTileHider);//Check on hashchange


/*
$(window).on('hashchange', TileLayoutTileHider);//Check on hashchange
function TileLayoutTileHider(){
  var pageHash = window.location.hash
  var trimmedHash = pageHash.slice(pageHash.indexOf("#") + 1,(pageHash.length));
  console.log("pageHash: " + pageHash);
  console.log("trimmedHash: " + trimmedHash);
}*/