Contents

# @cjsx React.DOM 
Backbone = require('backbone')
$ = require('jquery')
React = require('react')
helpers = require('../helpers')

module.exports = React.createClass
  displayName: 'Pagination'

  pageParam: (page)->
    query = $.extend {}, @props.cards.query
    query = $.extend query, {page: page}
    $.param(query)

  render: ->
    <ul className="nav nav-pills pull-right">
      <li>
        {
          if @props.cards.pagination
            if @props.cards.pagination.current_page > 1
              href = "#/?" + @pageParam(@props.cards.pagination.current_page - 1)
            else
              href = "#/?" + @pageParam(@props.cards.pagination.total_pages)
          else
            href = "javascript:void(0)"
          <a href={href} aria-label="Previous" style={{padding:'6px 12px'}}>
            <span aria-hidden="true">&laquo;</span>
          </a>
        }
      </li>
      <li style={width:'7.5em',textAlign:'center'}>
        {
          if @props.cards.pagination
            <a href={"#/?" + @pageParam(@props.cards.pagination.current_page)} onClick={helpers.reload} style={{padding:'6px 12px'}}>
              {@props.cards.pagination.current_page} / {@props.cards.pagination.total_pages}
            </a>
          else
            <a href="javascript:void(0)" style={{padding:'6px 12px'}}>
              <i className="glyphicon glyphicon-refresh glyphicon-refresh-animate" />
            </a>
        }
      </li>
      <li>
        {
          if @props.cards.pagination
            if @props.cards.pagination.current_page < @props.cards.pagination.total_pages
              href = "#/?" + @pageParam(@props.cards.pagination.current_page + 1)
            else
              href = "#/?" + @pageParam(1)
          else
            href = "javascript:void(0)"
          <a href={href} aria-label="Next" style={{padding:'6px 12px'}}>
            <span aria-hidden="true">&raquo;</span>
          </a>
        }
      </li>
    </ul>

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
carte-server-0.0.26	lib/carte/client/views/pagination.cjsx
carte-server-0.0.25	lib/carte/client/views/pagination.cjsx
carte-server-0.0.24	lib/carte/client/views/pagination.cjsx
carte-server-0.0.23	lib/carte/client/views/pagination.cjsx
carte-server-0.0.22	lib/carte/client/views/pagination.cjsx