naver / jindojs-jc

Jindo Component

This project is no longer maintained since 2017. Please use alternatives libraries as 'jQuery' and 'egjs' instead of Jindo and JC/JMC. If you need to migrate, check out migration documents(jQuery/JMC) listed as below.

• Jindo: https://naver.github.io/jindo-to-jquery/
• JMC: https://github.com/naver/jindojs-jmc/wiki

JC - Jindo Component

What is JC?

JC is a framework that make easier to develope desktop web UI. JC provide UI components like DragArea, DropArea, etc..

JC is the main JavaScript Component used for developing most of NAVER's web products.

Jindo Component is part of JindoJS family product

JindoJS consists with : Jindo, Jindo Component and Jindo Mobile Component

• Official website : http://jindo.dev.naver.com/
• Online API Documentation(ko) : http://jindo.dev.naver.com/docs/jindo-component/latest/doc/external/

JC Features

• Support cross platform and browsing in desktop environment
• Provide fast loading speed and optimal performance
• It makes to manage separately presentational markup and logic programming code
• Components can be extended through a custom event

How to install?

bower install jindojs-jc

• Manual download :
• JC provide online download page. You can customize download by choosing components which will be utilized.
• http://jindo.dev.naver.com/utils/downloader/selection/?target=jindo_component

Modules

• The below list are modules that are used frequently.

• For complete list and it's API, please visit :

• http://jindo.dev.naver.com/docs/jindo-component/latest/doc/external/index.html

• DragArea: Make HTML element draggable.

• DropArea: Make HTML element droppable.

• FileUploader: Provide easy way of file upload via <iframe>, without page refresh.

• Clipboard: Set values on system clipboard using flash object.

• FloatingLayer: Fix the position of a layer, even the page was scrolled its position.

How to build

Clone a copy of JC from git repo by running:

$ git clone https://github.com/naver/jindojs-jc.git

Enter the jindojs-jc directory and make sure have all the necessary dependencies :

$ cd jindojs-jc && npm install

Run the build script:

$ grunt

The result of your build, will be found in the 'dist/' subdirectory with the minified version and API document.

Running the Unit Tests

Make sure you have the necessary dependencies:

$ npm install

Start grunt 'test:*' task:

$ grunt test:*

if you want to test a specific component, put the module's name as a parameter of the test. Here are some example that you might consider.

$ grunt test:DragArea  #test "jindo.DragArea"
$ grunt test:FileUploader  #test "jindo.FileUploader"

Issues

If you find a bug, please report us via the GitHub issues page.
https://github.com/naver/jindojs-jc/issues

License

Licensed under LGPL v2:
https://www.gnu.org/licenses/old-licenses/lgpl-2.0.html