Sha256: d8ab9896a3985437ec413c8a103d19178dacc7c758a6642bad45cceebf181dc4
Contents?: true
Size: 1.57 KB
Versions: 10
Compression:
Stored size: 1.57 KB
Contents
# @cjsx React.DOM
React = require('react')
Card = require('./card')
module.exports = React.createClass
displayName: 'Cards'
componentDidMount: ()->
console.log 'component did mount'
@props.cards.on 'sync', @forceUpdate.bind(@, null)
render: ->
console.log 'render cards', @props.cards
if !@props.cards.fetching
console.log 'cards loaded'
cards = @props.cards.map (card)-> <Card key={card.get("title")} card={card} />
<div className='row'>{cards}</div>
else if @props.cards.error
<div className='row'>
{
for i in [1..9]
<div className='col-sm-4' style={padding:'5px'} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
<div className='list-group'style={margin:'0px',padding:'0px'}>
<div className='list-group-item' style={height:'220px'}>
<i className='glyphicon glyphicon-alert' />
{@props.cards.error}
</div>
</div>
</div>
}
</div>
else
console.log 'cards loading'
<div className='row'>
{
for i in [1..9]
<div className='col-sm-4' style={padding:'5px'} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
<div className='list-group'style={margin:'0px',padding:'0px'}>
<div className='list-group-item' style={height:'220px'}>
<i className='glyphicon glyphicon-refresh glyphicon-refresh-animate' /> Loading ...
</div>
</div>
</div>
}
</div>
Version data entries
10 entries across 10 versions & 1 rubygems