kdf/src/components/tabs/tabviewwithforms.coffee

KD: a non-document focused UI Framework for web applications.

KDTabView            = require './tabview.coffee'
KDTabPaneView        = require './tabpaneview.coffee'
KDFormViewWithFields = require './../forms/formviewwithfields.coffee'

module.exports = class KDTabViewWithForms extends KDTabView

  constructor:(options = {}, data)->

    options.navigable            ?= yes
    options.goToNextFormOnSubmit ?= yes

    super options,data

    @forms = {}
    @hideHandleCloseIcons()

    {forms} = @getOptions()

    if forms
      @createTabs forms = KDFormViewWithFields.sanitizeFormOptions forms
      @showPane @panes[0]

    if forms.length is 1
      @hideHandleContainer()

  handleClicked:(index,event)->
    if @getOptions().navigable
      super

  createTab:(formData, index)->
    @addPane (tab = new KDTabPaneView name : formData.title), formData.shouldShow

    oldCallback = formData.callback
    formData.callback = (formData)=>
      @showNextPane() if @getOptions().goToNextFormOnSubmit
      oldCallback? formData
      # debugger
      {forms} = @getOptions()
      if forms and index is Object.keys(forms).length - 1
        @fireFinalCallback()

    @createForm formData,tab
    return tab

  createTabs:(forms)->
    forms.forEach (formData, i)=> @createTab formData, i

  createForm:(formData,parentTab)->
    parentTab.addSubView form = new KDFormViewWithFields formData
    @forms[formData.title] = parentTab.form = form
    return form

  getFinalData:->
    finalData = {}
    for pane in @panes
      finalData = $.extend pane.form.getData(),finalData
    finalData

  fireFinalCallback:->
    finalData = @getFinalData()
    @getOptions().callback? finalData



# new KDTabViewWithForms
#   callback              : (formOutput)-> log formOutput,"All Forms ::::::"
#   navigable          : yes
#   forms                 :
#     "My first form"     :
#       buttons           :
#         Next            :
#           title         : "Next"
#           style         : "solid light-gray medium"
#           type          : "submit"
#       # callback          : (formOutput)-> log formOutput,"Form 1 ::::::"
#       fields            :
#         Hiko            :
#           label         : "Title:"
#           type          : "text"
#           name          : "hiko"
#           placeholder   : "give a name to your topic..."
#           validate      :
#             rules       :
#               required  : yes
#             messages    :
#               required  : "topic name is required!"
#         Zikko           :
#           label         : "Zikkko"
#           type          : "textarea"
#           name          : "zikko"
#           placeholder   : "give something else to your topic..."
#           nextElement   :
#             lulu        :
#               type        : "text"
#               name        : "lulu"
#               placeholder : "lulu..."
#     "My Second Form"    :
#       buttons           :
#         Submit          :
#           title         : "Submit"
#           style         : "solid light-gray medium"
#           type          : "submit"
#         Reset           :
#           title         : "Reset"
#           style         : "solid red medium"
#           type          : "reset"
#       # callback          : (formOutput)-> log formOutput,"Form 2 ::::::"
#       fields            :
#         Hoho            :
#           label         : "Hoho:"
#           type          : "text"
#           name          : "title"
#           placeholder   : "give a gogo..."
#           validate      :
#             rules       :
#               required  : yes
#             messages    :
#               required  : "topic name is required!"