#
# Marionette.js Layout Documentation
# https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.layout.md
#
@Character.Settings.Layout = Backbone.Marionette.LayoutView.extend
  tagName: 'section'
  className: 'chr-layout'

  template: -> """<aside class='left'>
                    <header class='chr-list-header'>
                      <span class='title'>Settings</span>
                    </header>
                    <div id=list_content class='chr-list'>
                      <ul id=list></ul>
                    </div>
                  </aside>
                  <div id=details class='right chr-logo'></div>"""

  regions:
    details: '#details'

  ui:
    list:          '#list'
    user_email:    '#user_email'
    action_logout: '.browserid_logout'

  onRender: ->
    submodules = @options.module.submodules

    @ui.action_logout.attr('href', chr.options.url + '/logout')
    @ui.user_email.html(chr.options.user_email)

    # add left menu options
    _.each submodules, (m) =>
      title = m.options.titleMenu
      name  = m.options.moduleName
      @ui.list.append """<li class='chr-list-item'>
                           <a href='#/settings/#{ name }' class='#{ name }'><div class='title'>#{ title }</div></a>
                         </li>"""

  unsetActiveMenuItem: ->
    @ui.list.find('.active').removeClass('active')

  setActiveMenuItem: (path) ->
    @unsetActiveMenuItem()
    @ui.list.find("a.#{ path }").parent().addClass('active')