lib/carte/client/views/edit.cjsx in carte-server-1.0.9 vs lib/carte/client/views/edit.cjsx in carte-server-1.0.10
- old
+ new
@@ -1,10 +1,11 @@
# @cjsx React.DOM
$ = require('jquery')
React = require('react/addons')
Modal = require('react-bootstrap/lib/Modal')
Button = require('react-bootstrap/lib/Button')
+Glyphicon = require('react-bootstrap/lib/Glyphicon')
TagsInput = require('react-tagsinput')
CardModel = require('../models/card')
module.exports = React.createClass
mixins: [React.addons.LinkedStateMixin]
@@ -63,11 +64,11 @@
@setState updating: false
@setState shaking: true
setTimeout (=> @setState shaking: false), 300
render: ->
- <Modal className={"animated infinite shake" if @state.shaking} {...@props} bsStyle='default' title={if @props.card.isNew() then <i className="glyphicon glyphicon-plus" /> else <i className="glyphicon glyphicon-edit" />} animation={false}>
+ <Modal className={"animated infinite shake" if @state.shaking} {...@props} bsStyle='default' title={if @props.card.isNew() then <Glyphicon glyph='plus' /> else <Glyphicon glyph='edit' />} animation={false}>
<div className='modal-body'>
{
if @state.errors
<div className="alert alert-danger" role="alert">
<ul>
@@ -78,11 +79,11 @@
}
</ul>
</div>
else if @state.createSuccess
<div className="alert alert-success" role="alert">
- <i className="glyphicon glyphicon-info-sign" />
+ <Glyphicon glyph='info-sign' />
You created a card successfully. Let's create next one.
</div>
}
<div className="form-group">
<label class="control-label">Title</label>
@@ -109,10 +110,10 @@
OK
{
if @state.updating
- <i className='glyphicon glyphicon-refresh glyphicon-refresh-animate' />
+ <Glyphicon glyph='refresh' className='glyphicon-refresh-animate' />
}
</button>
</div>
</div>
</Modal>