Sha256: 3991f23aef1604e1963de9ca7da923069a7cba1163754b66c3355f69e4b7b3f8

Contents?: true

Size: 744 Bytes

Versions: 3

Compression:

Stored size: 744 Bytes

Contents

register "TiledGrid"

properties
  perRow: 4

helpers
  applyFormatter: (listOfChunks)->
    formatter = @props.formatter
    itemClass = @props.itemClass
    
    buildColumn = (item, index)->
      <div className="ui column #{itemClass}" key="column-#{index}">
        {formatter(item)}
      </div>

    html = _(listOfChunks).map (group, index)->
      <div className="ui row" key="row-#{index}">
        {_(group).map(buildColumn)}
      </div>

    html

view ->
  cx = React.addons.classSet

  classes = 
    "ui tiled grid": true
  
  classes["#{ util.wordsForNumber(@props.perRow) } columns"] = true

  <div className={cx(classes)}>
    {@applyFormatter(util.chunk(@props.items, @props.perRow))}
  </div>

module.exports = finished() 

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
stylish-0.3.1 support/editor-app/development/src/components/tiled_grid.cjsx
stylish-0.3.0 support/editor-app/development/src/components/tiled_grid.cjsx
stylish-0.0.2 support/editor-app/development/src/components/tiled_grid.cjsx