All Downloads are FREE. Search and download functionalities are using the official Maven repository.

hive-webapps.static.js.json.human.js Maven / Gradle / Ivy

There is a newer version: 4.0.1
Show newest version
/* json.human.js -  http://marianoguerra.github.io/json.human.js */
/* Licensed under MIT - see above site for details */

/*globals define, module, require, document*/
(function (root, factory) {
    "use strict";
    if (typeof define === 'function' && define.amd) {
        define([], factory);
    } else if (typeof module !== 'undefined' && module.exports) {
        module.exports = factory();
    } else {
        root.JsonHuman = factory();
    }
}(this, function () {
    "use strict";

    var indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };

    function makePrefixer(prefix) {
        return function (name) {
            return prefix + "-" + name;
        };
    }

    function isArray(obj) {
        return toString.call(obj) === '[object Array]';
    }

    function sn(tagName, className, data) {
        var result = document.createElement(tagName);

        result.className = className;
        result.appendChild(document.createTextNode("" + data));

        return result;
    }

    function scn(tagName, className, child) {
        var result = document.createElement(tagName),
            i, len;

        result.className = className;

        if (isArray(child)) {
            for (i = 0, len = child.length; i < len; i += 1) {
                result.appendChild(child[i]);
            }
        } else {
            result.appendChild(child);
        }

        return result;
    }

    function linkNode(child, href, target){
        var a = scn("a", HYPERLINK_CLASS_NAME, child);
        a.setAttribute('href', href);
        a.setAttribute('target', target);
        return a;
    }

    var toString = Object.prototype.toString,
        prefixer = makePrefixer("jh"),
        p = prefixer,
        ARRAY = 2,
        BOOL = 4,
        INT = 8,
        FLOAT = 16,
        STRING = 32,
        OBJECT = 64,
        SPECIAL_OBJECT = 128,
        FUNCTION = 256,
        UNK = 1,

        STRING_CLASS_NAME = p("type-string"),
        STRING_EMPTY_CLASS_NAME = p("type-string") + " " + p("empty"),

        BOOL_TRUE_CLASS_NAME = p("type-bool-true"),
        BOOL_FALSE_CLASS_NAME = p("type-bool-false"),
        BOOL_IMAGE = p("type-bool-image"),
        INT_CLASS_NAME = p("type-int") + " " + p("type-number"),
        FLOAT_CLASS_NAME = p("type-float") + " " + p("type-number"),

        OBJECT_CLASS_NAME = p("type-object"),
        OBJ_KEY_CLASS_NAME = p("key") + " " + p("object-key"),
        OBJ_VAL_CLASS_NAME = p("value") + " " + p("object-value"),
        OBJ_EMPTY_CLASS_NAME = p("type-object") + " " + p("empty"),

        FUNCTION_CLASS_NAME = p("type-function"),

        ARRAY_KEY_CLASS_NAME = p("key") + " " + p("array-key"),
        ARRAY_VAL_CLASS_NAME = p("value") + " " + p("array-value"),
        ARRAY_CLASS_NAME = p("type-array"),
        ARRAY_EMPTY_CLASS_NAME = p("type-array") + " " + p("empty"),

        HYPERLINK_CLASS_NAME = p('a'),

        UNKNOWN_CLASS_NAME = p("type-unk");

    function getType(obj) {
        var type = typeof obj;

        switch (type) {
        case "boolean":
            return BOOL;
        case "string":
            return STRING;
        case "number":
            return (obj % 1 === 0) ? INT : FLOAT;
        case "function":
            return FUNCTION;
        default:
            if (isArray(obj)) {
                return ARRAY;
            } else if (obj === Object(obj)) {
                if (obj.constructor === Object) {
                    return OBJECT;
                }
                return OBJECT | SPECIAL_OBJECT
            } else {
                return UNK;
            }
        }
    }

    function _format(data, options, parentKey) {

        var result, container, key, keyNode, valNode, len, children, tr, value,
            isEmpty = true,
            isSpecial = false,
            accum = [],
            type = getType(data);

        // Initialized & used only in case of objects & arrays
        var hyperlinksEnabled, aTarget, hyperlinkKeys ;

        if (type === BOOL) {
            var boolOpt = options.bool;
            container = document.createElement('div');

            if (boolOpt.showImage) {
                var img = document.createElement('img');
                img.setAttribute('class', BOOL_IMAGE);

                img.setAttribute('src',
                                 '' + (data ? boolOpt.img.true : boolOpt.img.false));

                container.appendChild(img);
            }

            if (boolOpt.showText) {
                container.appendChild(data ?
                                      sn("span", BOOL_TRUE_CLASS_NAME, boolOpt.text.true) :
                                      sn("span", BOOL_FALSE_CLASS_NAME, boolOpt.text.false));
            }

            result = container;

        } else if (type === STRING) {
            if (data === "") {
                result = sn("span", STRING_EMPTY_CLASS_NAME, "(Empty Text)");
            } else {
                aTarget = options.hyperlinks.target;
                hyperlinkKeys = options.hyperlinks.keys;
                hyperlinksEnabled =
                    options.hyperlinks.enable &&
                    hyperlinkKeys &&
                    hyperlinkKeys.length > 0;
                if (hyperlinksEnabled && indexOf.call(hyperlinkKeys, parentKey) >= 0) {
                    result = scn("span", STRING_CLASS_NAME, linkNode(sn("span",STRING_CLASS_NAME, data), data, aTarget));
                } else {
                    result = sn("span", STRING_CLASS_NAME, data);
                }
            }
        } else if (type === INT) {
            result = sn("span", INT_CLASS_NAME, data);
        } else if (type === FLOAT) {
            result = sn("span", FLOAT_CLASS_NAME, data);
        } else if (type & OBJECT) {
            if (type & SPECIAL_OBJECT) {
                isSpecial = true;
            }
            children = [];

            aTarget =  options.hyperlinks.target;
            hyperlinkKeys = options.hyperlinks.keys;

            // Is Hyperlink Key
            hyperlinksEnabled =
                options.hyperlinks.enable &&
                hyperlinkKeys &&
                hyperlinkKeys.length > 0;

            for (key in data) {
                isEmpty = false;

                value = data[key];

                valNode = _format(value, options, key);

                var converted = key.replace( /([A-Z])/g, " $1" );
                converted = converted.charAt(0).toUpperCase() + converted.slice(1);

                keyNode = sn("th", OBJ_KEY_CLASS_NAME, converted);

                if( hyperlinksEnabled &&
                    typeof(value) === 'string' &&
                    indexOf.call(hyperlinkKeys, key) >= 0){

                    valNode = scn("td", OBJ_VAL_CLASS_NAME, linkNode(valNode, value, aTarget));
                } else {
                    valNode = scn("td", OBJ_VAL_CLASS_NAME, valNode);
                }

                tr = document.createElement("tr");
                tr.appendChild(keyNode);
                tr.appendChild(valNode);

                children.push(tr);
            }

            if (isSpecial) {
                result = sn('span', STRING_CLASS_NAME, data.toString())
            } else if (isEmpty) {
                result = sn("span", OBJ_EMPTY_CLASS_NAME, "(Empty Object)");
            } else {
                result = scn("table", OBJECT_CLASS_NAME, scn("tbody", '', children));
            }
        } else if (type === FUNCTION) {
            result = sn("span", FUNCTION_CLASS_NAME, data);
        } else if (type === ARRAY) {
            if (data.length > 0) {
                children = [];
                var showArrayIndices = options.showArrayIndex;
                var showArrayAsFlatTable = options.showArrayAsFlatTable;
                var flatTableKeys = options.flatTableKeys = options.flatTableKeys;

                aTarget = options.hyperlinks.target;
                hyperlinkKeys = options.hyperlinks.keys;

                // Hyperlink of arrays?
                hyperlinksEnabled = parentKey && options.hyperlinks.enable &&
                    hyperlinkKeys &&
                    hyperlinkKeys.length > 0 &&
                    indexOf.call(hyperlinkKeys, parentKey) >= 0;

                if (showArrayAsFlatTable && data.length > 0) {
                    var first = data[0];
                    var objKeys = Object.keys(first);
                    var headerNodes = [];

                    if (flatTableKeys.length == 0) {
                        for (var k in objKeys) {
                            flatTableKeys.push(objKeys[k]);
                        }
                    }

                    var objKeyMod = [];
                    for (var k in objKeys) {
                        if ($.inArray(objKeys[k], flatTableKeys) >= 0) {
                            objKeyMod.push(objKeys[k]);
                            var converted = objKeys[k].replace(/([A-Z])/g, " $1" );
                            converted = converted.charAt(0).toUpperCase() + converted.slice(1);
                            headerNodes.push(sn("th", ARRAY_KEY_CLASS_NAME, converted));
                        }
                    }
                    objKeys = objKeyMod;

                    var headerRow = scn("tr", UNKNOWN_CLASS_NAME, headerNodes);
                    children.push(headerRow);
                    for (key = 0, len = data.length; key < len; key += 1) {
                        value = data[key];
                        var row = document.createElement("tr");
                        for (var k in objKeys) {
                            var v = value[objKeys[k]];
                            if (hyperlinksEnabled && typeof(v) === "string") {
                                valNode = _format(v, options, objKeys[k]);
                                valNode = scn("td", ARRAY_VAL_CLASS_NAME,
                                              linkNode(valNode, v, aTarget));
                            } else {
                                valNode = scn("td", ARRAY_VAL_CLASS_NAME,
                                              _format(v, options, objKeys[k]));
                            }
                            row.appendChild(valNode);
                        }
                        children.push(row);
                    }
                }
                else {
                    for (key = 0, len = data.length; key < len; key += 1) {

                        keyNode = sn("th", ARRAY_KEY_CLASS_NAME, key);
                        value = data[key];

                        if (hyperlinksEnabled && typeof(value) === "string") {
                            valNode = _format(value, options, key);
                            valNode = scn("td", ARRAY_VAL_CLASS_NAME,
                                          linkNode(valNode, value, aTarget));
                        } else {
                            valNode = scn("td", ARRAY_VAL_CLASS_NAME,
                                          _format(value, options, key));
                        }

                        tr = document.createElement("tr");

                        if (showArrayIndices) {
                            tr.appendChild(keyNode);
                        }
                        tr.appendChild(valNode);

                        children.push(tr);
                    }
                }
                result = scn("table", ARRAY_CLASS_NAME, scn("tbody", '', children));
            } else {
                result = sn("span", ARRAY_EMPTY_CLASS_NAME, "(Empty List)");
            }
        } else {
            result = sn("span", UNKNOWN_CLASS_NAME, data);
        }

        return result;
    }

    function format(data, options) {
        options = validateOptions(options || {});

        var result;

        result = _format(data, options);
        result.className = result.className + " " + prefixer("root");

        return result;
    }

    function validateOptions(options){
        options = validateArrayIndexOption(options);
        options = validateArrayAsFlatTableOption(options);
        options = validateHyperlinkOptions(options);
        options = validateBoolOptions(options);

        // Add any more option validators here

        return options;
    }

    function validateArrayIndexOption(options) {
        if(options.showArrayIndex === undefined){
            options.showArrayIndex = true;
        } else {
            // Force to boolean just in case
            options.showArrayIndex = options.showArrayIndex ? true: false;
        }

        return options;
    }

    function validateArrayAsFlatTableOption(options) {
        if(options.showArrayAsFlatTable === undefined){
            options.showArrayAsFlatTable = false;
        } else {
            // Force to boolean just in case
            options.showArrayAsFlatTable = options.showArrayAsFlatTable ? true: false;
        }

        if (options.showArrayAsFlatTable) {
            options.flatTableKeys = isArray(options.flatTableKeys) ? options.flatTableKeys : [];
        }

        return options;
    }

    function validateHyperlinkOptions(options){
        var hyperlinks = {
            enable : false,
            keys : null,
            target : ''
        };

        if(options.hyperlinks && options.hyperlinks.enable) {
            hyperlinks.enable = true;

            hyperlinks.keys =  isArray(options.hyperlinks.keys) ? options.hyperlinks.keys : [];

            if(options.hyperlinks.target) {
                hyperlinks.target = '' + options.hyperlinks.target;
            } else {
                hyperlinks.target = '_blank';
            }
        }

        options.hyperlinks = hyperlinks;

        return options;
    }

    function validateBoolOptions(options){
        if(!options.bool){
            options.bool = {
                text:  {
                    true : "true",
                    false : "false"
                },
                img : {
                    true: "",
                    false: ""
                },
                showImage : false,
                showText : true
            };
        } else {
            var boolOptions = options.bool;

            // Show text if no option
            if(!boolOptions.showText && !boolOptions.showImage){
                boolOptions.showImage  =  false;
                boolOptions.showText  =  true;
            }

            if(boolOptions.showText){
                if(!boolOptions.text){
                    boolOptions.text = {
                        true : "true",
                        false : "false"
                    };
                } else {
                    var t = boolOptions.text.true, f = boolOptions.text.false;

                    if(getType(t) != STRING || t === ''){
                        boolOptions.text.true = 'true';
                    }

                    if(getType(f) != STRING || f === ''){
                        boolOptions.text.false = 'false';
                    }
                }
            }

            if(boolOptions.showImage){
                if(!boolOptions.img.true && !boolOptions.img.false){
                    boolOptions.showImage = false;
                }
            }
        }

        return options;
    }

    return {
        format: format
    };
}));




© 2015 - 2024 Weber Informatics LLC | Privacy Policy