luca 0.9.9 → 0.9.42

data/assets/javascripts/sandbox/views/builder/builder_canvas.coffee

@@ -0,0 +1,3 @@
+_.def("Sandbox.views.BuilderCanvas").extends("Luca.View").with
+  name: "builder_canvas"
+  bodyTemplate: "builder"

data/assets/javascripts/sandbox/views/builder/builder_editor.coffee

@@ -0,0 +1,6 @@
+_.def("Sandbox.views.BuilderEditor").extends("Luca.tools.CoffeeEditor").with
+  name: "builder_editor"
+
+
+  toggleSource:()->
+    @_super("toggleMode", @, arguments)

data/assets/javascripts/sandbox/views/builder/component_list.coffee

@@ -0,0 +1,38 @@
+_.def("Sandbox.views.ComponentList").extends("Luca.components.CollectionView").with
+  name:                     "component_list"
+  id:                       "component_list"
+  collection:               "components"
+  itemTagName:              "div"
+  autoBindEventHandlers: true
+  events:
+    "click div.collection-item a" : "clickHandler"
+
+  itemRenderer: (item, model, index)->
+    Luca.util.make("a",{"data-index":index}, model.className() )
+
+  filterByName: (name)->
+    models = @collection.query
+      className:
+        $likeI:name
+
+    @collection.reset( models, silent: true )
+    @refresh()
+
+    if name?.length is 0 
+      @resetToDefault()
+
+  resetToDefault: ()->
+    @collection.reset( @initialComponents, silent: true )
+    @refresh()
+
+  beforeRender: ()->
+    success = (collection, response)=>
+      @initialComponents = response
+
+    @collection.fetch(success: success)  
+
+  clickHandler: (e)->
+    e.preventDefault()
+    me = my = $( e.target )
+    component = @collection.at( my.data('index') )
+    @trigger "selected", component

data/assets/javascripts/sandbox/views/builder/project_browser.coffee

@@ -0,0 +1,14 @@
+_.def("Sandbox.views.ProjectBrowser").extends("Luca.core.Container").with
+  className: "project-browser"
+  components:[
+    type: "text_field"
+    name: "component_list_filter"
+    additionalClassNames: "well"
+    className: "component-list-filter-form"
+    placeHolder: "Find a component"
+    hideLabel: true
+    prepend: "?"
+  ,
+    type: "component_list"
+    name: "component_list"
+  ]

data/assets/javascripts/sandbox/views/builder.coffee

@@ -0,0 +1,133 @@
+_.def("Sandbox.views.Builder").extends("Luca.core.Container").with
+  name: "builder"
+  id: "builder"
+  defaultCanvasPosition: 'below'
+  componentEvents:
+    "editor_container toggle:search:option" : "toggleSearchOption"
+
+  components:[
+    ctype: "container"
+    name:"editor_container"
+    additionalClassNames: 'row-fluid'
+    className: "builder-editor-container"
+    styles: 
+      position: "absolute"
+      
+    bottomToolbar:
+      buttons:[
+        group: true
+        align: "left"
+        buttons:[
+          eventId: "toggle:search:option"
+          icon:"search"
+          classes:"search-options component-search"
+        ,
+          eventId: "toggle:search:option"
+          icon: "list-alt"
+          classes: "search-options saved-components"
+        ]
+      ,
+        eventId:"toggle:settings"
+        icon: "cog"
+        align: 'right'
+      ]
+    components:[
+      ctype: "builder_editor"  
+      name: "builder_editor"
+      className:"builder-editor"
+      styles: 
+        position: "relative"
+        width: "100%"
+        top: "0"
+        left: "0"
+    ,
+      type: "project_browser"
+      className:"project-browser"
+      name: "project_browser"
+      styles: 
+        position: "relative"
+        width: "30%"
+        top: "0"
+        left: "0"
+    ]
+  ]
+
+  initialize: (@options={})->
+    Luca.core.Container::initialize.apply(@, arguments)
+
+    _.bindAll @, "toggleSearchOption"
+
+    canvas = type: "builder_canvas", className: "builder-canvas"
+
+    @state = new Backbone.Model
+      canvasLayout: "horizontal-split"  
+      canvasPosition: (@defaultCanvasPosition || "above")
+      ratio: 0.4
+
+    @state.bind "change:canvasLayout", ()=>
+      @$el.removeClass().addClass @state.get("canvasLayout")
+
+    if @state.get('canvasPosition') is "above"
+      @components.unshift( canvas )
+    else
+      @components.push( canvas )
+
+
+
+  canvas: ()-> 
+    Luca("builder_canvas")
+
+  editor: ()-> 
+    Luca("builder_editor")
+
+  componentList: ()-> 
+    Luca("component_list")
+
+  toggleSearchOption: (button)->
+    button.toggleClass('active')
+
+  # TODO
+  # Find a pure CSS solution this is garbage.
+  fitToScreen: ()->
+    @$el.addClass("canvas-position-#{ @state.get('canvasPosition') }")
+
+    viewportHeight = $(window).height()
+    half = viewportHeight * @state.get('ratio') 
+
+    toolbarHeight = 0
+    toolbarHeight += @$('.toolbar-container.top').height() * @$('.toolbar-container.top').length
+
+    filterHeight = 0
+    filterHeight += @$('.component-list-filter-form').height()
+
+    @canvas().$el.height( half - toolbarHeight - 40 )
+
+    @componentList().$el.height( half - filterHeight - 50 )
+
+    @editor().$el.height( half )
+    @editor().setHeight( half )
+
+  activation: ()->
+    @fitToScreen()
+
+  deactivation: ()->
+    # implement
+
+  afterRender: ()->
+    @_super "afterRender", @, arguments
+    componentList = Luca("component_list")
+    componentList.on "selected", (component)->
+      Luca("builder_editor").setValue( component.get('source') )
+      Luca("builder_editor").state.set('currentMode','coffeescript')
+
+    @$('.component-list-filter-form input[type="text"]').on "keydown", ()->
+      componentList.filterByName $(this).val()
+
+    @$('.component-list-filter-form input[type="text"]').on "keyup", ()->
+      val = $(this).val()
+      componentList.filterByName('') if val.length is 0
+
+  beforeRender: ()->
+    Luca.core.Container::beforeRender?.apply(@, arguments)
+    @$el.removeClass().addClass @state.get("canvasLayout")
+

data/assets/javascripts/sandbox/views/docs_controller.coffee

@@ -0,0 +1,7 @@
+_.def("Sandbox.views.DocsController").extends("Luca.components.Controller").with
+  name: "docs"
+  defaultCard: "docs_index"
+  components:[
+    name: "docs_index"
+    bodyTemplate: "sandbox/docs_index"
+  ]

data/assets/javascripts/sandbox/views/inspector/instance_filter.coffee

@@ -0,0 +1,18 @@
+_.def("Sandbox.views.InstanceFilter").extends("Luca.components.FormView").with
+  name: "instance_filter"
+  well: true
+  horizontal: true
+  inline: true
+  toolbar: false
+  components:[
+    ctype:"type_ahead_field"
+    label:"Find by name"
+    source: ()-> 
+      names = _( Luca.registry.instances() ).pluck('name')
+      _.uniq _( names ).compact()
+  ,
+    ctype: "type_ahead_field"
+    label: "Find by class"
+    source: ()->
+      Luca.registry.classes(true)
+  ]

data/assets/javascripts/sandbox/views/inspector.coffee

@@ -0,0 +1,11 @@
+_.def("Sandbox.views.ApplicationInspector").extends("Luca.tools.ApplicationInspector").with
+  name: "application_inspector"
+  additionalClassNames: ["modal"]
+
+  toggle:(options=backdrop:false)->
+    @render() unless @rendered is true
+    @$el.modal(options)
+
+  components:[
+    ctype:"instance_filter"
+  ]

data/assets/javascripts/sandbox/views/top_navigation.coffee

@@ -0,0 +1,4 @@
+_.def("Sandbox.views.TopNavigation").extends("Luca.components.NavBar").with
+  brand: "Luca"
+  name: "top_navigation"
+  template: "sandbox/navigation"

data/assets/javascripts/sandbox.coffee

@@ -0,0 +1,7 @@
+#= require ./sandbox/config
+#= require_tree ./sandbox/models
+#= require_tree ./sandbox/collections
+#= require_tree ./sandbox/templates
+#= require_tree ./sandbox/views
+#= require ./sandbox/router
+#= require ./sandbox/application

data/assets/javascripts/spec-dependencies.coffee

@@ -0,0 +1,4 @@
+#= require ./dependencies
+#= require ./dependencies/sinon
+#= require ./dependencies/jasmine
+#= require ./dependencies/jasmine-html

data/assets/stylesheets/bootstrap-responsive.min.css

@@ -0,0 +1,2 @@
+.hidden{display:none;visibility:hidden;}
+@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:768px){.container{width:auto;padding:0 20px;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;}}@media (min-width:768px) and (max-width:980px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .span1{width:42px;} .span2{width:104px;} .span3{width:166px;} .span4{width:228px;} .span5{width:290px;} .span6{width:352px;} .span7{width:414px;} .span8{width:476px;} .span9{width:538px;} .span10{width:600px;} .span11{width:662px;} .span12,.container{width:724px;} .offset1{margin-left:82px;} .offset2{margin-left:144px;} .offset3{margin-left:206px;} .offset4{margin-left:268px;} .offset5{margin-left:330px;} .offset6{margin-left:392px;} .offset7{margin-left:454px;} .offset8{margin-left:516px;} .offset9{margin-left:578px;} .offset10{margin-left:640px;} .offset11{margin-left:702px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid .span1{width:5.801104972%;} .row-fluid .span2{width:14.364640883%;} .row-fluid .span3{width:22.928176794%;} .row-fluid .span4{width:31.491712705%;} .row-fluid .span5{width:40.055248616%;} .row-fluid .span6{width:48.618784527%;} .row-fluid .span7{width:57.182320438000005%;} .row-fluid .span8{width:65.74585634900001%;} .row-fluid .span9{width:74.30939226%;} .row-fluid .span10{width:82.87292817100001%;} .row-fluid .span11{width:91.436464082%;} .row-fluid .span12{width:99.999999993%;} input.span1,textarea.span1,.uneditable-input.span1{width:32px;} input.span2,textarea.span2,.uneditable-input.span2{width:94px;} input.span3,textarea.span3,.uneditable-input.span3{width:156px;} input.span4,textarea.span4,.uneditable-input.span4{width:218px;} input.span5,textarea.span5,.uneditable-input.span5{width:280px;} input.span6,textarea.span6,.uneditable-input.span6{width:342px;} input.span7,textarea.span7,.uneditable-input.span7{width:404px;} input.span8,textarea.span8,.uneditable-input.span8{width:466px;} input.span9,textarea.span9,.uneditable-input.span9{width:528px;} input.span10,textarea.span10,.uneditable-input.span10{width:590px;} input.span11,textarea.span11,.uneditable-input.span11{width:652px;} input.span12,textarea.span12,.uneditable-input.span12{width:714px;}}@media (max-width:980px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .span1{width:70px;} .span2{width:170px;} .span3{width:270px;} .span4{width:370px;} .span5{width:470px;} .span6{width:570px;} .span7{width:670px;} .span8{width:770px;} .span9{width:870px;} .span10{width:970px;} .span11{width:1070px;} .span12,.container{width:1170px;} .offset1{margin-left:130px;} .offset2{margin-left:230px;} .offset3{margin-left:330px;} .offset4{margin-left:430px;} .offset5{margin-left:530px;} .offset6{margin-left:630px;} .offset7{margin-left:730px;} .offset8{margin-left:830px;} .offset9{margin-left:930px;} .offset10{margin-left:1030px;} .offset11{margin-left:1130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid .span1{width:5.982905983%;} .row-fluid .span2{width:14.529914530000001%;} .row-fluid .span3{width:23.076923077%;} .row-fluid .span4{width:31.623931624%;} .row-fluid .span5{width:40.170940171000005%;} .row-fluid .span6{width:48.717948718%;} .row-fluid .span7{width:57.264957265%;} .row-fluid .span8{width:65.81196581200001%;} .row-fluid .span9{width:74.358974359%;} .row-fluid .span10{width:82.905982906%;} .row-fluid .span11{width:91.45299145300001%;} .row-fluid .span12{width:100%;} input.span1,textarea.span1,.uneditable-input.span1{width:60px;} input.span2,textarea.span2,.uneditable-input.span2{width:160px;} input.span3,textarea.span3,.uneditable-input.span3{width:260px;} input.span4,textarea.span4,.uneditable-input.span4{width:360px;} input.span5,textarea.span5,.uneditable-input.span5{width:460px;} input.span6,textarea.span6,.uneditable-input.span6{width:560px;} input.span7,textarea.span7,.uneditable-input.span7{width:660px;} input.span8,textarea.span8,.uneditable-input.span8{width:760px;} input.span9,textarea.span9,.uneditable-input.span9{width:860px;} input.span10,textarea.span10,.uneditable-input.span10{width:960px;} input.span11,textarea.span11,.uneditable-input.span11{width:1060px;} input.span12,textarea.span12,.uneditable-input.span12{width:1160px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}}