luca 0.9.9 → 0.9.42

data/{app/assets/javascripts/luca → src}/containers/panel_toolbar.coffee

@@ -1,91 +1,26 @@
-panelToolbar = Luca.register        "Luca.PanelToolbar"
-# The Panel Toolbar is a collection of buttons and / or dropdowns
-# which are automatically created by BasicPanel classes, or can be
-# added to any other view component.
-panelToolbar.extends                "Luca.View"
-
-
-panelToolbar.defines
-  # @buttons is an array of button config objects
-  # button config accepts the following paramters:
-  #
-  # label       what should the button say
-  # eventId     what event should the button trigger
-  # dropdown    an array of arrays: [eventId, label]
-  # group       an array of button configs
-  # wrapper     a css class, in addition to btn-group
-  # icon        which icon do you want to use on this button?
-  # white       true or false: is it a white colored text?
-  # color       options are primary, info, success, warning, danger, inverse
-  buttons:[]
-
-  orientation: 'top'
-
-  autoBindEventHandlers: true
-
-  events:
-    "click a.btn, click .dropdown-menu li" : "clickHandler"
-
-  initialize: (@options={})->
-    @_super("initialize", @, arguments)
-
-    # if the toolbar consists of a single button group
-    # don't make the developer specify buttons = {buttons:[group:true, buttons:[...]]}
-    if @group is true and @buttons?.length >= 0
-      @buttons = [
-        group: true
-        buttons: @buttons
-      ]
-
-  # The Toolbar behaves by triggering events on the components which they
-  # belong to. Combined with Luca.View::setupHooks it is a clean way
-  # to organize actions
-  clickHandler: (e)->
-    me = my = $( e.target )
-    me = my = $( e.target ).parent() if me.is('i')
-
-    if @selectable is true
-      my.siblings().removeClass("is-selected")
-      me.addClass('is-selected')
-
-    return unless eventId = my.data('eventid')
 
-    hook = Luca.util.hook( eventId )
-
-    source = @parent || @
-    if _.isFunction( source[hook] )
-      source[ hook ].call(@, me, e)
-    else
-      source.trigger(eventId, me, e)
-
-  beforeRender:()->
-    @_super("beforeRender", @, arguments)
-
-    if @well is true
-      @$el.addClass 'well'
-
-    @$el.addClass 'btn-selectable' if @selectable is true
-    @$el.addClass "toolbar-#{ @orientation }"
-    @$el.addClass "pull-right" if @align is "right"
-    @$el.addClass "pull-left" if @align is "left"
-
-  render: ()->
-    @$el.empty()
-    @$el.append( element ) for element in prepareButtons(@buttons)
-    @
+# button config accepts the following paramters:
+#
+# label       what should the button say
+# eventId     what event should the button trigger
+# dropdown    an array of arrays: [eventId, label]
+# group       an array of button configs
+# wrapper     a css class, in addition to btn-group
+# icon        which icon do you want to use on this button?
+# white       true or false: is it a white colored text?
+# color       options are primary, info, success, warning, danger, inverse
 
-
-make = Luca.View::make
+make = Backbone.View::make
 
 buildButton = (config, wrap=true)->
-  if config.ctype? or config.type?
+  if config.ctype?
     config.className ||= ""
     config.className += 'toolbar-component'
 
     object = Luca(config).render()
-
     if Luca.isBackboneView(object)
-      return object.$el
+      console.log "Adding toolbar component", object
+      return object.el
 
   if config.spacer
     return make "div", class: "spacer #{ config.spacer }"
@@ -94,9 +29,8 @@ buildButton = (config, wrap=true)->
     return make "div", {class: "toolbar-text"}, config.text
 
   wrapper = 'btn-group'
-  wrapper += "#{ config.wrapper }" if config.wrapper?
-  wrapper += "pull-#{ config.align } align-#{ config.align }" if config.align?
-  wrapper += 'btn-selectable' if config.selectable is true
+  wrapper += " #{ config.wrapper }" if config.wrapper?
+  wrapper += " align-#{ config.align }" if config.align?
 
   # if we're passed a group, then we need to just
   # wrap the contents of the buttons property in that group
@@ -123,17 +57,13 @@ buildButton = (config, wrap=true)->
       title: config.title || config.description
 
     buttonAttributes["class"] += " btn-#{ config.color }" if config.color?
-    buttonAttributes["class"] += " is-selected" if config.selected?
 
     if config.dropdown
       label = "#{ label } <span class='caret'></span>"
       buttonAttributes["class"] += " dropdown-toggle"
       buttonAttributes["data-toggle"] = "dropdown"
 
-      dropdownItems = for dropdownItem in config.dropdown
-        if _.isObject(dropdownItem)
-          dropdownItem = _.values(dropdownItem).reverse()
-
+      dropdownItems = _(config.dropdown).map (dropdownItem)=>
         link = make "a", {}, dropdownItem[1]
         make "li", {"data-eventId": dropdownItem[0]}, link
 
@@ -152,5 +82,70 @@ buildButton = (config, wrap=true)->
       # for buttons which are already part f a group
       buttonEl
 
-prepareButtons = (buttons=[], wrap=true)->
-  buildButton(button, wrap) for  button in buttons
+prepareButtons = (buttons, wrap=true)->
+  _( buttons ).map (button)->
+    buildButton(button, wrap)
+
+
+#### Panel Toolbar Component
+#
+# The Panel Toolbar is a collection of buttons and / or dropdowns
+# which are automatically created by BasicPanel classes, or can be
+# added to any other view component.
+_.def("Luca.containers.PanelToolbar").extends("Luca.View").with
+
+  className: "luca-ui-toolbar btn-toolbar"
+
+  # @buttons is an array of button config objects
+
+
+  buttons:[]
+
+  well: true
+
+  orientation: 'top'
+
+  autoBindEventHandlers: true
+
+  events:
+    "click a.btn, click .dropdown-menu li" : "clickHandler"
+
+  #autoBindEventHandlers: true
+
+  # The Toolbar behaves by triggering events on the components which they
+  # belong to. Combined with Luca.View::setupHooks it is a clean way
+  # to organize actions
+  clickHandler: (e)->
+    me = my = $( e.target )
+
+    if me.is('i')
+      me = my = $( e.target ).parent()
+
+    eventId = my.data('eventid')
+
+    return unless eventId?
+
+    hook = Luca.util.hook( eventId )
+
+    source = @parent || @
+    if _.isFunction( source[hook] )
+      source[ hook ].call(@, me, e)
+    else
+      source.trigger(eventId, me, e)
+
+  beforeRender:()->
+    @_super("beforeRender", @, arguments)
+
+    if @well is true
+      @$el.addClass 'well'
+
+    @$el.addClass "toolbar-#{ @orientation }"
+
+    @applyStyles( @styles ) if @styles?
+
+  render: ()->
+    @$el.empty()
+
+    elements = prepareButtons(@buttons)
+    _( elements ).each (element)=>
+      @$el.append( element )

data/src/containers/panel_view.coffee

@@ -0,0 +1,23 @@
+_.def('Luca.containers.PanelView').extends('Luca.core.Container').with
+  className: 'luca-ui-panel'
+
+  initialize: (@options={})->
+    Luca.core.Container::initialize.apply @, arguments
+
+  afterLayout: ()->
+    if @template
+      contents = ( Luca.templates || JST )[ @template ]( @ )
+      @$el.html(contents)
+
+  render: ()->
+    $(@container).append @$el
+
+  afterRender: ()->
+    Luca.core.Container::afterRender?.apply @, arguments
+    if @css
+      _( @css ).each (value,property)=>
+        @$el.css(property,value)
+
+
+
+

data/src/containers/split_view.coffee

@@ -0,0 +1,8 @@
+_.def('Luca.containers.SplitView').extends('Luca.core.Container').with
+  componentType: 'split_view'
+
+  containerTemplate: 'containers/basic'
+
+  className: 'luca-ui-split-view'
+
+  componentClass: 'luca-ui-panel'

data/{app/assets/javascripts/luca → src}/containers/tab_view.coffee

@@ -1,21 +1,23 @@
-tabView = Luca.register       "Luca.containers.TabView"
-tabView.extends               "Luca.containers.CardView"
+_.def('Luca.containers.TabView').extends('Luca.containers.CardView').with
 
-tabView.triggers              "before:select",
-                              "after:select"
+  hooks:[
+    "before:select"
+    "after:select"
+  ]
+
+  componentType: 'tab_view'
+
+  className: 'luca-ui-tab-view tabbable'
 
-tabView.publicConfiguration
   tab_position: 'top'
+
   tabVerticalOffset: '50px'
 
-tabView.privateConfiguration
-  additionalClassNames: 'tabbable'
   navClass: "nav-tabs"
+
   bodyTemplate: "containers/tab_view"
-  bodyClassName: "tab-content"
-  skipGetterMethods: true
+  bodyEl: "div.tab-content"
 
-tabView.defines
   initialize: (@options={})->
     @navClass = "nav-list"if @navStyle is "list"
 
@@ -40,17 +42,17 @@ tabView.defines
 
   afterRender: ()->
     Luca.containers.CardView::afterRender?.apply @, arguments
-    tabContainerId = @tabContainer().attr("id")
-    @registerEvent("click ##{ tabContainerId } li a", "tabSelectClickHandler")
+    @registerEvent("click ##{ @cid }-tabs-selector li a", "select")
 
-    if Luca.config.enableBootstrap and (@tab_position is "left" or @tab_position is "right")
+    if Luca.enableBootstrap and (@tab_position is "left" or @tab_position is "right")
       @tabContainerWrapper().addClass("span2")
       @tabContentWrapper().addClass("span9")
 
+
   createTabSelectors: ()->
     tabView = @
     @each (component,index)->
-      icon = "<i class='icon-#{ component.tabIcon }'></i>" if component.tabIcon
+      icon = "<i class='icon-#{ component.tabIcon }" if component.tabIcon
       link = "<a href='#'>#{ icon || ''} #{ component.title }</a>"
       selector = tabView.make("li",{class:"tab-selector","data-target":index}, link)
       tabView.tabContainer().append(selector)
@@ -64,17 +66,13 @@ tabView.defines
     @tabSelectors().removeClass('active')
     @activeTabSelector().addClass('active')
 
-  tabSelectClickHandler: (e)->
-    e?.preventDefault()
-    me = my = $( e.target )
-    me = my ||= @tabSelectors()[0]
-    tabName = my.parent().data('target')
+  select: (e)->
+    e.preventDefault()
 
-    @select(tabName)
+    me = my = $( e.target )
 
-  select: (tabName=0)->
     @trigger "before:select", @
-    @activate(tabName)
+    @activate my.parent().data('target')
     @trigger "after:select", @
 
   componentElements: ()->
@@ -90,8 +88,4 @@ tabView.defines
     @$("ul.#{ @navClass }", @tabContainerWrapper() )
 
   tabSelectors: ()->
-    @$( 'li.tab-selector', @tabContainer() )
-
-  bodyTemplateVars: ()->
-    cid: @cid  
-    navClass: @navClass
+    @$( 'li.tab-selector', @tabContainer() )

data/{app/assets/javascripts/luca → src}/containers/viewport.coffee

@@ -1,22 +1,23 @@
-viewport = Luca.register    "Luca.containers.Viewport"
-viewport.extends            "Luca.Container"
+_.def('Luca.containers.Viewport').extend('Luca.containers.CardView').with
+
+  activeItem: 0
+
+  additionalClassNames: 'luca-ui-viewport'
 
-viewport.defines
   fullscreen: true
+
   fluid: false
 
-  applyWrapper: true
 
   initialize: (@options={})->
     _.extend @, @options
 
-    if Luca.config.enableBoostrap is true and @applyWrapper is true
-      @wrapperClass = if @fluid is true then Luca.config.fluidWrapperClass else Luca.config.wrapperClass
+    if Luca.enableBootstrap is true
+      @wrapperClass = if @fluid is true then Luca.containers.Viewport.fluidWrapperClass else Luca.containers.Viewport.defaultWrapperClass 
 
-    Luca.Container::initialize.apply(@, arguments)
+    Luca.core.Container::initialize.apply(@, arguments)
 
-    if @fullscreen is true
-      @enableFullscreen() 
+    @enableFullscreen() if @fullscreen is true
 
   enableFluid: ()-> @enableWrapper()
 
@@ -39,7 +40,10 @@ viewport.defines
     @$el.removeClass('fullscreen-enabled')
 
   beforeRender: ()->
-    Luca.Container::beforeRender?.apply(@, arguments)
+    Luca.containers.CardView::beforeRender?.apply(@, arguments)
+
+    #if Luca.enableBootstrap and @topNav and @fullscreen
+    #  $('body').css('padding','40px')
 
     @renderTopNavigation() if @topNav?
     @renderBottomNavigation() if @bottomNav?
@@ -51,9 +55,9 @@ viewport.defines
     @$el.width()
 
   afterRender: ()->
-    Luca.Container::afterRender?.apply(@, arguments)
+    Luca.containers.CardView::after?.apply(@, arguments)
 
-    if Luca.config.enableBoostrap is true and @containerClassName
+    if Luca.enableBootstrap is true and @containerClassName
       @$el.children().wrap('<div class="#{ containerClassName }" />')
 
   renderTopNavigation: ()->
@@ -75,5 +79,5 @@ viewport.defines
     # IMPLEMENT
 
 
-Luca.containers.Viewport.defaultWrapperClass  = Luca.config.wrapperClass || 'container'
-Luca.containers.Viewport.fluidWrapperClass    = Luca.config.fluidWrapperClass || 'container-fluid'
+Luca.containers.Viewport.defaultWrapperClass  = 'row'
+Luca.containers.Viewport.fluidWrapperClass    = 'row-fluid'