luca 0.9.9 → 0.9.42

data/src/components/grid_view.coffee

@@ -0,0 +1,269 @@
+_.def('Luca.components.GridView').extend('Luca.components.Panel').with
+
+  bodyTemplate: "components/grid_view"
+
+  autoBindEventHandlers: true
+
+  events:
+    "dblclick table tbody tr" : "double_click_handler"
+    "click table tbody tr": "click_handler"
+
+  className: 'luca-ui-g-view'
+
+  rowClass: "luca-ui-g-row"
+
+  wrapperClass: "luca-ui-g-view-wrapper"
+
+  # add whatever additional container classes you want
+  # to be applied to the wrapper here
+  additionalWrapperClasses: []
+
+  # add additional style declarations to the wrapper if you like
+  # these will be added by jquery.css and accept the same syntax
+  wrapperStyles: {}
+
+  scrollable: true
+
+  emptyText: 'No Results To display.'
+
+  # available options are striped, condensed, bordered
+  # or any combination of these, split up by space
+  tableStyle: 'striped'
+
+  # we have to specify height to make the scrollable table portion work
+  defaultHeight: 285
+
+  # unless we specify the width ourselves
+  # the width of the grid will automatically be set to the width of the container
+  # and if it can't be determined, then it will be set to the default
+  defaultWidth: 756
+
+  # the grid should never outgrow its container
+  maxWidth: undefined
+
+  # hooks is configuration sugar
+  # the before:grid:render trigger
+  # will automatically fire the
+  # beforeGridRender function
+  hooks:[
+    "before:grid:render"
+    "before:render:header"
+    "before:render:row"
+    "after:grid:render"
+    "row:double:click"
+    "row:click"
+    "after:collection:load"
+  ]
+
+  initialize: (@options={})->
+    _.extend @, @options
+    _.extend @, Luca.modules.Deferrable
+
+    @loadMask = Luca.enableBootstrap unless @loadMask?
+    @loadMaskEl ||= ".luca-ui-g-view-body" if @loadMask is true
+
+    Luca.components.Panel::initialize.apply(@, arguments)
+
+    @configure_collection(true)
+
+    @collection.bind "before:fetch", ()=>
+      @trigger "enable:loadmask" if @loadMask is true
+
+    @collection.bind "reset", (collection) =>
+      @refresh()
+      @trigger "disable:loadmask" if @loadMask is true
+      @trigger "after:collection:load", collection
+
+    # if a model changes, then we will update the row's contents
+    # by rerendering that row's cells
+    @collection.bind "change", (model)=>
+      return unless @rendered is true
+
+      try
+        rowEl = @getRowEl( model.id || model.get('id') || model.cid )
+        cells = @render_row(model, @collection.indexOf(model), cellsOnly: true )
+        $( rowEl ).html( cells.join(" ") )
+      catch error
+        console.log "Error in change handler for GridView.collection", error, @, model
+
+  beforeRender: ()->
+    Luca.components.Panel::beforeRender?.apply(@, arguments)
+
+    @trigger "before:grid:render", @
+
+    @table      = @$ 'table.luca-ui-g-view'
+    @header     = @$ "thead"
+    @body       = @$ "tbody"
+    @footer     = @$ "tfoot"
+    @wrapper    = @$ ".#{ @wrapperClass }"
+
+    @applyCssClasses()
+
+    @setDimensions() if @scrollable
+
+    @renderHeader()
+
+    @emptyMessage()
+
+    $(@container).append @$el
+
+  afterRender: ()->
+    Luca.components.Panel::afterRender?.apply(@, arguments)
+
+    @rendered = true
+    @refresh()
+    @trigger "after:grid:render", @
+
+  applyCssClasses: ()->
+    @$el.addClass 'scrollable-g-view' if @scrollable
+
+    _( @additionalWrapperClasses ).each (containerClass)=>
+      @wrapper?.addClass( containerClass )
+
+    if Luca.enableBootstrap
+      @table.addClass('table')
+
+    _( @tableStyle?.split(" ") ).each (style)=>
+      @table.addClass("table-#{ style }")
+
+  setDimensions: (offset)->
+    @height ||= @defaultHeight
+
+    @$('.luca-ui-g-view-body').height( @height )
+    @$('tbody.scrollable').height( @height - 23 )
+
+    @container_width = do => $(@container).width()
+
+    @width ||= if @container_width > 0 then @container_width else @defaultWidth
+
+    # don't let the grid outgrow its maxWidth
+    @width = _([@width, (@maxWidth || @width)]).max()
+
+    @$('.luca-ui-g-view-body').width @width
+    @$('.luca-ui-g-view-body table').width @width
+
+    @setDefaultColumnWidths()
+
+  resize: (newWidth)->
+    difference = newWidth - @width
+    @width = newWidth
+
+    @$('.luca-ui-g-view-body').width( @width )
+    @$('.luca-ui-g-view-body table').width( @width )
+
+    if @columns.length > 0
+      distribution = difference / @columns.length
+
+      _(@columns).each (col,index)=>
+        column = $(".column-#{ index }", @el )
+        column.width( col.width = col.width + distribution )
+
+  padLastColumn: ()->
+    configured_column_widths = _(@columns).inject (sum, column)->
+      sum = (column.width) + sum
+    , 0
+
+    unused_width = @width - configured_column_widths
+
+    if unused_width > 0
+      @lastColumn().width += unused_width
+
+  setDefaultColumnWidths: ()->
+    default_column_width = if @columns.length > 0 then @width / @columns.length else 200
+
+    _( @columns ).each (column)->
+      parseInt(column.width ||= default_column_width)
+
+    @padLastColumn()
+
+  lastColumn: ()->
+    @columns[ @columns.length - 1 ]
+
+
+
+  emptyMessage: (text="")->
+    text ||= @emptyText
+    @body.html('')
+    @body.append Luca.templates["components/grid_view_empty_text"](colspan:@columns.length,text:text)
+
+  refresh: ()->
+    @body.html('')
+    @collection.each (model,index)=>
+      @render_row.apply(@, [model,index])
+
+    if @collection.models.length == 0
+      @emptyMessage()
+
+  ifLoaded: (fn, scope)->
+    scope ||= @
+    fn ||= ()-> true
+
+    @collection.ifLoaded(fn,scope)
+
+  applyFilter: (values, options={auto:true,refresh:true})->
+    @collection.applyFilter(values, options)
+
+  renderHeader: ()->
+    @trigger "before:render:header"
+
+    headers = _(@columns).map (column,column_index) =>
+      # temporary hack for scrollable grid dimensions.
+      style = if column.width then "width:#{ column.width }px;" else ""
+
+      "<th style='#{ style }' class='column-#{ column_index }'>#{ column.header}</th>"
+
+    @header.append("<tr>#{ headers }</tr>")
+
+  getRowEl: (id)->
+    @$ "[data-record-id=#{ id }]", 'table'
+
+  render_row: (row,row_index, options={})->
+    rowClass = @rowClass
+
+    model_id = if row?.get and row?.attributes then row.get('id') else ''
+
+    @trigger "before:render:row", row, row_index
+
+    cells = _( @columns ).map (column,col_index) =>
+      value = @cell_renderer(row, column, col_index)
+      style = if column.width then "width:#{ column.width }px;" else ""
+
+      display = if _.isUndefined(value) then "" else value
+
+      "<td style='#{ style }' class='column-#{ col_index }'>#{ display }</td>"
+
+    return cells if options.cellsOnly
+
+    altClass = ''
+    if @alternateRowClasses
+      altClass = if row_index % 2 is 0 then "even" else "odd"
+
+    content = "<tr data-record-id='#{ model_id }' data-row-index='#{ row_index }' class='#{ rowClass } #{ altClass }' id='row-#{ row_index }'>#{ cells }</tr>"
+
+    return content if options.contentOnly is true
+
+    @body?.append(content)
+
+  cell_renderer: (row, column, columnIndex )->
+    if _.isFunction column.renderer
+      return column.renderer.apply @, [row,column,columnIndex]
+    else if column.data.match(/\w+\.\w+/)
+      source = row.attributes || row
+      return Luca.util.nestedValue( column.data, source )
+    else
+      return row.get?( column.data ) || row[ column.data ]
+
+  double_click_handler: (e)->
+    me = my = $( e.currentTarget )
+    rowIndex = my.data('row-index')
+    record = @collection.at( rowIndex )
+    @trigger "row:double:click", @, record, rowIndex
+
+  click_handler: (e)->
+    me = my = $( e.currentTarget )
+    rowIndex = my.data('row-index')
+    record = @collection.at( rowIndex )
+    @trigger "row:click", @, record, rowIndex
+
+    $(".#{ @rowClass }", @body ).removeClass('selected-row')
+    me.addClass('selected-row')

data/src/components/index.coffee

@@ -0,0 +1 @@
+#= require_tree .

data/src/components/load_mask.coffee

@@ -0,0 +1,3 @@
+_.def("Luca.components.LoadMask").extends("Luca.View").with
+  className: "luca-ui-load-mask"
+  bodyTemplate:"components/load_mask"

data/src/components/nav_bar.coffee

@@ -0,0 +1,22 @@
+_.def("Luca.components.NavBar").extends("Luca.View").with
+  fixed: true
+  position: 'top'
+  className: 'navbar'
+  brand: "Luca.js"
+  bodyTemplate: 'nav_bar'
+  bodyClassName: 'luca-ui-navbar-body'
+
+  beforeRender: ()->
+    @$el.addClass "navbar-fixed-#{ @position }" if @fixed
+
+    if @brand?
+      @content().append("<a class='brand' href='#'>#{ @brand }</a>")
+
+    if @template
+      @content().append Luca.template(@template, @)
+
+  render: ()->
+    @
+
+  content: ()->
+    @$('.container').eq(0)

data/src/components/page_controller.coffee

@@ -0,0 +1,2 @@
+_.def("Luca.PageController").extends("Luca.components.Controller").with
+  version: 2

data/{app/assets/javascripts/luca → src}/components/router.coffee

@@ -1,7 +1,4 @@
-#_.def("Luca.Router").extends("Backbone.Router").with
-router = Luca.register  "Luca.Router"
-router.extends          "Backbone.Router"
-router.defines
+_.def("Luca.Router").extends("Backbone.Router").with
   routes:
     "" : "default"
 
@@ -17,8 +14,6 @@ router.defines
       @bind "route:#{ route_id }", ()=>
         @trigger.apply @, ["change:navigation", route_id  ].concat( _( arguments ).flatten() )
 
-    Backbone.Router.initialize?.apply(@, arguments)
-
   #### Router Functions
 
   # Intercept calls to Backbone.Router.navigate so that we can at least

data/src/components/table_view.coffee

@@ -0,0 +1,53 @@
+_.def("Luca.components.TableView").extends("Luca.components.CollectionView").with
+  additionalClassNames: "table"
+  tagName: "table"
+  bodyTemplate: "table_view"
+  bodyTagName: "tbody"
+  bodyClassName: "table-body"
+  itemTagName: "tr"
+  stateful: true
+  observeChanges: true
+
+  columns:[]
+
+  emptyText: "There are no results to display"
+
+  itemRenderer: (item, model)->
+    Luca.components.TableView.rowRenderer.call(@, item, model)
+
+  emptyResults: ()->
+    @$('tbody').append("<tr><td colspan=#{ @columns.length }>#{ @emptyText }</td></tr>")
+
+  initialize: (@options={})->
+    Luca.components.CollectionView::initialize.apply(@, arguments)
+    @defer ()=> 
+      Luca.components.TableView.renderHeader.call(@, @columns, @$('thead') )
+      # TEMP
+      # This is a result of the @additionalClassNames inheritance bug
+      @$el.removeClass('row-fluid')
+    .until("before:render")
+
+
+make = Backbone.View::make
+
+Luca.components.TableView.renderHeader = (columns, targetElement)->
+  index = 0
+
+  content = for column in columns
+    "<th data-col-index='#{ index }'>#{ column.header }</th>"
+
+  $( targetElement ).append(make "tr",{}, content)
+
+  index = 0
+
+  for column in columns when column.width?
+    @$("th[data-col-index='#{ index }']",targetElement).css('width', column.width)
+
+
+Luca.components.TableView.rowRenderer = (item, model, index)->
+  for columnConfig in @columns
+    Luca.components.TableView.renderColumn.call(@, columnConfig, item, model, index) 
+
+Luca.components.TableView.renderColumn = (column, item, model, index)->
+  cellValue = model.read( column.reader )
+  make("td", {}, cellValue)

data/src/components/template.coffee

@@ -0,0 +1,5 @@
+_.def('Luca.components.Template').extends('Luca.View').with
+  initialize: (@options={})->
+    console.log "The Use of Luca.components.Template directly is being DEPRECATED"
+
+    Luca.View::initialize.apply @, arguments

data/src/components/toolbar_dialog.coffee

@@ -0,0 +1,25 @@
+_.def("Luca.components.ToolbarDialog").extends("Luca.View").with
+  className:"luca-ui-toolbar-dialog span well"
+
+  styles:
+    "position" : "absolute"
+    "z-Index" : "3000"
+    "float" : "left"
+
+  initialize: (@options={})->
+    @_super("initialize", @, arguments)
+
+  createWrapper: ()->
+    @make "div",
+      class: "component-picker span4 well"
+      style:
+        "position: absolute; z-index:12000"
+
+  show: ()->
+    @$el.parent().show()
+
+  hide: ()->
+    @$el.parent().hide()
+
+  toggle: ()->
+    @$el.parent().toggle()

data/src/containers/card_view.coffee

@@ -0,0 +1,93 @@
+_.def("Luca.containers.CardView").extends("Luca.core.Container").with
+  componentType: 'card_view'
+
+  className: 'luca-ui-card-view-wrapper'
+
+  activeCard: 0
+
+  components: []
+
+  hooks:[
+    'before:card:switch',
+    'after:card:switch'
+  ]
+
+  componentClass: 'luca-ui-card'
+  generateComponentElements: true
+
+  initialize: (@options)->
+    Luca.core.Container::initialize.apply @,arguments
+    @setupHooks(@hooks)
+
+  prepareComponents: ()->
+    Luca.core.Container::prepareComponents?.apply(@, arguments)
+
+    _( @components ).each (component,index)=>
+      if index is @activeCard
+        $( component.container ).show()
+      else
+        $( component.container ).hide()
+
+  activeComponentElement: ()->
+    @componentElements().eq( @activeCard )
+
+  activeComponent: ()->
+    @getComponent( @activeCard )
+
+  customizeContainerEl: (containerEl, panel, panelIndex)->
+    containerEl.style += if panelIndex is @activeCard then "display:block;" else "display:none;"
+
+    containerEl
+
+  cycle: ()->
+    nextIndex = if @activeCard < @components.length - 1 then @activeCard + 1 else 0
+    @activate( nextIndex )
+
+  find: (name)->
+    @findComponentByName(name,true)
+
+  firstActivation: ()->
+    @activeComponent().trigger "first:activation", @, @activeComponent()
+
+  activate: (index, silent=false, callback)->
+    if _.isFunction(silent)
+      silent = false
+      callback = silent
+
+    return if index is @activeCard
+
+    previous = @activeComponent()
+    current = @getComponent(index)
+
+    if !current
+      index = @indexOf(index)
+      current = @getComponent( index )
+
+    unless current
+      return
+
+    unless silent
+      @trigger "before:card:switch", previous, current
+      previous?.trigger?.apply(previous,["before:deactivation", @, previous, current])
+      current?.trigger?.apply(previous,["before:activation", @, previous, current])
+
+      _.defer ()=>
+        @$el.data( @activeAttribute || "active-card", current.name)
+
+    @componentElements().hide()
+
+    unless current.previously_activated
+      current.trigger "first:activation"
+      current.previously_activated = true
+
+    @activeCard = index
+    @activeComponentElement().show()
+
+    unless silent
+      @trigger "after:card:switch", previous, current
+      previous.trigger?.apply(previous, ["deactivation", @, previous, current])
+      current.trigger?.apply(current, ["activation", @, previous, current])
+
+
+    if _.isFunction(callback)
+      callback.apply @, [@,previous,current]

data/src/containers/column_view.coffee

@@ -0,0 +1,42 @@
+_.def('Luca.containers.ColumnView').extends('Luca.core.Container').with
+  componentType: 'column_view'
+
+  className: 'luca-ui-column-view'
+
+  components: []
+
+  initialize: (@options={})->
+    console.log "Column Views are deprecated in favor of just using grid css on a normal container"
+    Luca.core.Container::initialize.apply @, arguments
+    @setColumnWidths()
+
+  componentClass: 'luca-ui-column'
+
+  containerTemplate: "containers/basic"
+
+  generateComponentElements: true
+
+  autoColumnWidths: ()->
+    widths = []
+
+    _( @components.length ).times ()=>
+      widths.push( parseInt( 100 / @components.length ) )
+
+    widths
+
+  setColumnWidths: ()->
+    @columnWidths = if @layout?
+      _( @layout.split('/') ).map((v)-> parseInt(v) )
+    else
+      @autoColumnWidths()
+
+    @columnWidths = _( @columnWidths ).map (val)-> "#{ val }%"
+
+  beforeLayout: ()->
+    @debug "column_view before layout"
+
+    _(@columnWidths).each (width,index) =>
+      @components[index].float = "left"
+      @components[index].width = width
+
+    Luca.core.Container::beforeLayout?.apply @, arguments

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

@@ -1,13 +1,13 @@
-view = Luca.register      "Luca.containers.ModalView"
-view.extends              "Luca.Container"
+_.def("Luca.ModalView").extends("Luca.core.Container").with
 
-view.publicConfiguration
   closeOnEscape: true
+
   showOnInitialize: false
+
   backdrop: false
-  className: "modal"
 
-view.publicMethods
+  className: "luca-ui-container modal"
+
   container: ()->
     $('body')
 
@@ -27,10 +27,10 @@ view.publicMethods
     $('body').append( @$el )
     
     @$el.modal
-      backdrop: !!(@backdrop is true)
-      keyboard: !!(@closeOnEscape is true)
-      show: !!(@showOnInitialize is true)
+      backdrop: @backdrop is true
+      keyboard: @closeOnEscape is true
+      show: @showOnInitialize is true
 
     @
 
-view.register()
+_.def("Luca.containers.ModalView").extends("Luca.ModalView").with()

data/src/containers/page_view.coffee

@@ -0,0 +1,2 @@
+_.def("Luca.PageView").extends("Luca.containers.CardView").with
+  version: 2