tap/app/assets/javascripts/orders.js.coffee

# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://coffeescript.org/
ready = ->
  $('.btn-inc').on 'click', ->
    increment($(this), 1)

  $('.btn-dec').on 'click', ->
    increment($(this), -1)

  $('.form_row').each((index, row) ->
    updateInput(row, false)
    $(row).on('input', ->
      updateInput(row)
    )
  )

  recalculate()



# Validate input, and then update
updateInput = (row, useRecalculate = true) ->
  cell = row.querySelector("input")
  if ! cell.validity.valid
    if(parseInt(cell.value) > parseInt(cell.max))
      cell.value = parseInt(cell.max)
    else
      cell.value = 0

  # Disable buttons if necessary
  disIfNec(row)

  if useRecalculate
    recalculate();


disIfNec = (row) ->
  counter = parseInt($(row).find('.row_counter').val())
  $(row).find('.btn-dec').prop('disabled', counter == 0);
  $(row).find('.btn-inc').prop('disabled', counter == parseInt($(row).find('.row_counter').attr('max')))

recalculate = () ->
  value = ($(row).val() * $(row).data('price') for row in $('.row_counter')).reduce(((a, b) -> a+b), 0)
  $('#order_price').html((value / 100.0).toFixed(2))

increment = (button, n) ->
  row = $(button).closest('.form_row')

  # Fix the counter
  counter = $(row).find('.row_counter')
  value = parseInt(counter.val())
  if isNaN(value)
    value = 0
  counter.val(value + n)

  updateInput(row[0])

$(document).ready(ready)
$(document).on('page:load', ready)