luca 0.8.599 → 0.9.0

data/assets/javascripts/sandbox/templates/features/collection_helpers.luca

@@ -1,33 +0,0 @@
-%h1 Collection Helpers
-%pre.prettyprint.lang-coffee
-  :plain
-    Luca.Collection.bootstrap window.BootstrappedData.sample_collection_1
-
-    SampleCollection = Luca.View.extend
-      # The Collection Manager is responsible for tracking
-      # all instances of this collection, so that we don't
-      # create more than one instance if we don't need to
-      registerWith: "CollectionManager"
-
-      # specify a unique ID to register this collection
-      # with the CollectionManager.  This will allow us to
-      # call 
-      #
-      # MyApp.collection("sample_collection") 
-      #
-      # and get an instance of this collection
-      registerAs: "sample_collection"
-
-      myScopeVariable: 1
-
-      # Bootstrap Models
-      #
-      # Specify the named property of the object which contains
-      # our bootstrapped models.  This allows us to load up an array
-      # of model attributes on page load, and automatically populate
-      # our collection with them 
-      #
-      # This will look in the models cache for sample_collection_1
-      # and automatically populate this collection with those models
-      # when fetch() is called
-      cached: ()-> "sample_collection_" + @myScopeVariable

data/assets/javascripts/sandbox/templates/features/form_demo_code.luca

@@ -1,48 +0,0 @@
-.code-sample-container
-  %h3
-    This was created by the following code snippet
-
-  %pre.prettyprint.lang-coffee
-    :plain
-    Sandbox.views.FormDemo = Luca.components.FormView.extend
-      components:[
-        ctype: 'column_view'
-        layout: '33/33/33'
-        components:[
-          components:[
-            ctype: 'text_field'
-            name: 'textfield3'
-            label: 'Sup baby?'
-            placeHolder: 'Bootstrapped'
-          ]
-        ,
-          components:[
-            ctype: 'checkbox_field'
-            label: 'Checkbox Field'
-            name: 'checkbox1'
-            state: 'success'
-          ,
-            ctype: 'select_field'
-            label: 'Select Field'
-            displayField: 'name'
-            valueField: 'id'
-            state: 'warning'
-            collection:
-              url: '/sandbox/api'
-          ]
-        ,
-          components:[
-            ctype: 'text_field'
-            label: 'Text Field'
-            name: 'textfield1'
-            state: 'error'
-            placeHolder: 'This is a placeholder'
-            helperText : 'This is helper text'
-          ,
-            ctype: 'text_area_field'
-            label: 'Text Area'
-            name: 'textarea',
-            width: 125
-          ]
-        ]
-      ]

data/assets/javascripts/sandbox/templates/features/grid_demo_code.luca

@@ -1,24 +0,0 @@
-.code-sample-container
-  %h3
-    This was created by the following code snippet
-
-  %pre.prettyprint.lang-coffee
-    :plain
-      Sandbox.views.GridViewDemo = Luca.components.GridView.extend
-        collection:
-          url: "/sandbox/api"
-
-        afterInitialize: ()->
-          @bind "activation", ()=>
-             @resize( @$container().width() )
-
-        columns:[
-          header: "Name"
-          data: 'name'
-        ,
-          header : "Location"
-          data: "location"
-        ,
-          header : "Website"
-          data: "website"
-        ]

data/assets/javascripts/sandbox/templates/features/introduction.luca

@@ -1,11 +0,0 @@
-%h2 Introduction
-%p Luca.JS was developed after a year of doing battle with Backbone.js developing large single page applications which acted as first class clients for the REST API which served our mobile apps.
-%p Backbone.js, for anyone who has developed a fair share of thick client apps in Javascript, is a godsend.  Their minimialist philosophy in providing you just what you need to be able to build things really appeals to me and addressed the shortcomings in much larger frameworks such as ExtJS, SproutCoure, which provided you with too much and made it harder to develop unique looking public facing apps. However, for a lot of apps, especially for non-public facing, internal tools, it was almost too minimalist, and there was a lot of boilerplate code that needed to be written.
-%p Luca.js attempts to address a lot of these shortcomings by encompassing a lot of common patterns and what I consider to be best practices.  It provides an augmented Backbone.View and Backbone.Collection class, many utilities and manager components.
-%h3 Containers
-%p One important feature of Luca is the concept of Container Views.  These are views which are responsible for containing several other views, and their role is generating the structural DOM elements for you to be able to lay out these child views and show, hide, display or activate them as needed.
-%p  Luca adheres to the Backbone.js party line mostly, in staying very minimalist.  You can use Backbone and Luca interchangeably in almost every case.
-%h3 Components
-%p In addition to providing you with building blocks, I have included several Components which are built using Luca.Views, Luca.Collections and the various types of containers.  These are things like a Grid which is a scrollable table automatically generated from a collection.  A Form component which generates a form for you based on a given model, and handles a lot of tasks for you.
-%h3 Twitter Bootstrap 2.0 Integration
-%p Twitter and Backbone play very nicely together due to their philosophy of providing you with only the bare minimum pieces you need, and allowing you to choose which to use.  Twitter is almost a pure CSS library, and Backbone is a way of structuring your code and handling DOM events and integration with your data persistence strategies.  They overlap very little, if at all.  Because they solve two different problems, and impose very little requirements on the developer, I have decided to give you the option to use both of them simultaneously.

data/assets/javascripts/sandbox/templates/features/view_helpers.luca

@@ -1,43 +0,0 @@
-%h1 View Helpers
-
-%pre.prettyprint.lang-coffee
-  :plain
-    MyView = Luca.View.extend
-      # conveniently bind to collections on
-      # the collection manager, through this
-      # hash syntax similar to Backbone.View's
-      # event configuration for DOM event binding
-      collectionEvents:
-        "sample_collection reset" : "updateItems"
-
-      # skip the common task of having to call
-      # _.bindAll @, "itemClickHandler" 
-      # for all of your event handlers
-      autoBindEventHandlers: true
-
-      # define a list of DOM event bindings
-      # since we set autoBindEventHandlers to true
-      # we guarantee that all event handlers will
-      # be called in the context of @this view
-      events:
-        "click .item" : "itemClickHandler"
-
-      # don't forget to call the Luca.View prototype initialize
-      initialize: (@options={})->
-        Luca.View.prototype.initialize.apply @, arguments
-
-      # Luca.View hooks
-      
-      # These methods will automatically get called when
-      # a matching event is triggered on them
-      beforeRender: ()->
-        @$el.addClass('before-render')
-
-      afterRender: ()->
-        @$el.addClass('after-render')
-
-      # If this view is activated for the first time by a Luca.Container
-      # such as the CardView or the TabPanel, then this function will get
-      # called only at that time
-      firstActivation: ()->
-        @doSomethingExpensiveOnlyOnce()

data/assets/javascripts/sandbox/templates/navigation.luca

@@ -1,8 +0,0 @@
-%li.nav.cardswitch{:data=>{:slide=>0}} Card Container
-%li.nav.cardswitch{:data=>{:slide=>1}} Column Container
-%li.nav.cardswitch{:data=>{:slide=>2}} Split Container
-%li.nav.cardswitch{:data=>{:slide=>3}} Tabbed Container
-%li.nav.cardswitch{:data=>{:slide=>4}} Grid View
-%li.nav.cardswitch{:data=>{:slide=>5}} Form View
-%li.nav.cardswitch{:data=>{:slide=>6}} Complex View 
-%li.nav.modal Modal Container

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

@@ -1,47 +0,0 @@
-Sandbox.views.FormDemo = Luca.components.FormView.extend
-  afterRender: ()->
-    @$el.parent().append Luca.templates["features/form_demo_code"]()
-    prettyPrint()
-  components:[
-    markup: '<h3>Form View with Nested Column Container</h3>'
-  ,
-    ctype: 'column_view'
-    layout: '33/33/33'
-    components:[
-      components:[
-        ctype: 'text_field'
-        name: 'textfield3'
-        label: 'Sup baby?'
-        placeHolder: 'Bootstrapped'
-      ]
-    ,
-      components:[
-        ctype: 'checkbox_field'
-        label: 'Checkbox Field'
-        name: 'checkbox1'
-        state: 'success'
-      ,
-        ctype: 'select_field'
-        label: 'Select Field'
-        displayField: 'name'
-        valueField: 'id'
-        state: 'warning'
-        collection:
-          url: '/sandbox/api.js'
-      ]
-    ,
-      components:[
-        ctype: 'text_field'
-        label: 'Text Field'
-        name: 'textfield1'
-        state: 'error'
-        placeHolder: 'This is a placeholder'
-        helperText : 'This is helper text'
-      ,
-        ctype: 'text_area_field'
-        label: 'Text Area'
-        name: 'textarea',
-        width: 125
-      ]
-    ]
-  ]

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

@@ -1,23 +0,0 @@
-Sandbox.views.GridDemo = Luca.components.GridView.extend
-  collection:
-    url: "/sandbox/api.js"
-
-  afterInitialize: ()->
-    @bind "activation", ()=>
-       @resize( @$container().width() )
-
-  afterRender: ()->
-    Luca.components.GridView.prototype.afterRender?.apply @, arguments
-    @$el.parent().append Luca.templates["features/grid_demo_code"]
-    prettyPrint()
-
-  columns:[
-    header: "Name"
-    data: 'name'
-  ,
-    header : "Location"
-    data: "location"
-  ,
-    header : "Website"
-    data: "website"
-  ]

data/assets/javascripts/sandbox/views/pages/collection_events_sample.coffee

@@ -1 +0,0 @@
-Sandbox.views.CollectionEvents = Luca.View.extend

data/assets/javascripts/sandbox/views/pages/pages_controller.coffee

@@ -1,38 +0,0 @@
-Sandbox.views.PagesController = Luca.components.Controller.extend
-  # the main component is the tab view which
-  # has its own individual demos
-  components:[
-    ctype: 'tab_view'
-    name: 'pages_tab_view'
-    tab_position: 'left'
-    components:[
-      name: 'introduction'
-      title: 'Introduction'
-      template: 'features/introduction'
-    ,
-      name: 'view_helpers'
-      title: 'View Helpers'
-      template: 'features/view_helpers'
-    ,
-      name: 'collection_helpers'
-      title: 'Collection Helpers'
-      template: 'features/collection_helpers'
-    ,
-      ctype: 'form_demo'
-      name: 'form_demo'
-      title: 'Form Views'
-    ,
-      ctype: 'grid_demo'
-      name: 'grid_demo'
-      title: 'Collection Grid'
-    ,
-      ctype: 'development_console'
-      name: 'development_console'
-      title: "Development Console"
-    ,
-      ctype: "collection_inspector"
-      name: "collection_inspector"
-      title: "Collection Inspector"
-    ]
-  ]
-

data/src/components/collection_inspector.coffee

@@ -1,2 +0,0 @@
-_.component('Luca.components.CollectionInspector').extends('Luca.View').with
-  name: "collection_inspector"

data/src/components/development_console.coffee

@@ -1,59 +0,0 @@
-_.component('Luca.components.DevelopmentConsole').extends('Luca.View').with
-
-  name: "development_console"
-
-  className: 'luca-ui-development-console'
-
-  initialize: (@options={})->
-    Luca.View::initialize.apply @, arguments
-    if @modal
-      @$el.addClass 'luca-ui-modal'
-
-  beforeRender: ()->
-    @$el.append @make("div",class:"console-inner")
-
-    @console_el = @$('.console-inner')
-
-    @console = @console_el.console
-      promptLabel: "Coffee> "
-      animateScroll: true
-      promptHistory: true
-      autoFocus: true
-      commandValidate: (line)->
-        valid = true
-
-        valid = false if line is ""
-
-        try
-          if CoffeeScript.compile(line)
-            valid = true
-          else
-            valid = false
-        catch error
-          valid =  false
-
-        valid
-
-      returnValue: (val)->
-        return "undefined" unless val?
-        val?.toString() || ""
-
-      parseLine: (line)->
-        line = _.string.strip(line)
-        line = line.replace(/^return/,' ')
-
-        "return #{ line }"
-
-      commandHandle: (line)->
-        return if line is ""
-
-        compiled = CoffeeScript.compile( @parseLine(line) )
-
-        try
-          ret = eval(compiled)
-          return @returnValue(ret)
-        catch error
-          if error.message.match /circular structure to JSON/
-            return ret.toString()
-
-          error.toString()

data/src/stylesheets/components/development_console.scss

@@ -1,47 +0,0 @@
-.luca-ui-development-console.luca-ui-modal {
-  position: absolute;
-  left: 50%;
-  margin-left: -375px;
-  width: 750px;
-  height: 500px;
-}
-
-.luca-ui-development-console {
-  background: rgba(0,0,0,0.9);
-  font-size: 16px;
-  margin-top: 1em;
-  font-family: "Monaco";
- .console-inner {
-    color: #fff;
-    height: 600px;
-    width: 800px;
-    max-height: 600px;
-   .jquery-console-inner {
-      height: 599px;
-      width: 799px;
-      overflow: auto;
-      padding: 0.5em;
-   }
-
-   .jquery-console-focus .jquery-console-cursor {
-      font-weight: bold;
-      color: #fff;
-      background: rgba(255,255,255,0.2);
-   }
-
-   .jquery-console-message {
-    margin:10px 0px;
-   }
-
-   .jquery-console-message-error {
-      font-weight: bold;
-      color: #ef0505;
-      padding: 0.1em;
-   }
-
-   .jquery-console-prompt-label {
-      font-weight: bold;
-      color: yellow;
-   }
- }
-}