improve the status of pagination button

Author: AllenFang

src/pagination/PageButton.js

@@ -13,15 +13,19 @@ class PageButton extends React.Component{
   }
 
   render(){
-    var classes = this.props.active?classSet("active"):null;
+    var classes = classSet({
+        'active': this.props.active,
+        'disabled': this.props.disable
+    });
     return (
         <li className={classes}><a href="#" onClick={this.pageBtnClick.bind(this)}>{this.props.children}</a></li>
     )
   }
 }
 PageButton.propTypes = {
   changePage: React.PropTypes.func,
-  active: React.PropTypes.bool
+  active: React.PropTypes.bool,
+  disable: React.PropTypes.bool
 };
 
 export default PageButton;

src/pagination/PaginationList.js

@@ -109,8 +109,17 @@ class PaginationList extends React.Component {
     var pages = this.getPages();
     return pages.map(function (page) {
       var isActive = page === this.state.currentPage;
+      var disabled = false;
+      if(this.state.currentPage == 1 &&
+        (page === Const.FIRST_PAGE || page === Const.PRE_PAGE)){
+          disabled = true;
+      }
+      if(this.state.currentPage == this.totalPages &&
+        (page === Const.NEXT_PAGE || page === Const.LAST_PAGE)){
+          disabled = true;
+      }
       return (
-        <PageButton changePage={this.changePage.bind(this)} active={isActive} key={page}>{page}</PageButton>
+        <PageButton changePage={this.changePage.bind(this)} active={isActive} disable={disabled} key={page}>{page}</PageButton>
       )
     }, this);
   }