Necessary Pigeonholing Mechanism

    ember-json-pretty

    0.1.2 • Public • Published

    Ember-json-pretty

    This component should be use to print the JSON object or JSON text in pretty way. With this component is possible to change the color in each type of element within of JSON object and expand and retract objects and arrays.

    Build Status

    Installation

    To install witn NPM:

    $ npm install ember-json-pretty --save-dev
    $ ember generate ember-json-pretty

    To install witn ember-cli:

    $ ember install:addon ember-json-pretty

    Example

    To use this component is need call it in a template to passing a JSON object that should exist in a route, controller or another stuff of project where component was installed.

    ------- route -------
    Ember.Route.extend({
        model: function () {
            return {"key1":"value1""key2":"value2"};
        }
    });
     
    ------ template ------
    {{ ember-json-pretty jsonObj=this.model }}
     
     
    ------ template with options ------
    {{ ember-json-pretty
        jsonObj=this.model
        options='{
            "keyColor":"#00FF7F",
            "keyHighlight":"#FAFAD2",
            "valueColor":"#FF0000",
            "valueHighlight":"#FFE4E1",
            "stringColor":"#551A8B",
            "stringHighlight":"#FFD39B",
            "braceColor":"#8B864E",
            "braceHighlight":"#FFD39B",
            "bracketColor":"#FFB90F",
            "bracketHighlight":"#90EE90"
        }'
    }}

    Is possible inform some options to change the style of component.

    • keyColor - change the color of a key in JSON object printed. The standard color is #A52A2A.
    • keyHighlight - change the highlight color of a key in JSON object printed. The standard color is #FFFFFF.
    • valueColor - change the color of a value in JSON object printed. The standard color is #000080.
    • valueHighlight - change the highlight color of a value in JSON object printed. The standard color is #FFFFFF.
    • stringColor - change the color of a string value in JSON object printed. The standard color is #C0FF3E.
    • stringHighlight - change the highlight color of a string value in JSON object printed. The standard color is #FFFFFF.
    • braceColor - change the color of a brace in JSON object printed. The standard color is #000000.
    • braceHighlight - change the highlight color of a brace in JSON object printed. The standard color is #FFFFFF.
    • bracketColor - change the color of a bracket in JSON object printed. The standard color is #000000.
    • bracketHighlight - change the highlight color of a bracket in JSON object printed. The standard color is #FFFFFF.

    Install

    npm i ember-json-pretty

    DownloadsWeekly Downloads

    3

    Version

    0.1.2

    License

    MIT

    Last publish

    Collaborators

    • rodrigo-morais