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

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

define(["exports"], function (exports) {
    "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;
});