Giter Club home page Giter Club logo

json-tree's People

Contributors

krispo avatar mrelectronick avatar pdemilly avatar ratopi avatar sudhakar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

json-tree's Issues

Release v0.4

First of all, thanks for the great diretive! I want to use it but don't want to hardcode a commit hash in my bower.json. @krispo, do you feel like you can bump the current state to v0.4?

clone node

button and functionality to clone a node.

workflow is :

  1. open collection > last item > click clone.
  2. item is cloned, after source node
  3. open node > edit node children.

Support for external customizable template

Currently there is no way to customize or override the default template in jsonTree. Provide a way to way to override the default template using angular.constant

angular.module('json-tree', [])
.constant('jsonTreeConfig', {
    templateUrl: null
})

then user can override it by

angular.module('myApp', ['json-tree'])

.controller('myCtrl', ['$scope', 'jsonTreeConfig', function($scope, jsonTreeConfig){
    jsonTreeConfig.templateUrl = 'custom-template.html';
}]);

Few missing features

First of all - thanks for your work:) I was looking for something like this some time ago and also found nothing.

Currently directive seems following options:

  • add new parameters and array elements
  • change value type - ex string to object

Add track by $index to ajsRecursiveDirectiveHelper ng-repeat

If you try to render an array of objects, every object will have a new property called $$hashKey. This can be resolved by adding track by $index to ajsRecursiveDirectiveHelper's template in the ng-repeat

Old value: (subkey,subval) in value
New Value: (subkey,subval) in value track by $index

Support changing the name of an existing node

@krispo fantastic library, I have been looking forward to trying it for some time now. The ability for non-developers to edit the JSON tree rather whilst making it impossible to make syntax errors with a text editor approach is very appealing.

However, their appears to be no workflow to change the name of an existing key in a given object, only when adding the key?

Please clarify? This is a blocker for my work.

Family tree in angularjs

I want to create family tree in angularjs just like familyecho.com but they are doing it via javascript and i have to build it in angularjs.
Any help can be appreciated.

editing 'function' field

Need to add ability for editing function field.
Also need to add implicit type conversion for 'function'.

Edit-Level : none

I really like this plugin but for a particular use case I only need to view the JSON on a page, from debug data.

adding various input controls

Need to add such controls as:

  • color
  • select
  • button
  • codemirror (for editing functions)
  • ...
    Information about this controls and values can be retained in sibling tree (also need to add).

Limit watchers to expanded branches

as or 1.3 if you have a json that is fairly large, the directive creates many watchers (for example for an array or array of 30 x 30 around 15000 watchers are created). A very welcome enhancement would be to only create the editors when a branch is expanded for the immediate descendants leaves. For a branch you would only have the ng-click watcher.

To compute the number of watchers I used ng-stats . You can find it here: https://github.com/kentcdodds/ng-stats

sibling tree

Need to add an opportunity to use a sibling tree, that containing default values and types.
Say, if an element could have only the following values "left", "center" and "right", than in json-tree it need to be selected only from these values.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.