Resource editor prototype with Bacon.js

by Alessandro Vernet

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/6900/resources/20140410-Bacon.js"></script>
<button id="add-control">Add control</button>

<span id="control-template">
    <span class="xforms-label"></span>
    <input></input>
</span>

<div class="fb-main">
    
</div>

<input></input>
<div id="echo"></div>

CSS

#control-template { display: none }

CoffeeScript

# fb-control-added
# fb-click-label-hint

# Simulate control added
if false
    $("#add-control").on "click", ->
        control = $('#control-template').clone()
        control.attr('id', _.uniqueId())
        $('.fb-main').append(control)
        control.trigger('fb-control-added')
      
# Generate event stream with the control added
#$(".fb-main").asEventStream("fb-control-added")
#    .map -> 42
#    .onValue (v) -> console.log(v)

console.log($("input"))

$("input")
    .asEventStream("keyup")
    .map (event) -> console.log(event); $(event.target).val()
    .toProperty("")
    .assign($("#echo"), "text")


$("#add-control").asEventStream("click")
    .subscribe (e) -> console.log(e)


    #.map (e) -> console.log('map'); 42
    #.onValue (v) -> console.log(v)