Experimenting with the power of bacon.js. I want to maintain a dynamic total of values from a set of text inputs. The example on the github page utilizes the .scan method along with an adding function, which functions well for simple increment and decrement situations in the data stream. However, my scenario requires values to be subtracted when edited, making the .scan approach unsuitable or possibly incorrectly implemented.
HTML Structure:
<ul style="repeat-direction: vertical; list-style-type: none;">
<li><input data-group="0"></li>
<li><input data-group="0"></li>
<li><input data-group="0"></li>
</ul>
<ul style="repeat-direction: vertical; list-style-type: none;">
<li><input data-group="1"></li>
<li><input data-group="1"></li>
<li><input data-group="1"></li>
</ul>
The current workaround involves iterating through the inputs upon receiving a throttled keyup event, then updating a span whenever there is a change.
groupZeroEvents = events.filter (val) ->
Math.floor(val[0]) == 0 # identifies the group associated with the input
groupZeroEvents.onValue (val) ->
sum = 0
$("input[data-group='0']").each (i,el) ->
sum += Math.floor($(el).val())
$('span#sum-g0').html(sum)
This solution gets the job done, but it seems inefficient. It appears like there must be a more effective way to leverage Bacon.js.