webcomponent to attach a html lcd to GunDB
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
fonts
js
README.md
bower.json
gun-ui-lcd.html

README.md

gun-ui-lcd

a member of the gun-ui library. A collection of widgets created to work brilliantly with GUN, or without

NOTE:

At the moment the elements in gun-ui-library are probably NOT WORKING with the current version of GunDb ! I will update them as soon as i have some time...Sorry

gun-ui-lib(rary)

curently the library consists of;

gun-ui-lib       : https://github.com/Stefdv/gun-ui-lib                                 CORE
gun-ui-gauge     : https://github.com/Stefdv/gun-ui-gauge                               DATA-VIZ   
gun-ui-bargauge  : https://github.com/Stefdv/gun-ui-bargauge                            DATA-VIZ   
gun-ui-lcd       : https://github.com/Stefdv/gun-ui-lcd    ( you`re already here )      DATA-VIZ   
gun-ui-slider    : https://github.com/Stefdv/gun-ui-slide                               INPUT / DATA-VIZ

Disclamer: All canvas elements in the gun-ui-lib are created by Gerrit Grunwald (@hansolo)**

What is it ?

Let me show you 'gun-ui-lcd'

alt text

install

bower install gun-ui-lcd

Okay what about gunDb ?

Every item in the gun-ui-lib needs 2 attributes, 'parent' and 'prop'. They represent the key(soul) and the property you want to subscribe to. like gun.get(<parent>).path(<prop>)

(If you have no idea what i'm talking about...take a look at https://github.com/amark/gun)

So in your html it would look like

<gun-ui-lcd parent="livingroom" prop="temperature"></gun-ui-lib>

That's it! The element will monitor and update it's own state now !

syncing

gun-ui-lcd , gun-ui-gauge and gun-ui-bargauge alt text

Styling/Theming

alt text

values

alt text

All canvas elements in the gun-ui-lib are created by Gerrit Grunwald (@hansolo)**