# -----------------------------------------------------------------------------
# Author: Alexander Kravets <alex@slatestudio.com>,
#         Slate Studio (http://www.slatestudio.com)
#
# Coding Guide:
#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
# -----------------------------------------------------------------------------

# -----------------------------------------------------------------------------
# VIEW
#
# config options:
#   formClass        - custom form class to be used
#   formSchema       - form schema for object, autogenerated if missing
#   disableDelete    - do not add delete button below the form
#   disableSave      - do not add save button in header
#   fullsizeView     — use fullsize layout in desktop mode
#   onViewShow       - on show callback
#   onShowAnimation  - animation method to be used on show
#   onCloseAnimation - animation method to be used on close
#
# public methods:
#   show(animate, callback)
#   destroy()
#
# -----------------------------------------------------------------------------
class @View
  constructor: (@module, @config, @closePath, @object, @title) ->
    @store = @config.arrayStore ? @config.objectStore

    @$el =$ "<section class='view #{ @module.name }' style='display:none;'>"

    # fullsize
    if @config.fullsizeView
      @$el.addClass 'fullsize'

    # animations
    @onShowAnimation   = @config.onShowAnimation
    @onCloseAnimation  = @config.onCloseAnimation
    @onShowAnimation  ?= (callback) => @$el.fadeIn  $.fx.speeds._default, -> callback()
    @onCloseAnimation ?= (callback) => @$el.fadeOut $.fx.speeds._default, -> callback()

    # header
    @$header =$ "<header></header>"
    @$title  =$ "<div class='title'></div>"
    @$header.append @$title
    @$el.append @$header
    @_set_title()

    # close
    @$closeBtn =$ "<a href='#/#{ @closePath }' class='close silent'>Close</a>"
    @$closeBtn.on 'click', (e) => @_close(e)
    @$header.append @$closeBtn

    # save
    unless @config.disableSave
      @$saveBtn =$ "<a href='#' class='save'>Save</a>"
      @$saveBtn.on 'click', (e) => @_save(e)
      @$header.append @$saveBtn

    # form
    @form = new (@config.formClass ? Form)(@object, @config)
    @$el.append @form.$el
    @_add_form_delete_button()


  # PRIVATE ===============================================

  _set_title: (reset=false) ->
    if reset && @config.arrayStore then @title = null
    title  = @title
    title ?= @object[@config.itemTitleField] if @config.itemTitleField
    title ?= _firstNonEmptyValue(@object)
    @$title.html(title.plainText())


  _add_form_delete_button: ->
    unless @config.disableDelete or @config.objectStore or (! @object)
      @$deleteBtn =$ "<a href='#' class='delete'>Delete</a>"
      @$deleteBtn.on 'click', (e) => @_delete(e)
      @form.$el.append @$deleteBtn


  _save_success: ->
    @$el.removeClass('view-saving')
    @_set_title(true)
    @form.updateValues(@object)


  _save_error: (message, validationErrors) ->
    @$el.removeClass('view-saving')
    chr.showError(message)
    @form.showValidationErrors(validationErrors)


  # EVENTS ================================================

  _close: (e) ->
    @onCloseAnimation(=> @destroy())


  _save: (e) ->
    e.preventDefault()
    @$el.addClass('view-saving')

    serializedFormObj = @form.serialize()

    if @object
      @store.update @object._id, serializedFormObj,
        onSuccess: (@object) => @_save_success()
        onError:   (errors)  => @_save_error('Changes were not saved.', errors)
    else
      @store.push serializedFormObj,
        onSuccess: (@object) =>
          @_save_success()
          @_add_form_delete_button()
          chr.updateHash("#/#{ @closePath }/view/#{ @object._id }", true)
        onError: (errors) => @_save_error('Item were not created.', errors)


  _delete: (e) ->
    e.preventDefault()
    if confirm("Are you sure?")
      @store.remove @object._id,
        onSuccess: => @onCloseAnimation( => chr.updateHash("#/#{ @closePath }", true) ; @destroy() )
        onError:   -> chr.showError('Can\'t delete object.')


  # PUBLIC ================================================

  show: (animate, callback) ->
    after_show = =>
      callback?()
      @form.initializePlugins()
      @config.onViewShow?(@)

    if animate
      @onShowAnimation(=> after_show())
    else
      @$el.show(0, => after_show())


  destroy: ->
    @form.destroy()
    @$el.remove()