gistfile1.txt

propublica.views.hoverExplanations = propublica.View.extend({
  tag:"*",
  cssClass: "define-me",

  bindings : {
    "mouseenter" : 'showToolTip',
    "mouseleave" : 'hideToolTip',
    "mousemove" : 'moveToolTip'
  },

  render : function(e){
    var tooltip = $(".pp-tooltip");
  },

  showToolTip : function(e) {
    var guff = window.main_guff
    var el = $(e.currentTarget)
    $(e.currentTarget).parent().addClass("active-tooltip")
    var term = el.attr("data")
    var definitions = {
      "p":guff["key-procedure"],
      "c":guff["key-complication"],
      "rr":guff["key-raw-rate"],
      "ar":guff["key-adjusted-rate"],
      "low":guff["key-low"],
      "med":guff["key-med"],
      "high":guff["key-high"],
      "sr":guff["key-surgeon-rate"],
      "ci":guff["key-confidence-interval"],
      "z1":guff["key-zero"],
      "z2":guff["key-zero-low-procedures"],
      "redacted":guff["key-redaction"]
    };

    $(".pp-tooltip").addClass("active-tooltip").html(definitions[term]);

  

  },

  hideToolTip : function(e) {
    $(".active-tooltip").removeClass("active-tooltip")
    $(".pp-tooltip").html("");
  },

  moveToolTip : function(e) {
    var h = $(".pp-tooltip").height() + 40;

    $(".pp-tooltip")
    .offset({
      top: e.pageY-h,
      left: e.pageX-75,
    });
  },

});