luca 0.6.6

data/src/components/application.coffee

@@ -0,0 +1,83 @@
+Luca.Application = Luca.containers.Viewport.extend
+
+  components:[
+    ctype: 'controller'
+    name: 'main_controller'
+    defaultCard: 'welcome'
+    components:[
+      ctype: 'template'
+      name: 'welcome'
+      template: 'sample/welcome'
+      templateContainer: "Luca.templates"
+    ]
+  ]
+
+  initialize: (@options={})->
+    Luca.containers.Viewport::initialize.apply @, arguments
+
+    @collectionManager = new Luca.CollectionManager()
+
+    @state = new Backbone.Model( @defaultState )
+
+    @bind "ready", ()=> @render()
+
+  activeView: ()->
+    if active = @activeSubSection()
+      @view( active )
+    else
+      @view( @activeSection() )
+
+  activeSubSection: ()->
+    @get("active_sub_section")
+
+  activeSection: ()->
+    @get("active_section")
+
+  afterComponents: ()->
+    Luca.containers.Viewport::afterComponents?.apply @, arguments
+
+    # any time the main controller card switches we should track
+    # the active card on the global state chart
+    @getMainController()?.bind "after:card:switch", (previous,current)=>
+      @state.set(active_section:current.name)
+
+    # any time the card switches on one of the sub controllers
+    # then we should track the active sub section on the global state chart
+    @getMainController()?.each (component)=>
+      if component.ctype.match(/controller$/)
+        component.bind "after:card:switch", (previous,current)=>
+          @state.set(active_sub_section:current.name)
+
+  beforeRender: ()->
+    Luca.containers.Viewport::beforeRender?.apply @, arguments
+    #Backbone.history.start()
+
+  # boot should trigger the ready event, which will call the initial call
+  # to render() your application, which will have a cascading effect on every
+  # subcomponent in the view, recursively rendering everything which is set
+  # to automatically render (i.e. any non-deferrable components ).
+  #
+  # you should use boot to fire up any dependent collections, manager, any
+  # sort of data processing, whatever your application requires to run outside
+  # of the views
+  boot: ()->
+    console.log "Sup?"
+    @trigger "ready"
+
+
+  # delegate to the collection manager's get or create function.
+  # use App.collection() to create or access existing collections
+  collection: ()->
+    @collectionManager.getOrCreate.apply(@collectionManager, arguments)
+
+  get: (attribute)->
+    @state.get(attribute)
+
+  getMainController: ()->
+    @view("main_controler")
+
+  set: (attributes)->
+    @state.set(attributes)
+
+  view: (name)-> Luca.cache(name)
+

data/src/components/base_toolbar.coffee

@@ -0,0 +1,16 @@
+Luca.components.Toolbar = Luca.core.Container.extend
+  className: 'luca-ui-toolbar'
+  
+  position: 'bottom'
+
+  initialize: (@options={})->
+    Luca.core.Container::initialize.apply @, arguments
+
+  prepareComponents: ()->
+    _( @components ).each (component)=> 
+      component.container = @el
+
+  render: ()->
+    $(@container).append(@el)
+
+Luca.register "toolbar", "Luca.components.Toolbar"

data/src/components/collection_loader_view.coffee

@@ -0,0 +1,37 @@
+# Collection Loader View is a simple modal view
+# You can provide your own template for the collection loader modal
+# if you want to. Default implementation uses twitter bootstrap modal and
+# progress bar (http://twitter.github.com/bootstrap/). You template
+# should have contain `progress`, `bar` and `message` classes
+Luca.components.CollectionLoaderView = Luca.components.Template.extend
+  className: 'luca-ui-collection-loader-view'
+
+  template: "components/collection_loader_view"
+
+  initialize: (@options={})->
+    Luca.components.Template::initialize.apply @,arguments
+
+    @container ||= $('body')
+    @manager   ||= Luca.CollectionManager.get()
+
+    @setupBindings()
+
+  modalContainer: ()->
+    $("#progress-modal", @el)
+
+  setupBindings: ()->
+    @manager.bind "collection_loaded", (name)=>
+      loaded   = @manager.loadedCollectionsCount()
+      total    = @manager.totalCollectionsCount()
+      progress = parseInt((loaded / total) * 100)
+
+      @modalContainer().find('.progress .bar').attr("style", "width: #{progress}%;")
+      @modalContainer().find('.message').html("Loaded #{ _(name).chain().humanize().titleize().value() }...")
+
+    @manager.bind "all_collections_loaded", ()=>
+      @modalContainer().find('.message').html("All done!")
+      _.delay ()=>
+        @modalContainer().modal('hide')
+      , 400
+
+Luca.register "collection_loader_view","Luca.components.CollectionLoaderView"

data/src/components/controller.coffee

@@ -0,0 +1,41 @@
+Luca.components.Controller = Luca.containers.CardView.extend
+  initialize: (@options)->
+    Luca.containers.CardView::initialize.apply @, arguments
+
+    @defaultCard ||= @components[0]?.name
+
+    throw "Controllers must specify a defaultCard property and/or the first component must have a name" unless @defaultCard
+
+    @state = new Backbone.Model
+      active_section: @defaultCard
+
+
+  each: (fn)->
+    _( @components ).each (component)=>
+      fn.apply @, [component]
+
+  default: (callback)->
+    @navigate_to(@defaultCard, callback)
+
+  # switch the active card of this controller
+  # optionally passing an onActivation callback
+  # will fire this callback in the context of
+  # the currently active card
+  navigate_to: (section, callback)->
+    section ||= @defaultCard
+
+    # activate is a method on Luca.containers.CardView which
+    # selects a component and makes it visible, hiding any
+    # other component which may be monopolizing the view at that time.
+
+    # after activation it triggers a after:card:switch event
+    # and if it is the first time that view is being activated,
+    # it triggers a first:activation event which gets relayed to all
+    # child components in that view
+    @activate section, false, (activator, previous,current)=>
+      @state.set(active_section: current.name )
+      if _.isFunction( callback )
+        callback.apply(current)
+
+    # return the section we are navigating to
+    @find(section)

data/src/components/fields/button_field.coffee

@@ -0,0 +1,40 @@
+Luca.fields.ButtonField = Luca.core.Field.extend
+  form_field: true
+  
+  readOnly: true
+
+  events: 
+    "click input" : "click_handler"
+
+  hooks:[
+    "button:click"
+  ]
+
+  className: 'luca-ui-field luca-ui-button-field'
+  
+  template: 'fields/button_field'
+
+  click_handler: (e)->
+    me = my = $( e.currentTarget )
+    @trigger "button:click"
+
+  initialize: (@options={})->
+    _.extend @options
+    _.bindAll @, "click_handler"
+
+    Luca.core.Field::initialize.apply @, arguments
+
+    @template = "fields/button_field_link" if @icon_class?.length
+
+  afterInitialize: ()->
+    @input_id ||= _.uniqueId('button')
+    @input_name ||= @name ||= @input_id
+    @input_value ||= @label ||= @text
+    @input_type ||= "button"
+    @input_class ||= @class
+    @icon_class ||= ""
+    @icon_class = "icon-#{ @icon_class }" if @icon_class.length and !@icon_class.match(/^icon-/)
+
+  setValue: ()-> true
+
+Luca.register "button_field", "Luca.fields.ButtonField"

data/src/components/fields/checkbox_field.coffee

@@ -0,0 +1,41 @@
+Luca.fields.CheckboxField = Luca.core.Field.extend
+  form_field: true
+
+  events:
+    "change input" : "change_handler"
+
+  change_handler: (e)->
+    me = my = $(e.currentTarget)
+    
+    @trigger "on:change", @, e
+    
+    if me.checked is true
+      @trigger "checked"
+    else
+      @trigger "unchecked"
+
+  className: 'luca-ui-checkbox-field luca-ui-field'
+  
+  template: 'fields/checkbox_field'
+
+  hooks: ["checked","unchecked"]
+
+  initialize: (@options={})->
+    _.extend @, @options
+    _.bindAll @, "change_handler"
+
+    Luca.core.Field::initialize.apply @, arguments
+
+  afterInitialize: ()->
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @input_value ||= 1
+    @label ||= @name
+
+  setValue: (checked)->
+    @input.attr('checked', checked)
+
+  getValue:()->
+    @input.attr('checked') is true
+
+Luca.register "checkbox_field", "Luca.fields.CheckboxField"

data/src/components/fields/file_upload_field.coffee

@@ -0,0 +1,15 @@
+Luca.fields.FileUploadField = Luca.core.Field.extend
+  form_field: true
+
+  template: 'fields/file_upload_field'
+
+  initialize: (@options={})->
+    Luca.core.Field::initialize.apply @, arguments
+
+  afterInitialize: ()->
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @label ||= @name
+    @helperText ||= ""
+
+Luca.register "file_upload_field", "Luca.fields.FileUploadField"

data/src/components/fields/hidden_field.coffee

@@ -0,0 +1,18 @@
+Luca.fields.HiddenField = Luca.core.Field.extend
+  form_field: true
+
+  template: 'fields/hidden_field'
+
+  initialize: (@options={})->
+    Luca.core.Field::initialize.apply @, arguments
+
+  afterInitialize: ()->
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @input_value ||= @value
+    @label ||= @name
+
+Luca.register "hidden_field", "Luca.fields.HiddenField"
+
+
+

data/src/components/fields/select_field.coffee

@@ -0,0 +1,100 @@
+Luca.fields.SelectField = Luca.core.Field.extend
+  form_field: true
+
+  events:
+    "change select" : "change_handler"
+  
+  hooks:[
+    "after:select"
+  ]
+
+  className: 'luca-ui-select-field luca-ui-field'
+
+  template: "fields/select_field"
+
+  includeBlank: true
+
+  blankValue: ''
+
+  blankText: 'Select One'
+ 
+  initialize: (@options={})->
+    _.extend @, @options
+    _.extend @, Luca.modules.Deferrable
+    _.bindAll @, "change_handler", "populateOptions", "beforeFetch"
+
+    Luca.core.Field::initialize.apply @, arguments
+    
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @label ||= @name
+    @retainValue = true if _.isUndefined @retainValue
+
+  afterInitialize: ()->
+    if @collection?.data
+      @valueField ||= "id"
+      @displayField ||= "name"
+      @parseData()
+
+    try
+      @configure_collection()
+    catch e
+      console.log "Error Configuring Collection", @, e.message
+
+    @collection.bind "before:fetch", @beforeFetch
+    @collection.bind "reset", @populateOptions
+ 
+  # if the select field is configured with a data property
+  # then parse that data into the proper format.  either
+  # an array of objects with the valueField and displayField
+  # properties, or an array of arrays with [valueField, displayField]
+  parseData: ()->
+    @collection.data = _( @collection.data ).map (record)=>
+      return record if not _.isArray( record )
+      hash = {}
+      hash[ @valueField ] = record[0]
+      hash[ @displayField ] = record[1]
+
+      hash
+
+ 
+  afterRender: ()->
+    @input = $('select', @el)
+
+    if @collection?.models?.length > 0
+      @populateOptions()
+    else
+      @collection.trigger("reset")
+  
+  setValue: (value)->
+    @currentValue = value
+    Luca.core.Field::setValue.apply @, arguments
+
+  beforeFetch: ()->
+    @resetOptions()
+
+  change_handler: (e)->
+    @trigger "on:change", @, e 
+    
+  resetOptions: ()->
+    @input.html('')
+    
+    if @includeBlank
+      @input.append("<option value='#{ @blankValue }'>#{ @blankText }</option>")
+
+
+  populateOptions: ()->
+    @resetOptions()
+    
+    if @collection?.each?
+      @collection.each (model) =>
+        value = model.get( @valueField )
+        display = model.get( @displayField )
+        selected = "selected" if @selected and value is @selected
+        option = "<option #{ selected } value='#{ value }'>#{ display }</option>"
+        @input.append( option )
+    
+    @trigger "after:populate:options", @
+    @setValue( @currentValue )
+
+Luca.register "select_field", "Luca.fields.SelectField"

data/src/components/fields/text_area_field.coffee

@@ -0,0 +1,43 @@
+Luca.fields.TextAreaField = Luca.core.Field.extend
+  form_field: true
+
+  events:
+    "keydown input" : "keydown_handler"
+    "blur input" : "blur_handler"
+    "focus input" : "focus_handler"
+
+  template: 'fields/text_area_field'
+
+  height: "200px"
+  width: "90%"
+
+  initialize: (@options={})->
+    _.bindAll @, "keydown_handler"
+
+    Luca.core.Field::initialize.apply @, arguments
+
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @label ||= @name
+    @input_class ||= @class
+    @inputStyles ||= "height:#{ @height };width:#{ @width }"
+
+  setValue: (value)->
+    $( @field() ).val(value)
+
+  getValue: ()->
+    $( @field() ).val()
+  
+  field: ()->
+    @input = $("textarea##{ @input_id }", @el)
+
+  keydown_handler: (e)->
+    me = my = $( e.currentTarget )
+
+  blur_handler: (e)->
+    me = my = $( e.currentTarget )
+
+  focus_handler: (e)->
+    me = my = $( e.currentTarget )
+
+Luca.register "text_area_field", "Luca.fields.TextAreaField"

data/src/components/fields/text_field.coffee

@@ -0,0 +1,42 @@
+Luca.fields.TextField = Luca.core.Field.extend
+  form_field: true
+
+  events:
+    "keydown input" : "keydown_handler"
+    "blur input" : "blur_handler"
+    "focus input" : "focus_handler"
+    "change input" : "change_handler"
+
+  template: 'fields/text_field'
+
+  initialize: (@options={})->
+    _.bindAll @, "keydown_handler", "blur_handler", "focus_handler"
+    Luca.core.Field::initialize.apply @, arguments
+
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @label ||= @name
+
+    if @prepend
+      @$el.addClass('input-prepend')  
+      @addOn = @prepend
+    
+    if @append
+      @$el.addClass('input-append')
+      @addOn = @append
+
+  keydown_handler: _.throttle ((e)-> @change_handler.apply @, arguments), 300
+
+  blur_handler: (e)->
+    me = my = $( e.currentTarget )
+
+  focus_handler: (e)->
+    me = my = $( e.currentTarget )
+  
+  change_handler: (e)->
+    @trigger "on:change", @, e
+
+
+Luca.register "text_field", "Luca.fields.TextField"
+
+

data/src/components/fields/type_ahead_field.coffee

@@ -0,0 +1,10 @@
+Luca.fields.TypeAheadField = Luca.fields.TextField.extend
+  form_field: true
+
+  className: 'luca-ui-field'
+
+  afterInitialize: ()->
+    @input_id ||= _.uniqueId('field') 
+    @input_name ||= @name 
+    @label ||= @name
+  

data/src/components/form_button_toolbar.coffee

@@ -0,0 +1,26 @@
+Luca.components.FormButtonToolbar = Luca.components.Toolbar.extend
+  className: 'luca-ui-form-toolbar form-actions'
+
+  position: 'bottom'
+
+  includeReset: false
+  
+  render: ()->
+    $(@container).append(@el)
+
+  initialize: (@options={})->
+    Luca.components.Toolbar.prototype.initialize.apply @, arguments
+
+    @components = [
+      ctype: 'button_field'
+      label: 'Submit'
+      class: 'btn submit-button'
+    ]
+
+    if @includeReset
+      @components.push
+        ctype: 'button_field'
+        label: 'Reset'
+        class: 'btn reset-button'
+
+Luca.register "form_button_toolbar", "Luca.components.FormButtonToolbar"