hide rows pre 62 depends

hide_rows_pre_62.js

// Needed for Splunk 6.1 since the "depends" attributes in <chart>, <table>, etc. doesn't hide the inputs in that panel
// I was told that the inputs within the panel can be hidden in Simple XML in Splunk 6.2
require([
    'jquery',
    'underscore',
    'splunkjs/mvc',
    'splunkjs/mvc/simplexml/ready!'
],
function(
    $,
    _,
    mvc
) {
    // Default tokens are tokens that haven't been submitted (like changing the value of an input without clicking Submit)
    var unsubmitted_tokens = mvc.Components.get('default');
    var submitted_tokens = mvc.Components.get('submitted');
 
    var instances = mvc.Components.getInstances();
 
    // Only get the instances that are inputs
    // The input id must be like "field4", not "field4_312"
    var inputs = _.filter(instances, function(instance) {
        return instance.id && instance.id.match(/^field\d+$/);
    });
 
    // HIDING
    // For each input if the input's row contains an element that is hidden, then hide the entire row (which also hides the input)
    $.each(inputs, function(k, v) {
        var element_row = this.$el.parents("div.dashboard-row");
 
        if(element_row.length > 0 && element_row.find("div.dashboard-element.hidden").length > 0) {
            element_row.hide();
        }
    });
 
    // SHOWING
    // Get a list of all elements and its respective dependent tokens
    // For example, <chart depends="$foo$, $bar$"> will create an object like {element2: ["foo", "bar"]}
    var dependent_tokens = {};
 
    _.filter(instances, function(instance) {
        return instance.options && instance.options.tokenDependencies;
    })
    .map(function(element) {
        dependent_tokens[element.id] = _.map(element.options.tokenDependencies.depends.replace(/\$/g, "").split(","), function(token) {
            return token.trim();
        });
    });
 
    // For each dependent token if that token changes, the show that entire row
    // Without this code "depends" itself is not enough to simply show the panel
    $.each(dependent_tokens, function(id, tokens) {
        $.each(tokens, function(i, token) {
            submitted_tokens.on('change:' + token, function() {
                var element_row = mvc.Components.get(id).$el.parents('.dashboard-row');
 
                if(!submitted_tokens.get(token)) {
                    element_row.hide();
                } else {
                    element_row.show();
                }
            });
        });
    });
});