Sha256: 45592ffecae4313c5fa34bf96ed31d3db03f8c28561d8ae8e8fe84c300c895b9
Contents?: true
Size: 1.29 KB
Versions: 14
Compression:
Stored size: 1.29 KB
Contents
Rev.pullInto(this) 'Row', 'Col', 'ModelForm', 'ModelInput', 'ModelProgressIndicator', 'Textarea', 'Switch'
class ExampleModel extends Backbone.Model
url: ->
# Fake this up just for the demo. None of this is _actually required_ in a
# real app using real Backbone and a real API
sync: ->
@trigger 'request'
setTimeout =>
if @validateName.bind(@)()
@trigger 'error', @, { responseJSON: { errors: { name: [@validateName.bind(@)()] } }}, {}
else
@trigger 'sync'
, 1000
validateName: ->
if _.isEmpty(@get('name'))
return "is required"
Rev.registerExample 'ModelForm',
getInitialState: ->
model: new ExampleModel()
render: ->
<div>
<ModelForm model={ @state.model }>
<Row>
<Col>
<ModelProgressIndicator model={ @state.model } started='Click "Try it out"' requested='Saving…' errored='ERROR ERROR' synced='Model saved!' />
</Col>
</Row>
<Row>
<Col><ModelInput field="name" type="text" placeholder="This field is required" model={ @state.model } /></Col>
<Col><ModelInput field="optional" type="text" placeholder="This field is optional" model={ @state.model } /></Col>
<Col><button>Try it out</button></Col>
</Row>
</ModelForm>
</div>
Version data entries
14 entries across 14 versions & 1 rubygems