class EditableTableModalDialog
  @init: (modal_id) ->
    # init will be called only once
    EditableTableModalDialog.modal_id = modal_id
    modal_id_jquery = '#' + modal_id

    # I want to focus the input in the modal, but I can do this onlz after it's shown
    $(modal_id_jquery).on('shown', ->
      EditableTableModalDialog.focus()
    )

    # on enter I want to submit form inside
    $(modal_id_jquery).on('keyup', (e) ->
      event_obj = e

      unless event_obj?
        if window.event
          event_obj = window.event
        else
          #FF uses this
          event_obj =event.which;



      # We don't want this to act as a link so cancel the link action
      event_obj .stopPropagation()
      event_obj .preventDefault()


      # if enter pressed
      if event_obj.keyCode == 13
        if (!event_obj.shiftKey && !event_obj.ctrlKey)
          #Find form and submit it
          $(modal_id_jquery).find('form').submit();
          # todo zjistit jak oddelat onkey down asi ze submitu, ted se form pri stiknuti enteru posila dvakrat, jenom kdzy jsem v testarei, tak ne
          # todo zatim jsem to osral tim ze jsem dal do fromu prazdny button ktery ty eventy odchytava a pak to funguje hezky, musim to ale udelat jinak
          #console.log($(modal_id_jquery).find('input[type="submit"]'))  # nekde ten button je, musim ho najit a deaktivovat
    )


  @show_in_dialog: (cell_element) ->
    cell_id = $(cell_element).data("cell-identifier")
    
    url = $(cell_element).attr("href")
    
    # load the content of modal
    load_page({
    "content_id": "modal_cell_editing",
    'symlink_remote': true,
    'url': url,
    "no_tracking": true

    })
    

    # asynchronosly put content of modal when it is prepared and show it
    $(document).bind('page_loader.loaded', EditableTableModalDialog.display)
    
  @show: (cell_element, edit_cell_path) ->
    cell_id = $(cell_element).data("cell-identifier")

    url = "fill_the_url_in_controller"
    url = edit_cell_path if edit_cell_path?
    url += "?cell_id=" + cell_id

    # load the content of modal
    load_page({
    "content_id": "modal_cell_editing",
    'symlink_remote': true,
    'url': url,
    "no_tracking": true

    })

    #show the modal and then it will be loaded with data
    #$('#modal_cell_editing').modal('show')


    # asynchronosly put content of modal when it is prepared and show it
    $(document).bind('page_loader.loaded', EditableTableModalDialog.display)



  @hide: ->
    $('#modal_cell_editing').modal('hide')

  #############################################3
  ############## private #####################


  @display: ->
    $('#modal_cell_editing').modal('show')

    # unbing the event and the handler, it should remove only this one binded handler
    # todo check if this wont remove other binded handlers !!!!!!!!!!!!
    $(document).unbind('page_loader.loaded', EditableTableModalDialog.display)


  @focus: ->
    if ($('#modal_cell_editing').find('[data-focus-id="this_will_be_focused_input_id"]').length > 0)
      $('#modal_cell_editing').find('[data-focus-id="this_will_be_focused_input_id"]').focus()
      $('#modal_cell_editing').find('[data-focus-id="this_will_be_focused_input_id"]').focus()

window.EditableTableModalDialog = EditableTableModalDialog