luca 0.9.4 → 0.9.6

data/src/modules/grid_layout.coffee

@@ -0,0 +1,15 @@
+Luca.modules.GridLayout = 
+  _initializer: ()->
+    if @gridSpan
+      @$el.addClass "span#{ @gridSpan }"
+
+    if @gridOffset
+      @$el.addClass "offset#{ @gridOffset }"
+
+    if @gridRowFluid
+      @$el.addClass "row-fluid"
+
+    if @gridRow
+      @$el.addClass "row"
+
+    # implement  

data/src/modules/{load_mask.coffee → loadmaskable.coffee}

@@ -1,6 +1,6 @@
 Luca.modules.LoadMaskable = 
-  _included: (self, module)->
-    _.bindAll self, "applyLoadMask", "disableLoadMask"
+  __initializer: ()->
+    return unless @loadMask is true
 
     if @loadMask is true
       @defer ()=>
@@ -11,8 +11,14 @@ Luca.modules.LoadMaskable =
           @$('.load-mask').hide()
       .until("after:render")
 
-      @on (@loadmaskEnableEvent || "enable:loadmask"), @applyLoadMask
-      @on (@loadmaskDisableEvent || "disable:loadmask"), @applyLoadMask
+      @on (@loadmaskEnableEvent || "enable:loadmask"), @applyLoadMask, @
+      @on (@loadmaskDisableEvent || "disable:loadmask"), @applyLoadMask, @
+
+  showLoadMask: ()->
+    @trigger("enable:loadmask")
+
+  hideLoadMask: ()->
+    @trigger("disable:loadmask")
 
   loadMaskTarget: ()->
     if @loadMaskEl? then @$(@loadMaskEl) else @$bodyEl()

data/src/modules/modal_view.coffee

@@ -0,0 +1,38 @@
+Luca.modules.ModalView = 
+  closeOnEscape: true
+
+  showOnInitialize: false
+
+  backdrop: false
+
+  __initializer: ()->
+    @$el.addClass("modal")
+
+    @on "before:render", applyModalConfig, @
+    
+    @
+
+  container: ()->
+    $('body')
+
+  toggle: ()->
+    @$el.modal('toggle')
+
+  show: ()->
+    @$el.modal('show')
+
+  hide: ()->
+    @$el.modal('hide')
+
+applyModalConfig = ()->
+  @$el.addClass 'modal'
+  @$el.addClass 'fade' if @fade is true
+
+  $('body').append( @$el )
+  
+  @$el.modal
+    backdrop: @backdrop is true
+    keyboard: @closeOnEscape is true
+    show: @showOnInitialize is true
+
+  @  

data/src/modules/paginatable.coffee

@@ -0,0 +1,79 @@
+Luca.modules.Paginatable = 
+  paginatorViewClass: 'Luca.components.PaginationControl'
+  paginationSelector: ".toolbar.bottom"
+
+  __included: ()->
+    _.extend(Luca.Collection::, __paginators: {})
+
+  __initializer:()->
+    return if @paginatable is false or not Luca.isBackboneCollection(@collection)
+    
+    _.bindAll @, "paginationControl"
+
+    @getCollection ||= ()-> @collection
+
+    collection = @getCollection()
+
+    paginationState = @getPaginationState()
+
+    paginationState.on "change", (state)=>
+      @trigger "collection:change:pagination", state, collection
+      @trigger "refresh"
+
+    @on "after:refresh", (models, query, options)=>
+      _.defer ()=>
+        @updatePagination.call(@, models, query, options)
+
+    @on "after:render", ()=> 
+      @paginationControl().refresh()
+          
+    if old = @getQueryOptions
+      @getQueryOptions = ()->
+        _.extend( old(), paginationState.toJSON() ) 
+    else
+      @getQueryOptions = ()-> paginationState.toJSON()
+
+  getPaginationState: ()->
+    @collection.__paginators[ @cid ] ||= @paginationControl().state
+
+  paginationContainer: ()->
+    @$(">#{ @paginationSelector }")
+
+  setCurrentPage: (page=1, options={})->
+    @getPaginationState().set('page', page, options)
+
+  setLimit: (limit=0,options={})->
+    @getPaginationState().set('limit', limit, options)
+
+  updatePagination: (models=[], query={}, options={})->
+    _.defaults(options, @getQueryOptions(), limit: 0 )
+
+    paginator = @paginationControl()
+
+    itemCount = models?.length || 0
+    totalCount = @getCollection()?.length
+
+    if itemCount is 0 or totalCount <= options.limit 
+      paginator.$el.hide()
+    else
+      paginator.$el.show()
+
+    paginator.state.set(page: options.page, limit: options.limit)
+
+  paginationControl: ()->
+    return @paginator if @paginator?
+
+    _.defaults(@paginatable ||= {}, page: 1, limit: 20)
+
+    @paginator = Luca.util.lazyComponent
+      type: "pagination_control" 
+      collection: @getCollection()
+      defaultState: @paginatable 
+
+    @paginator
+
+  renderPaginationControl: ()->
+    @paginationControl()
+    @paginationContainer().append @paginationControl().render().$el
+
+

data/src/modules/state_model.coffee

@@ -0,0 +1,16 @@
+Luca.modules.StateModel =
+  __initializer: ()->
+    return unless @stateful is true
+    return if @state? and not Luca.isBackboneModel(@state)
+    
+    @state = new Backbone.Model(@defaultState || {})
+
+    @set ||= ()=> @state.set.apply(@state, arguments)
+    @get ||= ()=> @state.get.apply(@state, arguments)  
+
+    @state.on "change", (state)=>
+      @trigger "state:change", state
+      previousValues = state.previousAttributes()
+      for changed, value in state.changedAttributes
+        @trigger "state:change:#{ changed }", value, state.previous(changed)
+

data/src/modules/templating.coffee

@@ -0,0 +1,8 @@
+Luca.modules.Templating =
+  __initializer: ()->
+    templateVars = Luca.util.read.call(@, @bodyTemplateVars) || {}
+
+    if template = @bodyTemplate
+      @$el.empty()
+      templateContent = Luca.template(template, templateVars)      
+      Luca.View::$html.call(@, templateContent)

data/src/plugins/events.coffee

@@ -21,10 +21,11 @@ class DeferredBindingProxy
       throw "Must pass a function or a string representing one"
 
     if wrapWithUnderscore is true
-      @fn = ()=>
+      @fn = _.bind ()->
         _.defer(fn)
+      , @object
     else
-      @fn = fn
+      @fn = _.bind(fn,@object)
 
     @
 
@@ -41,6 +42,7 @@ class DeferredBindingProxy
     @object
 
 Luca.Events =
+
   defer: (operation, wrapWithUnderscore=true)->
     new DeferredBindingProxy(@, operation, wrapWithUnderscore)
 
@@ -52,3 +54,29 @@ Luca.Events =
       @unbind(trigger, onceFn)
 
     @bind trigger, onceFn
+
+
+Luca.EventsExt = 
+  waitUntil:(trigger, context)->
+    @waitFor.call(@, trigger, context )
+    
+  waitFor: (trigger, context)->
+    self = @
+    proxy = 
+      on:(target)-> 
+        target.waitFor.call(target,trigger,context)
+      and:(runList...)->
+        for fn in runList
+          fn = if _.isFunction(fn) then fn else self[fn]
+          self.once(trigger, fn, context)
+      andThen: ()->
+        self.and.apply(self, arguments)
+
+  relayEvent: (trigger)->
+    on: (components...)=>
+      to: (targets...)=>
+        for target in targets
+          for component in components
+            component.on trigger, (args...)=>
+              args.unshift(trigger)
+              target.trigger.apply(target,args)

data/src/templates/components/bootstrap_form_controls.jst.ejs

@@ -0,0 +1,10 @@
+<div class="btn-group form-actions">
+  <a class="btn btn-primary submit-button">
+    <i class="icon icon-ok icon-white"></i>
+    Save Changes
+  </a>
+  <a class="btn reset-button cancel-button">
+    <i class="icon icon-remove"></i>
+    Cancel
+  </a>
+</div>

data/src/templates/components/collection_loader_view.jst.ejs

@@ -0,0 +1,6 @@
+<div id="progress-modal" class="modal" style="display: none">
+  <div class="progress progress-info progress-striped active">
+    <div class="bar" style="width:0%;"></div>
+  </div>
+  <div class="message">Initializing...</div>
+</div>

data/src/templates/components/form_alert.jst.ejs

@@ -0,0 +1,4 @@
+<div class="<%= className %>">
+  <a class="close" href="#" data-dismiss="alert">x</a>
+  <%= message %>
+</div>

data/src/templates/components/grid_view.jst.ejs

@@ -0,0 +1,11 @@
+<div class="luca-ui-g-view-wrapper">
+  <div class="g-view-header"></div>
+  <div class="luca-ui-g-view-body">
+    <table class="luca-ui-g-view scrollable-table" width="100%" cellpadding=0 cellspacing=0>
+      <thead class="fixed"></thead>
+      <tbody class="scrollable"></tbody>
+      <tfoot></tfoot>
+    </table>
+  </div>
+  <div class="luca-ui-g-view-header"></div>
+</div>

data/src/templates/components/grid_view_empty_text.jst.ejs

@@ -0,0 +1,3 @@
+<div class="empty-text empty-text-wrapper">
+  <p><%= text %></p>
+</div>

data/src/templates/components/load_mask.jst.ejs

@@ -0,0 +1,5 @@
+<div class="load-mask">
+  <div class="progress progress-striped active">
+    <div class="bar" style="width:0%"></div>
+  </div>
+</div>

data/src/templates/components/nav_bar.jst.ejs

@@ -0,0 +1,4 @@
+<div class="navbar-inner">
+  <div class="luca-ui-navbar-body container">
+  </div>
+</div>

data/src/templates/components/pagination.jst.ejs

@@ -0,0 +1,10 @@
+<div class="pagination">
+  <a class="btn previous">
+    <i class="icon icon-chevron-left"></i>
+  </a>
+  <div class="pagination-group">
+  </div>
+  <a class="btn next">
+    <i class="icon icon-chevron-right"></i>
+  </a>
+</div>

data/src/templates/containers/basic.jst.ejs

@@ -0,0 +1 @@
+<div id="<%= id %>" class="<%= classes %>" style="<%= style %>"></div>

data/src/templates/containers/tab_selector_container.jst.ejs

@@ -0,0 +1,12 @@
+<div id="<%= cid %>-tab-selector" class="tab-selector-container">
+  <ul id="<%= cid %>-tabs-nav" class="nav nav-tabs">
+    <% for(var i = 0; i < components.length; i++ ) { %>
+    <% var component = components[i];%>
+    <li class="tab-selector" data-target="<%= i %>">
+      <a data-target="<%= i %>">
+        <%= component.title %>
+      </a>
+    </li>
+    <% } %>
+  </ul>
+</div>

data/src/templates/containers/tab_view.jst.ejs

@@ -0,0 +1,2 @@
+<ul id="<%= cid %>-tabs-selector" class="nav <%= navClass %>"></ul>
+<div id="<%= cid %>-tab-view-content" class="tab-content"></div>

data/src/templates/containers/toolbar_wrapper.jst.ejs

@@ -0,0 +1 @@
+<div class="luca-ui-toolbar-wrapper" id="<%= id %>"></div>

data/src/templates/fields/button_field.jst.ejs

@@ -0,0 +1,2 @@
+<label>&nbsp;</label>
+<input style="<%= inputStyles %>" class="btn <%= input_class %>" value="<%= input_value %>" type="<%= input_type %>" id="<%= input_id" />

data/src/templates/fields/button_field_link.jst.ejs

@@ -0,0 +1,6 @@
+<a class="btn <%= input_class %>">
+  <% if(icon_class.length) { %>
+  <i class="<%= icon_class %>"></i>
+  <%= input_value %>
+  <% } %>
+</a>

data/src/templates/fields/checkbox_array.jst.ejs

@@ -0,0 +1,4 @@
+<div class="control-group">
+  <label for="<%= input_id %>"><%= label =>
+  <div class="controls"><div>
+</div>

data/src/templates/fields/checkbox_array_item.jst.ejs

@@ -0,0 +1,3 @@
+<label for="<%= input_id %>">
+  <input id="<%= input_id %>" type="checkbox" name="<%= input_name %>" value="<%= value %>" />
+</label>

data/src/templates/fields/checkbox_field.jst.ejs

@@ -0,0 +1,10 @@
+<label for="<%= input_id %>">
+  <%= label %>
+  <input type="checkbox" name="<%= input_name %>" value="<%= input_value %>" style="<%= inputStyles %>" />
+</label>
+
+<% if(helperText) { %>
+<p class="helper-text help-block">
+  <%= helperText %>
+</p>
+<% } %>

data/src/templates/fields/file_upload_field.jst.ejs

@@ -0,0 +1,10 @@
+<label for="<%= input_id %>">
+  <%= label %>
+  <input type="file" name="<%= input_name %>" value="<%= input_value %>" style="<%= inputStyles %>" />
+</label>
+
+<% if(helperText) { %>
+<p class="helper-text help-block">
+  <%= helperText %>
+</p>
+<% } %>

data/src/templates/fields/hidden_field.jst.ejs

@@ -0,0 +1 @@
+ <input type="hidden" name="<%= input_name %>" value="<%= input_value %>" style="<%= inputStyles %>" />

data/src/templates/fields/select_field.jst.ejs

@@ -0,0 +1,11 @@
+<label for="<%= input_id %>">
+  <%= label %>
+</label>
+<div class="controls">
+ <select name="<%= input_name %>" value="<%= input_value %>" style="<%= inputStyles %>" ></select>
+  <% if(helperText) { %>
+  <p class="helper-text help-block">
+    <%= helperText %>
+  </p>
+  <% } %>
+</div>

data/src/templates/fields/text_area_field.jst.ejs

@@ -0,0 +1,11 @@
+<label for="<%= input_id %>">
+  <%= label %>
+</label>
+<div class="controls">
+ <textarea name="<%= input_name %>" style="<%= inputStyles %>" ><%= input_value %></textarea>
+  <% if(helperText) { %>
+  <p class="helper-text help-block">
+    <%= helperText %>
+  </p>
+  <% } %>
+</div>

data/src/templates/fields/text_field.jst.ejs

@@ -0,0 +1,16 @@
+<% if(typeof(label)!=="undefined" && (typeof(hideLabel) !== "undefined" && !hideLabel) || (typeof(hideLabel)==="undefined")) {%>
+<label class="control-label" for="<%= input_id %>"><%= label %></label>
+<% } %>
+
+<div class="controls">
+<% if( typeof(addOn) !== "undefined" ) { %>
+  <span class="add-on"><%= addOn %></span>
+<% } %>
+<input type="text" name="<%= input_name %>" style="<%= inputStyles %>" value="<%= input_value %>" />
+<% if(helperText) { %>
+<p class="helper-text help-block">
+  <%= helperText %>
+</p>
+<% } %>
+
+</div>

data/src/templates/table_view.jst.ejs

@@ -0,0 +1,4 @@
+<thead></thead>
+<tbody class="table-body"></tbody>
+<tfoot></tfoot>
+<caption></caption>

data/src/tools/console.coffee

@@ -1,25 +1,25 @@
-codeMirrorOptions =
-  readOnly: true
-  autoFocus: false
-  theme: "monokai"
-  mode: "javascript"
+developmentConsole = Luca.register    "Luca.tools.DevelopmentConsole"
 
-Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
+developmentConsole.extends            "Luca.core.Container"
+
+developmentConsole.defines
   className: "luca-ui-console"
   name: "console"
   history: []
   historyIndex: 0
+  width: 1000
 
   componentEvents:
-    "code_input key:keyup" : "historyUp"
-    "code_input key:keydown" : "historyDown"
-    "code_input key:enter" : "runCommand"
+    "code_input key:keyup"    : "historyUp"
+    "code_input key:keydown"  : "historyDown"
+    "code_input key:enter"    : "runCommand"
 
   compileOptions:
     bare: true
 
   components:[
-    ctype: "code_mirror_field"
+    type: "code_mirror_field"
+    getter: "getCodeMirror"
     additionalClassNames: "clearfix"
     name: "code_output"
     readOnly: true
@@ -28,8 +28,9 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
     lineWrapping: true
     gutter: false
   ,
-    ctype: "text_field"
+    type: "text_field"
     name: "code_input"
+    getter: "getInput"
     lineNumbers: false
     height: '30px'
     maxHeight: '30px'
@@ -57,7 +58,10 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
 
   afterRender: ()->
     @$container().modal(backdrop: false)
-    @$container.css
+
+    if @width?
+      marginLeft = parseInt(@width) * 0.5 * -1
+      @$container().css("width", @width).css('margin-left', parseInt(marginLeft) )
 
   show: (options={})->
     @$container().modal('show')
@@ -78,19 +82,19 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
     @historyIndex -= 1
     @historyIndex = 0 if @historyIndex < 0
 
-    currentValue = Luca("code_input").getValue()
-    Luca("code_input").setValue( @history[ @historyIndex ] || currentValue )
+    currentValue = @getInput().getValue()
+    @getInput().setValue( @history[ @historyIndex ] || currentValue )
 
   historyDown: ()->
     @historyIndex += 1
     @historyIndex = @history.length - 1 if @historyIndex > @history.length - 1
 
-    currentValue = Luca("code_input").getValue()
+    currentValue = @getInput().getValue()
 
-    Luca("code_input").setValue( @history[ @historyIndex ] || currentValue)
+    @getInput().setValue( @history[ @historyIndex ] || currentValue)
 
   append: (code, result, skipFormatting=false)->
-    output = Luca("code_output")
+    output = @getCodeMirror()
     current = output.getValue()
 
     source = "// #{ code }" if code?
@@ -105,7 +109,12 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
 
   onSuccess: (result, js, coffee)->
     @saveHistory(coffee)
-    dump = JSON.stringify(result, null, "\t")
+
+    dump = ""
+
+    if _.isArray( result ) or _.isObject( result ) or _.isString( result ) or _.isNumber(result)
+      dump = JSON.stringify(result, null, "\t")
+
     dump ||= result.toString?()
 
     @append(js, dump || "undefined")
@@ -117,7 +126,7 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
     return unless code?.length > 0
 
     raw = _.string.strip(raw)
-    output = Luca("code_output")
+    output = @getCodeMirror()
     dev = @
 
     evaluator = ()->
@@ -142,6 +151,13 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
 
     try
       result = evaluator.call( @getContext() )
+
+      # capture luca objects for special inspection 
+      if Luca.isComponent( result )
+        result = Luca.util.inspectComponent( result )
+      else if Luca.isComponentPrototype( result )
+        result = Luca.util.inspectComponentPrototype( result )
+
       @onSuccess(result, code, raw) unless raw.match(/^console\.log/)
     catch error
       @onError(error, code, raw)
@@ -149,20 +165,34 @@ Luca.define("Luca.tools.DevelopmentConsole").extends("Luca.core.Container").with
   runCommand: ()->
     dev     = @
     compile = _.bind(Luca.tools.CoffeeEditor::compile, @)
-    raw = Luca("code_input").getValue()
+    raw = @getInput().getValue()
     compiled = compile raw, (compiled)->
       dev.evaluateCode(compiled, raw)
 
 Luca.util.launchers ||= {}
 
+Luca.util.inspectComponentPrototype = (componentPrototype)->
+  liveInstances = Luca.registry.findInstancesByClass( componentPrototype )
+
+Luca.util.inspectComponent = (component)->
+  component = Luca(component) if _.isString(component)
+
+  {
+    name:         component.name  
+    instanceOf:   component.displayName 
+    subclassOf:   component._superClass()::displayName
+    inheritsFrom: Luca.parentClasses( component )
+  }
+
 Luca.util.launchers.developmentConsole = (name="luca-development-console")->
   @_lucaDevConsole = Luca name, ()=>
-    @$el.append Backbone.View::make("div", id: "#{ name }-wrapper", class: "modal fade")
+    @$el.append Backbone.View::make("div", id: "#{ name }-wrapper", class: "modal fade large")
 
     console = new Luca.tools.DevelopmentConsole
       name: name
       container: "##{ name }-wrapper"
 
     console.render()
+    console.getCodeMirror().setHeight(602)
 
   @_lucaDevConsole.show()