https://github.com/nichoth/vdom-metadata-browser

UI for viewing fields and values.
https://github.com/nichoth/vdom-metadata-browser

Last synced: about 1 month ago
JSON representation

UI for viewing fields and values.

• Host: GitHub
• URL: https://github.com/nichoth/vdom-metadata-browser
• Owner: nichoth
• Created: 2016-01-17T20:59:37.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-01-18T17:05:31.000Z (over 10 years ago)
• Last Synced: 2026-04-14T09:22:41.585Z (3 months ago)
• Language: JavaScript
• Homepage: http://hallowed-letters.surge.sh/vdom-metadata-browser
• Size: 8.79 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# vdom metadata browser

UI for viewing fields and values.

[demo](http://hallowed-letters.surge.sh/vdom-metadata-browser)

## install

    $ npm install vdom-metadata-browser

## example

```js

var DataBrowser = require('vdom-metadata-browser');

var loop = require('vdom-loop');

var h = loop.h;

var data = [

  {

    name: 'texture',

    index: 'field-texture',

    values: [

      { name: 'gossamer', index: 'value-gossamer' },

      { name: 'greasy', index: 'value-greasy' }

    ]

  },

  {

    name: 'species',

    index: 'field-species',

    values: [

      { name: 'vulcan', index: 'value-vulcan' },

      { name: 'klingon', index: 'value-klingon' }

    ]

  }

];

var state = DataBrowser({

  fields: data,

  fetchNodesFn: console.log.bind(console, 'fetch'),

  onDelete: console.log.bind(console, 'delete'),

  onSave: function(value, done) {

    console.log(value);

    done();

  }

});

var el = loop(state, DataBrowser.render.bind(null, h));

document.body.appendChild(el);

```