reactui/lib/components/navigation/pager/pager.js

A components library for ReactJS. This is part of the Gearz project

"use strict";

var React = require("react");
var gearzMixin = require("../../gearz.mixin");

var Pager = React.createClass({
    displayName: "Pager",

    mixins: [gearzMixin],
    render: function render() {
        var page = this.get("page");
        var pageCount = this.props.count / this.props.pageSize,
            children = [];

        for (var it = 0; it < pageCount; it++) {
            var setter = this.setter("page", it + 1);
            children.push(React.createElement(
                "li",
                {
                    className: [page - 1 == it ? "active" : "", "item"].join(" "),
                    onMouseDown: setter,
                    key: "pg-" + it + 1 },
                React.createElement(
                    "a",
                    { href: "#" },
                    it
                )
            ));
        }

        return React.createElement(
            "nav",
            null,
            React.createElement(
                "ul",
                { className: "pagination" },
                children
            )
        );
    }
});

module.exports = Pager;