jsonpanel

WebJar for jsonpanel

License

License

MIT
Categories

Categories

JSON Data
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

jsonpanel
Last Version

Last Version

0.1.2
Release Date

Release Date

Type

Type

jar
Description

Description

jsonpanel
WebJar for jsonpanel
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/afeld/jsonpanel

Download jsonpanel

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/jsonpanel/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>jsonpanel</artifactId>
    <version>0.1.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/jsonpanel/
implementation 'org.webjars.bower:jsonpanel:0.1.2'
// https://jarcasting.com/artifacts/org.webjars.bower/jsonpanel/
implementation ("org.webjars.bower:jsonpanel:0.1.2")
'org.webjars.bower:jsonpanel:jar:0.1.2'
<dependency org="org.webjars.bower" name="jsonpanel" rev="0.1.2">
  <artifact name="jsonpanel" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='jsonpanel', version='0.1.2')
)
libraryDependencies += "org.webjars.bower" % "jsonpanel" % "0.1.2"
[org.webjars.bower/jsonpanel "0.1.2"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : jquery jar [0,)
org.webjars.bower : Autolinker.js jar [0.11.0,0.12)

Project Modules

There are no modules declared in this project.

JSONPanel

JavaScript JSON viewer plugin. Requires jQuery.

Usage

  1. Download the latest release, or install using Bower:

    bower install --save jsonpanel
  2. Include in page

    <link rel="stylesheet" type="text/css" href="bower_components/jsonpanel/stylesheets/jsonpanel.css">
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/Autolinker.js/dist/Autolinker.js"></script>
    <script src="bower_components/jsonpanel/jsonpanel.js"></script>
    
    <!-- ... -->
    
    <div class="jsonpanel"></div>
  3. Initialize by passing JSON object into jQuery plugin:

    $(document).ready(function(){
      $('.jsonpanel').jsonpanel({
        data: {
          sample: 'json'
        }
      });
    });

See the demo page, or api.afeld.me for a real-world example.

Development

Installation

gem install bundler
bundle

Compile files

bundle exec compass watch
open index.html

Run test coverage

bundle exec rackup
open "http://localhost:9292/index.html?coverage=true"

Inspiration

Versions

Version
0.1.2