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

luca 0.9.8 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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")