lanes 0.5.6 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7af4d51495c7acfa673103570cc84a4c780a7433
-  data.tar.gz: 080438194e772ac2ef164c2c984f7d65f6ecae88
+  metadata.gz: 3733c06e6d643586d352406448ab55ed6812e860
+  data.tar.gz: 79c1d5bdebb6522539c01b5844e67cb25a404431
 SHA512:
-  metadata.gz: f9f04438ab66b899000c5fbe01601bd05a43c31aa7ba566793df869ecd65ac5b598e482af9468f9b223c0f7d6b1aa67e5b85fe12129010c1489493da80d74048
-  data.tar.gz: ced3986071d0069200a9327ebc8fba3156f0a104dafd4076d6146d50f5d5edc9c51188fd5d256e4a8f1b55b0ecbe78e0fa47ddf8e0575023ee4cec3ba40a760d
+  metadata.gz: 3ee768c759d3cefbc9a8f855b88842efbba485873d9f3f11121710826b93e13469cf46ee635338802ecb8d06c0aa064b78233947215db3751a98d58fdbab4746
+  data.tar.gz: 2ce0dcc798cce89666e00a7c4da30a90c9821f5a366460b5f9ccb8e4161ed15d8a90af3984cf94d073e2e004abd30c320d6280ef96ce3ea031046cf1396048fb

data/Gemfile

@@ -1,7 +1,11 @@
 source 'https://rubygems.org'
 
-gem "yard-activerecord",   github: 'nathanstitt/yard-activerecord',   branch: 'develop'
-gem "active_record_mocks", github: 'nathanstitt/active_record_mocks', branch: 'develop'
+gem "yard-activerecord",
+    git: 'https://github.com/nathanstitt/yard-activerecord',
+    branch: 'develop'
+gem "active_record_mocks",
+    git: 'https://github.com/active_record_mocks',
+    branch: 'develop'
 
 gem 'puma'
 gem 'pry-byebug'

data/client/lanes/Config.coffee

@@ -28,13 +28,14 @@ class SystemSettings extends Lanes.Models.Base
 class Config extends Lanes.Models.State
 
     session:
-        csrf_token:  { type: 'string', setOnce: true }
-        root_path:   { type: 'string', setOnce: true }
-        api_path:    { type: 'string', setOnce: true }
-        assets_path_prefix: { type: 'string', setOnce: true }
+        csrf_token:  { type: 'string', setOnce: true   }
+        root_path:   { type: 'string', setOnce: true   }
+        api_path:    { type: 'string', default: '/api' }
+        api_host:    { type: 'string', default: window.location.host }
         environment: { type: 'string', setOnce: true }
-        initial_workspace_screen_id: { type: 'string', setOnce: true }
         system_settings: { type: 'state', required: true }
+        assets_path_prefix: { type: 'string', setOnce: true }
+        initial_workspace_screen_id: { type: 'string', setOnce: true }
 
     derived:
         env:

data/client/lanes/access/LoginDialog.cjsx

@@ -43,7 +43,7 @@ class Lanes.Access.LoginDialog extends Lanes.React.Component
     getDefaultProps: ->
         writable: true, editOnly: true
 
-    dataObjects: ->
+    modelBindings: ->
         model: 'props'
 
     warning: ->
@@ -53,7 +53,9 @@ class Lanes.Access.LoginDialog extends Lanes.React.Component
 
     render: ->
         <div>
-            {@warning() if @state?.hasError}
+            <LC.ErrorDisplay model={@props.model} />
+            <LC.NetworkActivityOverlay model={@props.model} />
+
             <BS.Row>
                 <BS.Col mdOffset={2} xs={12} md={8}>
 

data/client/lanes/access/Roles.coffee

@@ -50,6 +50,9 @@ class Lanes.Models.UserRoleSet
             @roles.push( role )
             @locked_fields = role.decodeLockedFields(access.locked_fields, @locked_fields)
 
+    includes: (name) ->
+        !!_.find(@roles, {type: name})
+
     can: (method, model, field) ->
         return true unless model
         if model.constructor and not model.prototype

data/client/lanes/access/screens/user-management/Editor.cjsx

@@ -17,4 +17,4 @@ class Lanes.Access.Screens.UserManagement.Editor extends Lanes.React.Component
         </form>
 
     render: ->
-        @renderPopover()
+        @renderPopover(height: 380)

data/client/lanes/components/grid/Body.cjsx

@@ -43,7 +43,7 @@ class Lanes.Components.Grid.Body extends Lanes.React.BaseComponent
         if @fieldConvertors[field.type] then @fieldConvertors[field.type](value) else value
 
     renderColumn: (rowNum, index, field, results, row) ->
-        value = results.valueForField(rowNum, field)
+        value = results.valueForField(row, field)
 
         onColClick = if field.onColumnClick
             _.partial(field.onColumnClick, _,
@@ -51,7 +51,6 @@ class Lanes.Components.Grid.Body extends Lanes.React.BaseComponent
             )
         else
             null
-
         value = if field.format
             field.format(value, row, @props.query)
         else
@@ -77,7 +76,9 @@ class Lanes.Components.Grid.Body extends Lanes.React.BaseComponent
 
         if @props.onRowClick
             onClick = _.partial(@onRowClick, _, row, rowNum)
-        <div key={rowNum} ref={ref} className="r" onClick={onClick} >
+
+        classes = _.classnames('r', focused: @props.isRowFocused?(row, rowNum))
+        <div key={rowNum} ref={ref} className={classes} onClick={onClick} >
             {fields}
         </div>
 

data/client/lanes/components/grid/Grid.cjsx

@@ -24,6 +24,7 @@ class Lanes.Components.Grid extends Lanes.React.Component
         onSelectionChange: React.PropTypes.func
         autoLoadQuery: React.PropTypes.bool
         renderCompleteResults: React.PropTypes.bool
+        isRowFocused: React.PropTypes.func
         toolbarChildren: React.PropTypes.oneOfType([
             React.PropTypes.element,
             React.PropTypes.arrayOf(React.PropTypes.element)
@@ -33,10 +34,10 @@ class Lanes.Components.Grid extends Lanes.React.Component
         Lanes.React.Mixins.MonitorSize
     ]
 
-    dataObjects:
+    modelBindings:
         query: 'props'
 
-    bindDataEvents:
+    bindEvents:
         query: 'load change sort'
 
     componentWillReceiveProps: (nextProps) ->
@@ -91,7 +92,6 @@ class Lanes.Components.Grid extends Lanes.React.Component
 
     render: ->
         cellStyles = new Lanes.Components.Grid.CellStyles(@query.fields)
-
         <div className='grid-component'>
             <Lanes.Components.Grid.Toolbar {...@props} startEdit={@startEdit} />
             <Lanes.Components.Grid.Header  {...@props} cellStyles={cellStyles} />
@@ -103,6 +103,7 @@ class Lanes.Components.Grid extends Lanes.React.Component
                 onEditCancel={@cancelEdit}
                 isLoading={@state.isLoading}
                 cellStyles={cellStyles}
+                isRowFocused={@props.isRowFocused}
                 onRowClick={@onRowClick if @props.editor or @props.onSelectionChange}
             />
         </div>

data/client/lanes/components/grid/Header.cjsx

@@ -19,7 +19,7 @@ class Lanes.Components.Grid.Header extends Lanes.React.BaseComponent
             desc:  sorted and not @props.query.sortAscending
             @props.cellStyles.props[i].className
         )
-        <div key={i}
+        <div key={f.cid}
             {...@props.cellStyles.props[i]}
             onClick={_.partial(@onColumnClick, f)}
             className={classNames}

data/client/lanes/components/grid/PopOverMixin.cjsx

@@ -13,23 +13,23 @@ Lanes.Components.Grid.PopoverMixin = {
     getDefaultProps: ->
         width:  280, height: 350
 
-    renderPopover: (child) ->
-        props = _.extend({}, @props)
-        {position} = @props
+    renderPopover: (props) ->
+        props = _.extend({}, @props, props)
+        {position} = props
         if position.left > ((position.container.width / 2) - 150)
             props.placement = 'left'
-            props.positionLeft = position.left - @props.width
+            props.positionLeft = position.left - props.width
         else
             props.placement = 'right'
             props.positionLeft = position.left
-        props.arrowOffsetTop = Math.min(position.top + 20, (@props.height - 75))
+        props.arrowOffsetTop = Math.min(position.top + 20, (props.height - 75))
         props.positionTop    = Math.max(5, position.top - props.arrowOffsetTop + (position.rowHeight / 2))
 
         <div className="editor po">
             <BS.Popover
                 id="editing-form"
                 {...props}
-                style={height: @props.height, width: @props.width}
+                style={height: props.height, width: props.width}
                 title = "Edit #{@model.name || 'Record'}"
             >
                 {@renderEditingBody()}

data/client/lanes/components/grid/Selections.cjsx

@@ -1,7 +1,7 @@
 class CheckBox extends Lanes.React.BaseComponent
     d: -> @props.query.results.xtraData(@props.row)
 
-    onChange: (ev) -> #, me, results, index) ->
+    onChange: (ev) ->
         @d().selected = ev.target.checked
         @props.selections.onChange?(@props)
         @forceUpdate()
@@ -9,7 +9,8 @@ class CheckBox extends Lanes.React.BaseComponent
     render: ->
         selected = @d().selected
         selected = @props.selections.selectionDefault unless selected?
-        <input type="checkbox" checked={selected} onChange={@onChange} />
+        attrs = @props.selections.attributesGetter?(@props) || {}
+        <input type="checkbox" checked={selected} onChange={@onChange} {...attrs} />
 
 
 
@@ -23,9 +24,17 @@ DEFAULTS =
         false == this.xtraData(indx)?.selected
 
 class Lanes.Components.Grid.Selections
-    constructor: (options) ->
+
+    @setRow: (row, xd, selected) ->
+        xd.selected = selected
+
+    @isSelected: (row, xd, selected) ->
+        !(xd && false == xd.selected)
+
+
+    constructor: (options = {}) ->
         _.extend(@, DEFAULTS)
-        @onChange = options.onChange
+        _.extend(@, _.pick(options, 'onChange', 'attributesGetter'))
         @choices = {}
         _.bindAll(@, 'onColumnClick')
         @component = _.partial(@component, _, @)
@@ -33,8 +42,9 @@ class Lanes.Components.Grid.Selections
     onColumnClick: (ev, props) ->
         unless ev.target.tagName is 'INPUT'
             input = ev.target.querySelector('input')
-            xd = props.query.results.xtraData(props.rowNum)
-            xd.selected = input.checked = !input.checked
+            unless input.disabled
+                xd = props.query.results.xtraData(props.rowNum)
+                xd.selected = input.checked = !input.checked
         @onChange?(props)
         ev.stopPropagation()
 

data/client/lanes/components/grid/Toolbar.cjsx

@@ -13,7 +13,7 @@ class Lanes.Components.Grid.Toolbar extends Lanes.React.BaseComponent
         @props.startEdit(0)
 
     AddButton: ->
-        return null unless @props.onAddRecord and @props.allowCreate
+        return null unless @props.allowCreate
         <BS.Button className="navbar-btn add-row pull-right"
             onClick={@onAddRecord} bsSize='small'
         >

data/client/lanes/components/grid/styles.scss

@@ -43,7 +43,6 @@
             flex-direction: row;
             align-items: center;
             justify-content: space-between;
-
             &.sort {
                 &:after {
                     content: $fa-var-sort;
@@ -52,6 +51,14 @@
                     right: -5px;
                     color: lightgray;
                 }
+                &.center {
+                    position: relative;
+                    &:after {
+                        right: 5px;
+                        position: absolute;
+                    }
+                }
+
                 &:not(.asc):not(.desc) {
                     &:after {
                         @include hidden-print;
@@ -70,8 +77,9 @@
     }
     .r {
         margin-right: 10px;
-        /* page-break-inside: avoid; */
+        page-break-inside: avoid;
         break-inside: avoid-page;
+        margin-left: 5px;
     }
     .grid-body {
         border-top: 1px solid $table-border-color;
@@ -83,12 +91,20 @@
             overflow: visible;
             height: initial;
         }
-        .r:nth-child(odd) {
-            background-color: $table-bg-accent;
-        }
+
         .c {
             align-items: center;
         }
+        .r {
+            &.focused {
+                outline-style: dotted;
+                outline-width: 2px;
+                outline-color: gray;
+            }
+            &:nth-child(odd) {
+                background-color: $table-bg-accent;
+            }
+        }
     }
 
     .toolbar {

data/client/lanes/components/modal/Modal.cjsx

@@ -60,15 +60,24 @@ class Lanes.Components.Modal extends Lanes.React.Component
 
         cls = _.classnames('lanes-modal', @state.className, @context.uistate?.layout_size)
         Body = @state.body
-        <BS.Modal.Dialog className={cls} bsSize={@state.size} onHide={@_hide}>
-            <BS.Modal.Header>
-                <BS.Modal.Title>{@state.title}</BS.Modal.Title>
-            </BS.Modal.Header>
+        <span>
+            <BS.Modal
+                show={@state.show}
+                className={cls}
+                bsSize={@state.size}
+                onHide={@_hide}
+                container={@}
+            >
 
-            <BS.Modal.Body style={maxHeight: @context.viewport.height - 250}>
-                <Body ref="body" {...@props} modal={@} />
-            </BS.Modal.Body>
+                <BS.Modal.Header>
+                    <BS.Modal.Title>{@state.title}</BS.Modal.Title>
+                </BS.Modal.Header>
 
-            <BS.Modal.Footer>{buttons}</BS.Modal.Footer>
+                <BS.Modal.Body style={maxHeight: @context.viewport.height - 250}>
+                    <Body {...@props} modal={@} />
+                </BS.Modal.Body>
 
-        </BS.Modal.Dialog>
+                <BS.Modal.Footer>{buttons}</BS.Modal.Footer>
+
+            </BS.Modal>
+        </span>

data/client/lanes/components/record-finder/Clause.cjsx

@@ -11,7 +11,6 @@ class Field extends Lanes.React.Component
 
 class Operator extends Lanes.React.Component
     render: ->
-        return null unless @model.valid
         <BS.Row>
             <input id={@model.id} type="radio" name="operator" value={@model.id}
                 checked={@model.selected}
@@ -53,7 +52,7 @@ class Lanes.Components.RecordFinder.Clause extends Lanes.React.Component
                               </div>
                               <div className="col-xs-6">
                                 <div className="operators">
-                                    {@model.operators.map (o) ->
+                                    {@model.operators.valid.map (o) ->
                                         <Operator key=o.id model=o /> }
                                 </div>
                               </div>

data/client/lanes/components/record-finder/Dialog.cjsx

@@ -1,6 +1,6 @@
 class Lanes.Components.RecordFinder.Dialog extends Lanes.React.Component
 
-    dataObjects:
+    modelBindings:
         clauses: ->
             @props.query.clauses
 
@@ -11,12 +11,19 @@ class Lanes.Components.RecordFinder.Dialog extends Lanes.React.Component
     contextTypes:
         viewport: Lanes.PropTypes.State.isRequired
 
+    getInitialState: -> {}
+
     warning: ->
         <BS.Alert bsStyle='warning'>
              <strong>{@model.lastServerMessage}</strong>
         </BS.Alert>
 
-    onRecordSelect: (model) ->
+    isGridRowFocused: (row, index) ->
+        @state.selectedRow is index
+
+    onRecordSelect: (model, selectedRow) ->
+        @setState({selectedRow})
+        @props.query.markModified()
         return unless model
         @props.query.loadModel(model).then @props.onRecordSelect
         _.delay( =>
@@ -47,7 +54,8 @@ class Lanes.Components.RecordFinder.Dialog extends Lanes.React.Component
             </div>
             <LC.Grid
                 onColumnClick={@onColumnSort}
+                isRowFocused={@isGridRowFocused}
                 query={@props.query} height=200 autoLoadQuery
-                onSelectionChange=@onRecordSelect
+                onSelectionChange={@onRecordSelect}
             />
         </div>

data/client/lanes/components/record-finder/RecordFinder.cjsx

@@ -1,11 +1,14 @@
 class Lanes.Components.RecordFinder extends Lanes.React.Component
 
+    listenNetworkEvents: true
+
     propTypes:
         query:       Lanes.PropTypes.State.isRequired
         model:       Lanes.PropTypes.State
         parentModel: Lanes.PropTypes.State
         commands:    React.PropTypes.object
         onModelSet:  React.PropTypes.func
+        associationName: React.PropTypes.string
 
     mixins: [
         Lanes.Components.Form.InputFieldMixin
@@ -14,6 +17,9 @@ class Lanes.Components.RecordFinder extends Lanes.React.Component
     contextTypes:
         viewport: Lanes.PropTypes.State.isRequired
 
+    modelBindings: ->
+        query: 'props'
+
     modelForAccess: ->
         if @props.parentModel
             @props.parentModel[@props.associationName]
@@ -21,13 +27,14 @@ class Lanes.Components.RecordFinder extends Lanes.React.Component
             @props.model
 
     showFinder: ->
-        @props.query.reset()
+        query = @props.query.clone()
+        query.autoRetrieve = true
         @context.viewport.displayModal(
             title: "Find #{@props.query.title}"
             buttons: [{title: 'Cancel'}]
             autoHide: true
             body: =>
-                <LC.RecordFinder.Dialog query={@props.query} onRecordSelect={@setModel} />
+                <LC.RecordFinder.Dialog query={query} onRecordSelect={@setModel} />
         )
 
     setModel: (model) ->
@@ -54,13 +61,10 @@ class Lanes.Components.RecordFinder extends Lanes.React.Component
             @props.model[@props.name]
         value or ''
 
-
     renderInputField: (props, handlers) ->
-                # editOnly writable
         model = @props.parentModel or @props.model
 
         <BS.InputGroup className="record-finder">
-
             <BS.FormControl
                 {...props} {...handlers}
                 onChange={@fieldMixinSetValue}
@@ -69,7 +73,10 @@ class Lanes.Components.RecordFinder extends Lanes.React.Component
             />
 
             <BS.InputGroup.Button>
-                <button className="btn btn-primary icon icon-search icon-lg"
-                    onClick={@showFinder} />
+                <button className='btn btn-primary' onClick={@showFinder}>
+                    <LC.Icon lg
+                        type={if @state.isRequesting then 'spinner' else 'search'}
+                    />
+                </button>
             </BS.InputGroup.Button>
         </BS.InputGroup>

data/client/lanes/components/record-finder/styles.scss

@@ -12,6 +12,7 @@
       }
   }
   .input-group-btn {
+      .icon { margin: 0; }
       @include hidden-print;
   }
 }

data/client/lanes/components/select-field/SelectField.cjsx

@@ -13,26 +13,32 @@ class Lanes.Components.SelectField extends Lanes.React.Component
         displayLimit: React.PropTypes.number
         syncOptions:  React.PropTypes.object
         multiSelect:  React.PropTypes.bool
-        includeBlankRow: React.PropTypes.bool
+        fetchOnSelect:React.PropTypes.bool
+        withClearBtn: React.PropTypes.bool
+        fallBackValue:React.PropTypes.string
 
     getDefaultProps: ->
         labelField: 'label', idField: 'id'
 
     fieldClassName: 'select'
 
-    dataObjects:
+    modelBindings:
         query: ->
-            src = @props.queryModel or
-                @props.model.associations?.collectionFor(@props.name).model
             query = new Lanes.Models.Query({
                 syncOptions: Lanes.Models.Query.mergedSyncOptions(@props.syncOptions)
-                src: src
+                src: @props.queryModel or @props.model.associations?.collectionFor(@props.name).model
                 fields: [
                     {id: @props.idField, visible: false},
                     @props.labelField
                 ]
             })
 
+    clearSelectedValue: ->
+        @setState(tempDisplayValue: '') if @state.tempDisplayValue
+        if @props.setSelection then @props.setSelection(null) else
+            @model?.unset(@props.name)
+        @forceUpdate()
+
     getValue: ->
         return undefined if @state.isOpen and not @props.multiSelect
         return @state.tempDisplayValue if @state.tempDisplayValue
@@ -43,6 +49,8 @@ class Lanes.Components.SelectField extends Lanes.React.Component
             label = _.find( @props.choices, id: model.id)?[@props.labelField]
         if label
             {id: model.id, "#{@props.labelField}": label}
+        else if @props.fallBackValue
+            @props.fallBackValue
         else if model.id
             model.id
         else
@@ -77,7 +85,8 @@ class Lanes.Components.SelectField extends Lanes.React.Component
                     @setModel(model)
                 else
                     model.fetch(@props.syncOptions).then(@setModel)
-                @setState(isOpen: false, tempDisplayValue: value, requestInProgress: true)
+                    @setState(requestInProgress: true)
+                @setState(isOpen: false, tempDisplayValue: value)
             else
                 if not @props.choices
                     c = @getClause()
@@ -102,14 +111,17 @@ class Lanes.Components.SelectField extends Lanes.React.Component
             value[@props.labelField]
         else
             value
-        <BS.FormControl.Static {...props}>
-            {label}
-        </BS.FormControl.Static>
+        clean = LC.Form.FieldMixin.statics.cleanSizeProps(props, @)
 
+        <BS.FormControl.Static {...clean}>{label}</BS.FormControl.Static>
 
-    renderEdit: (props) ->
+    renderSelectControl: (props) ->
         type = if @props.multiSelect then 'Multiselect' else 'Combobox'
         Component = Lanes.Vendor.ReactWidgets[type]
+
+        props = _.without( props, _.keys(@constructor.propTypes) )
+
+        # props = _.without(props, 'withClearBtn', `getSelection`, `setSelection`
         <Component
             ref="select"
             className={@props.className}
@@ -127,3 +139,17 @@ class Lanes.Components.SelectField extends Lanes.React.Component
             value={@getValue()}
             {...props}
         />
+
+    renderEdit: (props) ->
+        if @props.withClearBtn
+            <BS.InputGroup className="selection">
+                {@renderSelectControl(props)}
+                <BS.InputGroup.Button>
+                    <button className='btn' onClick={@clearSelectedValue}>
+                        <LC.Icon type='undo' flush tooltip="Clear Selection"
+                            tooltipProps={trigger: ['hover', 'focus']} />
+                    </button>
+                </BS.InputGroup.Button>
+            </BS.InputGroup>
+        else
+            @renderSelectControl(props)

data/client/lanes/components/select-field/styles.scss

@@ -1,5 +1,12 @@
 @import "lanes/vendor/styles/widgets";
 
+.input-group {
+    .select:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+}
+
 .rw-combobox, .rw-datetimepicker, .rw-numberpicker, .rw-dropdownlist {
     padding-bottom: 1px; // push down so border isn't covered
     input { height: 32px; padding: 6px 12px; }

data/client/lanes/components/shared/Checkbox.cjsx

@@ -0,0 +1,34 @@
+class FakeInputEvent
+    constructor: (value) ->
+        @target = {value}
+    isDefaultPrevented: -> false
+
+
+class Lanes.Components.Checkbox extends Lanes.React.Component
+
+    propTypes:
+        supportIndeterminate: React.PropTypes.bool
+
+    componentDidMount:  -> @updateIndeterminate()
+    componentDidUpdate: -> @updateIndeterminate()
+
+    mixins: [
+        Lanes.Components.Form.InputFieldMixin
+    ]
+
+    updateIndeterminate: ->
+        return unless @props.supportIndeterminate
+        _.dom(@).el.indeterminate =
+            @props.checked isnt true and @props.checked isnt false
+
+    handleCheckboxChange: (ev) ->
+        if ev.target.checked
+            @fieldMixinSetValue( new FakeInputEvent(@props.value) )
+
+    renderInputField: (props, handlers) ->
+        <input type="checkbox"
+            {...handlers}
+            {...props}
+            checked={@props.checked}
+            onChange={@handleCheckboxChange}
+        />

data/client/lanes/components/shared/DateTime.cjsx

@@ -21,7 +21,8 @@ class Lanes.Components.DateTime extends Lanes.React.Component
 
 
     renderDisplay: (props) ->
-        <BS.FormControl.Static {...props}>
+        clean = LC.Form.FieldMixin.statics.cleanSizeProps(props)
+        <BS.FormControl.Static {...clean}>
             {_.moment(@model[@props.name]).format(@props.format)}
         </BS.FormControl.Static>
 
@@ -31,7 +32,7 @@ class Lanes.Components.DateTime extends Lanes.React.Component
             value:     @fieldMixinGetValue()
             onChange:  @handleDateTimeChange
         }, @props)
-
+        props = _.omit(LC.Form.FieldMixin.statics.cleanSizeProps(props), 'writable')
         <Lanes.Vendor.ReactWidgets.DateTimePicker
             {...props}
         />

data/client/lanes/components/shared/ErrorDisplay.cjsx

@@ -3,7 +3,7 @@ class Lanes.Components.ErrorDisplay extends Lanes.React.Component
     propTypes:
         model:  Lanes.PropTypes.State.isRequired
 
-    bindDataEvents: ->
+    bindEvents: ->
         model: "change:error"
 
     clearErrors: ->