https://github.com/fponticelli/sui

Simple User Interface - Haxe + Html
https://github.com/fponticelli/sui

Last synced: about 12 hours ago
JSON representation

Simple User Interface - Haxe + Html

• Host: GitHub
• URL: https://github.com/fponticelli/sui
• Owner: fponticelli
• License: mit
• Created: 2014-11-15T20:14:21.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-03T14:51:14.000Z (almost 9 years ago)
• Last Synced: 2024-03-11T10:34:33.481Z (4 months ago)
• Language: Haxe
• Size: 749 KB
• Stars: 25
• Watchers: 7
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-haxe-generative - SUI

README

        
# SUI

## Simple User Interface: Html + Haxe

Example:

```haxe

var ui = new sui.Sui();

ui.bool("boolean", function(v) trace('bool: $v'));

ui.color("color", {

    list : [

      { value : "#FF0000", label : "red" },

      { value : "#00FF00", label : "blue" },

      { value : "#0000FF", label : "green" }]

  }, function(v) trace('color: $v'));

ui.int("int range", 20, {

    min : 10,

    max : 30

  }, function(v) trace('int range: $v'));

ui.trigger("trigger", function() trace("triggered"));

ui.attach();

```

[A live sample of some of the available controls](https://rawgit.com/fponticelli/sui/master/bin/controls.html).

## Installation

SUI is available on haxelib (http://lib.haxe.org/p/sui/)

To install, run:

```haxelib install sui```

##### Dependencies

SUI dependents on _[thx.core](https://github.com/fponticelli/thx.core), [thx.promise](https://github.com/fponticelli/thx.promise), [thx.stream](https://github.com/fponticelli/thx.stream), [thx.stream.dom](https://github.com/fponticelli/thx.stream.dom), [dots](https://github.com/fponticelli/dots)_

## TODO

### API

  * Sui.add(): macro automap field/variable to control

  * append to container (with position and close controls)

  * Sui.hide()/Sui.show() (with default keyboard control H)

  * Sui.open()/Sui.close()

  * presets? save/restore?

  * listen?

### Controls

  * folder (with open/collapse)

  * select string (options)

  * select float

  * select int

  * select date

  * text area

  * objects and nested objects

  * arrays

  * unstructured objects (create field together with values)

### Inspiration

[dat-gui](http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage)