pf_js_app_dash_card_clickable

// JavaScript runs whenever data is rendered
// NB: this is JavaScript and NOT ProcScript
// my_variables = {foo:"bar",etc} - cannot be changed here

// config: {card title:url,...}
// note that card title must match each card title perfectly!!!
// eg: {"Tasks Overdue":"/myurl?pf-context=screen_4"}
var cards_to_click = {
  "Card Title 1":"/urltogoto?pf-context=screen_x",
  "Card Title 2":"/urltogoto?pf-context=screen_y",
};
// end config

var styles = ".zui-card-inner.card_clickable { cursor: pointer; background: white; } .zui-card-inner.card_clickable:hover { border: 1px solid #ddd; filter: invert(0.1); }";
$("body").append("<style>"+styles+"</style>");
$(".zui-card-inner").each(function(){
  var title = $(this).find(".zui-title").text();
  for ( key in cards_to_click ) {
    if ( title != key ) continue;
    var url = cards_to_click[key];
    $(this).addClass("card_clickable");
    console.log(key, title, url);
    $(this).on("click", function(){
      document.location.href = url;
    });
  }
});