RubyGems - luca - Versions diffs - 0.9.8 → 0.9.9 - Mend

luca 0.9.8 → 0.9.9

Files changed (310) hide show

data/site/source/app/assets/stylesheets/vendor/twilight.css ADDED Viewed

@@ -0,0 +1,26 @@
+.cm-s-twilight.CodeMirror { background: #141414; color: #f7f7f7; } /**/
+.cm-s-twilight .CodeMirror-selected { background: #323232 !important; } /**/
+.cm-s-twilight .CodeMirror-gutters { background: #222; border-right: 1px solid #aaa; }
+.cm-s-twilight .CodeMirror-linenumber { color: #aaa; }
+.cm-s-twilight .CodeMirror-cursor { border-left: 1px solid white !important; }
+.cm-s-twilight .cm-keyword {  color: #f9ee98; } /**/
+.cm-s-twilight .cm-atom { color: #FC0; }
+.cm-s-twilight .cm-number { color:  #ca7841; } /**/
+.cm-s-twilight .cm-def { color: #8DA6CE; }
+.cm-s-twilight span.cm-variable-2, .cm-s-twilight span.cm-tag { color: #607392; } /**/
+.cm-s-twilight span.cm-variable-3, .cm-s-twilight span.cm-def { color: #607392; } /**/
+.cm-s-twilight .cm-operator { color: #cda869; } /**/
+.cm-s-twilight .cm-comment { color:#777; font-style:italic; font-weight:normal; } /**/
+.cm-s-twilight .cm-string { color:#8f9d6a; font-style:italic; } /**/
+.cm-s-twilight .cm-string-2 { color:#bd6b18 } /*?*/
+.cm-s-twilight .cm-meta { background-color:#141414; color:#f7f7f7; } /*?*/
+.cm-s-twilight .cm-error { border-bottom: 1px solid red; }
+.cm-s-twilight .cm-builtin { color: #cda869; } /*?*/
+.cm-s-twilight .cm-tag { color: #997643; } /**/
+.cm-s-twilight .cm-attribute { color: #d6bb6d; } /*?*/
+.cm-s-twilight .cm-header { color: #FF6400; }
+.cm-s-twilight .cm-hr { color: #AEAEAE; }
+.cm-s-twilight .cm-link {   color:#ad9361; font-style:italic; text-decoration:none; } /**/

data/site/source/crossdomain.xml ADDED Viewed

@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
+<cross-domain-policy>
+    <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
+    <!-- Most restrictive policy: -->
+    <site-control permitted-cross-domain-policies="none"/>
+    <!-- Least restrictive policy: -->
+    <!--
+    <site-control permitted-cross-domain-policies="all"/>
+    <allow-access-from domain="*" to-ports="*" secure="false"/>
+    <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
+    -->
+</cross-domain-policy>

data/site/source/documentation.html.haml ADDED Viewed

	@@ -0,0 +1 @@
1	+ %h1 Documentation

data/site/source/favicon_base.png ADDED Viewed

Binary file

data/site/source/humans.txt ADDED Viewed

@@ -0,0 +1,15 @@
+# humanstxt.org/
+# The humans responsible & technology colophon
+# TEAM
+    <name> -- <role> -- <twitter>
+# THANKS
+    <name>
+# TECHNOLOGY COLOPHON
+    HTML5, CSS3
+    jQuery, Modernizr

data/site/source/images/background.png ADDED Viewed

Binary file

data/site/source/images/middleman.png ADDED Viewed

Binary file

data/site/source/index.html.haml ADDED Viewed

	@@ -0,0 +1 @@
1	+ #viewport

data/site/source/layouts/layout.haml ADDED Viewed

@@ -0,0 +1,55 @@
+!!!5
+/[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7">
+/[if IE 7] <html class="no-js lt-ie9 lt-ie8">
+/[if IE 8] <html class="no-js lt-ie9">
+%html.no-js
+  %head
+    %meta{:charset => "utf-8"}
+    %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}
+    -# To set titles and descriptions globally and for each individual page, see /DOCS.md
+    %title Better Backbone.js Apps with Luca
+    %meta{:content => page_description, :name => "description"}
+    %meta{:content => "width=device-width", :name => "viewport"}
+    = javascript_include_tag "vendor/modernizr-2.6.1.min"
+    %link{:rel=>"stylesheet",:href=>"//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css"}
+    %link{:rel=>"stylesheet",:href=>"//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css"}
+    %link{:rel=>"stylesheet",:href=>"//datapimp.github.com/luca/vendor/assets/stylesheets/luca-ui.css"}
+    = stylesheet_link_tag "site"
+  %body
+    #main-nav.navbar.navbar-inverse.navbar-fixed-top
+      .navbar-inner
+        .container-fluid
+          %button.btn.btn-navbar{:type=>"button","data-toggle"=>"collapse","data-target"=>".nav-collapse"}
+            %span.icon-bar
+            %span.icon-bar
+            %span.icon-bar
+          %a.brand{:href=>"#"} Luca
+          .nav-collapse.collapse
+            %ul.nav
+              %li{"data-page"=>"home"}
+                %a.active{:href=>"#"} Home
+              %li{"data-page"=>"getting_started"}
+                %a{:href=>"#get-started"} Get Started
+              %li{"data-page"=>"browse_source"}
+                %a{:href=>"#docs"} Documentation
+              %li{"data-page"=>"examples_browser"}
+                %a{:href=>"#examples"} Examples
+              %li{"data-page"=>"component_editor"}
+                %a{:href=>"#component_editor"} Component Editor
+    .container-fluid{:style=>"padding-top:40px;"}
+      = yield
+    %script{:type=>"text/javascript",:src=>"//datapimp.github.com/luca/vendor/assets/javascripts/luca-dependencies.min.js"}
+    %script{:type=>"text/javascript",:src=>"//datapimp.github.com/luca/vendor/assets/javascripts/luca.min.js"}
+    %script{:type=>"text/javascript",:src=>"//datapimp.github.com/luca/vendor/assets/javascripts/luca-development.min.js"}
+    %script{:type=>"text/javascript",:src=>"//cdnjs.cloudflare.com/ajax/libs/prettify/188.0.0/prettify.js"}
+    %script{:type=>"text/javascript",:src=>"//cdnjs.cloudflare.com/ajax/libs/coffee-script/1.4.0/coffee-script.min.js"}
+    %script{:type=>"text/javascript",:src=>"//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js"}
+    = javascript_include_tag "dependencies"
+    = javascript_include_tag "site"

data/site/source/readme.md ADDED Viewed

@@ -0,0 +1,63 @@
+# [HTML5 Boilerplate](http://html5boilerplate.com)
+HTML5 Boilerplate is a professional front-end template for building fast,
+robust, and adaptable web apps or sites.
+This project is the product of many years of iterative development and combined
+community knowledge. It does not impose a specific development philosophy or
+framework, so you're free to architect your code in the way that you want.
+* Source: [https://github.com/h5bp/html5-boilerplate](https://github.com/h5bp/html5-boilerplate)
+* Homepage: [http://html5boilerplate.com](http://html5boilerplate.com)
+* Twitter: [@h5bp](http://twitter.com/h5bp)
+## Quick start
+Choose one of the following options:
+1. Download the latest stable release from
+   [html5boilerplate.com](http://html5boilerplate.com/) or a custom build from
+   [Initializr](http://www.initializr.com).
+2. Clone the git repo — `git clone
+   https://github.com/h5bp/html5-boilerplate.git` - and checkout the tagged
+   release you'd like to use.
+## Features
+* HTML5 ready. Use the new elements with confidence.
+* Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+, IE6+).
+* Designed with progressive enhancement in mind.
+* Includes [Normalize.css](http://necolas.github.com/normalize.css/) for CSS
+  normalizations and common bug fixes.
+* The latest [jQuery](http://jquery.com/) via CDN, with a local fallback.
+* The latest [Modernizr](http://modernizr.com/) build for feature detection.
+* IE-specific classes for easier cross-browser control.
+* Placeholder CSS Media Queries.
+* Useful CSS helpers.
+* Default print CSS, performance optimized.
+* Protection against any stray `console.log` causing JavaScript errors in
+  IE6/7.
+* An optimized Google Analytics snippet.
+* Apache server caching, compression, and other configuration defaults for
+  Grade-A performance.
+* Cross-domain Ajax and Flash.
+* "Delete-key friendly." Easy to strip out parts you don't need.
+* Extensive inline and accompanying documentation.
+## Documentation
+Take a look at the [documentation table of
+contents](/h5bp/html5-boilerplate/blob/master/doc/README.md). This
+documentation is bundled with the project, which makes it readily available for
+offline reading and provides a useful starting point for any documentation
+you want to write about your project.
+## Contributing
+Anyone and everyone is welcome to
+[contribute](/h5bp/html5-boilerplate/blob/master/doc/contribute.md). Hundreds
+of developers have helped make the HTML5 Boilerplate what it is today.

data/site/source/robots.txt ADDED Viewed

@@ -0,0 +1,3 @@
+# robotstxt.org/
+User-agent: *

data/spec/{components/grid_view_spec.coffee → javascripts/components/application_spec.coffee} RENAMED Viewed

File without changes

data/spec/{components/pagination_control_spec.coffee → javascripts/components/collection_loader_view_spec.coffee} RENAMED Viewed

File without changes

data/spec/{components → javascripts/components}/collection_view_spec.coffee RENAMED Viewed

@@ -38,7 +38,7 @@ describe 'The Collection View', ->
     expect( query.filter ).toEqual 'value'
   it "should render the attributes in the specified list elements", ->
-    expect( @view.$html() ).toContain('value_one')
+    expect( @view.$html().match(/value_one/) ).toBeTruthy()
   it "should render each of the attributes", ->
     expect( @view.$('li.custom-class').length ).toEqual 2

data/spec/{components → javascripts/components}/controller_spec.coffee RENAMED Viewed

File without changes

data/spec/{components → javascripts/components}/fields/checkbox_array_spec.coffee RENAMED Viewed

File without changes

data/spec/javascripts/components/form_view_spec.coffee ADDED Viewed

@@ -0,0 +1,162 @@
+describe 'The Form View', ->
+  beforeEach ->
+    FormView = Luca.components.FormView.extend
+      components:[
+        ctype: 'hidden_field'
+        name: 'id'
+      ,
+        ctype: "text_field",
+        label: "Field Two"
+        name: "field2"
+      ,
+        ctype: "text_field",
+        label: "Field One"
+        name: "field1"
+      ,
+        ctype: "checkbox_field"
+        label: "Field Three"
+        name: "field3"
+      ,
+        name: "field4"
+        label: "Field Four"
+        ctype: "text_area_field"
+      ,
+        name: "field5"
+        ctype: "button_field"
+        label: "Click Me"
+      ]
+    Model = Backbone.Model.extend
+      schema:
+        field0: "hidden"
+        field2: "text"
+        field1: "text"
+        field3: "boolean"
+        field4: "blob"
+        field5:
+          collection: "sample"
+    @form = new FormView()
+    @model = new Model(field0:1,field1:"jonathan",field3:true,field4:"what up player?")
+  afterEach ->
+    @form = undefined
+    @model = undefined
+  it "should create a form", ->
+    expect( @form ).toBeDefined()
+  it "should have access to all of the fields", ->
+    @form.render()
+    expect( @form.getFields().length ).toEqual 6
+  it "should load the model", ->
+    @form.loadModel(@model)
+    expect( @form.currentModel() ).toEqual @model
+  it "should set the field values from the model when loaded", ->
+    @form.render()
+    @form.loadModel(@model)
+    values = @form.getValues()
+    expect( values.field1 ).toEqual "jonathan"
+  it "should render the components within the body element", ->
+    @form.render()
+    expect( @form.$bodyEl().is('.form-view-body') ).toEqual true
+  it "should assign the components to render inside of the body", ->
+    @form.render()
+    expect( @form.$bodyEl().html() ).toContain "Field Four"
+  it "should allow me to set the values of the form fields with a hash", ->
+    @form.render()
+    @form.setValues(field1:"yes",field2:"no")
+    values = @form.getValues()
+    expect( values.field1 ).toEqual "yes"
+    expect( values.field2 ).toEqual "no"
+  it "should sync the model with the form field values", ->
+    @form.render()
+    @form.loadModel(@model)
+    @form.setValues(field1:"yes")
+    expect( @form.getValues().field1 ).toEqual "yes"
+describe 'Dirty Tracking', ->
+  Luca.register("Luca.components.DirtyForm").extends("Luca.components.FormView").defines
+    trackDirtyState: true
+    components:[
+      type: "text"
+      name: "dirty_field"
+    ]
+  beforeEach ->
+    (@dirtyForm = new Luca.components.DirtyForm()).render()
+  it "should be stateful", ->
+    expect( @dirtyForm.state ).toBeDefined()
+    expect( @dirtyForm.state.set('dirty', true) )
+    expect( @dirtyForm ).toHaveTriggered("state:change:dirty")
+  it "should start off in a clean state", ->
+    dirty = @dirtyForm.isDirty()
+    expect( dirty ).not.toBeTruthy()
+  it "should become dirty if a field changes", ->
+    @dirtyForm.getField('dirty_field').trigger("on:change")
+    dirty = @dirtyForm.isDirty()
+    expect( dirty ).toBeTruthy()
+  it "should trigger a state change event", ->
+    @dirtyForm.getField('dirty_field').trigger("on:change")
+    expect( @dirtyForm ).toHaveTriggered('state:change:dirty')
+  it "should bubble up field change events", ->
+    @dirtyForm.getField('dirty_field').trigger("on:change")
+    expect( @dirtyForm ).toHaveTriggered('field:change')
+  it "should become clean on a reset", ->
+    @dirtyForm.getField('dirty_field').trigger("on:change")
+    @dirtyForm.reset()
+    dirty = @dirtyForm.isDirty()
+    expect( dirty ).not.toBeTruthy()
+describe 'Model Binding', ->
+  Luca.register("Luca.FormModel").extends("Luca.Model").defines(defaults:model_field:"value")
+  form = Luca.register('Luca.components.ModelBoundForm')
+  form.extends("Luca.components.FormView")
+  form.defines
+    trackModelChanges: true
+    components:[
+      type: "text"
+      name: "model_field"
+    ]
+  beforeEach ->
+    @modelForm = new Luca.components.ModelBoundForm()
+    @formModel = new Luca.FormModel()
+    @modelForm.render()
+    @modelForm.loadModel(@formModel)
+  it "should trigger a state change event", ->
+    expect( @modelForm ).toHaveTriggered("state:change:currentModel")
+  it "should not bind to model changes by default", ->
+    expect( Luca.components.FormView::trackModelChanges ).not.toBeTruthy()
+  it "should be setup to track model changes", ->
+    expect( @modelForm.trackModelChanges ).toBeTruthy()
+  it "should change the model's value when the form applies itself", ->
+    @modelForm.setValues('model_field':"smooth, baby")
+    @modelForm.applyFormValuesToModel()
+    expect( @modelForm.getField('model_field').getValue() ).toEqual 'smooth, baby'
+  it "should change the field's value when the underlying model changes", ->
+    @formModel.set('model_field', 'haha')
+    expect( @modelForm.getValues().model_field ).toEqual 'haha'

data/spec/{components/record_manager_spec.coffee → javascripts/components/grid_view_spec.coffee} RENAMED Viewed

File without changes

data/spec/{components → javascripts/components}/multi_collection_view_spec.coffee RENAMED Viewed

File without changes

data/spec/{components/template_spec.coffee → javascripts/components/pagination_control_spec.coffee} RENAMED Viewed

File without changes

data/spec/{concerns/paginatable_spec.coffee → javascripts/components/record_manager_spec.coffee} RENAMED Viewed

File without changes

data/spec/{components → javascripts/components}/table_view_spec.coffee RENAMED Viewed

File without changes

data/spec/{containers/modal_view_spec.coffee → javascripts/components/template_spec.coffee} RENAMED Viewed

File without changes

data/spec/{concerns → javascripts/concerns}/collection_event_bindings_spec.coffee RENAMED Viewed

File without changes

data/spec/{concerns → javascripts/concerns}/dom_helpers_spec.coffee RENAMED Viewed

File without changes

data/spec/{concerns → javascripts/concerns}/filterable_spec.coffee RENAMED Viewed

File without changes

data/spec/{concerns → javascripts/concerns}/model_presenter_spec.coffee RENAMED Viewed

File without changes

data/spec/{containers/panel_view_spec.coffee → javascripts/concerns/paginatable_spec.coffee} RENAMED Viewed

File without changes

data/spec/{concerns → javascripts/concerns}/state_model_spec.coffee RENAMED Viewed

@@ -26,6 +26,11 @@ describe 'The State Model Concern', ->
     view = new Luca.components.StatefulView()
     expect( view.state.toJSON() ).toEqual key1:"val1", key2: "val2"
+  it "should define a get/set method on the view which effect state", ->
+    view = new Luca.components.StatefulView()
+    view.set('testsetter', 'works')
+    expect( view.get('testsetter') ).toEqual('works')
   describe 'State Change Event Bindings', ->
     it "should trigger state change events on the view", ->
       view = new Luca.components.StatefulView()

data/spec/javascripts/containers/card_view_spec.coffee ADDED Viewed

@@ -0,0 +1,108 @@
+describe "The Card View", ->
+  beforeEach ->
+    @cardView = new Luca.containers.CardView
+      visible: true
+      activeItem: 0
+      afterCardSwitch: sinon.spy()
+      beforeCardSwitch: sinon.spy()
+      components:[
+        markup: "component one"
+        name: "one"
+        one: true
+        firstActivation: sinon.spy()
+        activation: sinon.spy()
+        deactivation: sinon.spy()
+        afterInitialize: ()->
+          @on "activation", @oneSpy ||= sinon.spy()
+      ,
+        markup: "component two"
+        name: "two"
+        two: true
+        firstActivation: sinon.spy()
+        activation: sinon.spy()
+      ,
+        markup: "component three"
+        name: "three"
+        three: true
+      ]
+    @cardView.render()
+  it "should create three card elements", ->
+    expect( @cardView.componentElements().length ).toEqual 3
+  it "should hide all but one of the card elements", ->
+    display = _( @cardView.$('.luca-ui-card') ).map (el)-> $(el).css('display')
+    expect( display ).toEqual(['block','none','none'])
+  it "should be able to find the cards by name", ->
+    expect( @cardView.find("one") ).toBeDefined()
+    expect( @cardView.find("one").one ).toEqual true
+  it "should start with the first component active", ->
+    expect( @cardView.activeComponent()?.name ).toEqual "one"
+  it "should be able to activate components by name", ->
+    @cardView.activate("two")
+    expect( @cardView.activeComponent()?.name ).toEqual "two"
+  it "shouldn't fire first activation on a component that hasn't been activated", ->
+    expect( @cardView.find("two")?.firstActivation ).not.toHaveBeenCalled()
+    expect( @cardView.find("two") ).not.toHaveTriggered("first:activation")
+    expect( @cardView.find("two").previously_activated ).not.toBeTruthy()
+  it "should fire firstActivation on a component", ->
+    @cardView.activate("two")
+    expect( @cardView.find("two") ).toHaveTriggered("first:activation")
+    expect( @cardView.find("two")?.firstActivation ).toHaveBeenCalled()
+    expect( @cardView.find("two").previously_activated ).toBeTruthy()
+  it "should fire deactivation on a component", ->
+    @cardView.find("one").spiedEvents = {}
+    @cardView.activate("two")
+    expect( @cardView.find("one") ).toHaveTriggered("deactivation")
+  it "should only fire first activation once", ->
+    @cardView.activate("two")
+    @cardView.activate("one")
+    @cardView.activate("two")
+    expect( @cardView.find("two").firstActivation.callCount ).toEqual(1)
+  it "should fire the first activation hook on the default card", ->
+    expect( @cardView.find("one").firstActivation.callCount ).toEqual(1)
+  it "should fire the activation hook on the default card", ->
+    expect( @cardView.find("one").activation.callCount ).toEqual(1)
+  it "should only fire the activation hook once upon activation", ->
+    @cardView.activate("two")
+    expect( @cardView.find("two").activation.callCount ).toEqual(1)
+  it "should only fire the deactivation hook once upon deactivation", ->
+    @cardView.activate("two")
+    expect( @cardView.find("one").deactivation.callCount ).toEqual(1)
+  it "should fire the beforeCardSwitch hook", ->
+    @cardView.activate("two")
+    expect( @cardView.beforeCardSwitch ).toHaveBeenCalled()
+  it "should fire the afterCardSwitch hook", ->
+    @cardView.activate("two")
+    expect( @cardView.afterCardSwitch ).toHaveBeenCalled()
+  it "should allow me to next through the cards", ->
+    @cardView.next()
+    expect(@cardView.activeComponent().name ).toEqual("two")
+  it "should allow me to previous through the cards", ->
+    @cardView.activate("two")
+    @cardView.previous()
+    expect(@cardView.activeComponent().name).toEqual("one")
+  it "should allow me to cycle through the cards", ->
+    @cardView.cycle()
+    expect(@cardView.activeComponent().name ).toEqual("two")
+    @cardView.cycle()
+    expect(@cardView.activeComponent().name ).toEqual("three")
+    @cardView.cycle()
+    expect(@cardView.activeComponent().name ).toEqual("one")