added the search api with pagnination, and added a remove invalid brew endpoint to the admin

client/admin/homebrewAdmin/homebrewAdmin.jsx

@@ -5,49 +5,99 @@ var request = require('superagent');
 
 var Moment = require('moment');
 
-
-//TODO: Add incremental React scrolling
-var VIEW_LIMIT = 30;
-var COLUMN_HEIGHT = 52;
-
 var HomebrewAdmin = React.createClass({
 	getDefaultProps: function() {
 		return {
-			homebrews : [],
 			admin_key : ''
 		};
 	},
 
 	getInitialState: function() {
 		return {
-			viewStartIndex: 0
+			page: 0,
+			count : 20,
+			brewCache : {},
+			total : 0,
+
+			processingOldBrews : false
 		};
 	},
 
-	clearOldBrews : function(){
-		if(!confirm("Are you sure you want to clear out old brews?")) return;
 
-		request.get('/homebrew/clear_old/?admin_key=' + this.props.admin_key)
-			.send()
-			.end(function(err, res){
-				window.location.reload();
+	fetchBrews : function(page){
+		request.get('/homebrew/api/search')
+			.query({
+				admin_key : this.props.admin_key,
+				count : this.state.count,
+				page : page
+			})
+			.end((err, res)=>{
+				this.state.brewCache[page] = res.body.brews;
+				this.setState({
+					brewCache : this.state.brewCache,
+					total : res.body.total,
+					count : res.body.count
+				})
 			})
 	},
 
+	componentDidMount: function() {
+		this.fetchBrews(this.state.page);
+	},
+
+	changePageTo : function(page){
+		if(!this.state.brewCache[page]){
+			this.fetchBrews(page);
+		}
+		this.setState({
+			page : page
+		})
+	},
+
+
+	clearInvalidBrews : function(){
+		request.get('/homebrew/api/invalid')
+			.query({admin_key : this.props.admin_key})
+			.end((err, res)=>{
+				if(!confirm("This will remove " + res.body.count + " brews. Are you sure?")) return;
+				request.get('/homebrew/api/invalid')
+					.query({admin_key : this.props.admin_key, do_it : true})
+					.end((err, res)=>{
+						alert("Done!")
+					});
+			});
+	},
+
+
 	deleteBrew : function(brewId){
-		request.get('/homebrew/remove/' + brewId +'?admin_key=' + this.props.admin_key)
-			.send()
+		if(!confirm("Are you sure you want to delete '" + brewId + "'?")) return;
+		request.get('/homebrew/api/remove/' + brewId)
+			.query({admin_key : this.props.admin_key})
 			.end(function(err, res){
 				window.location.reload();
 			})
 	},
 
-	renderBrews : function(){
-	//	return _.times(VIEW_LIMIT, (i)=>{
-	//		var brew = this.props.homebrews[i + this.state.viewStartIndex];
-	//		if(!brew) return null;
+	handlePageChange : function(dir){
+		this.changePageTo(this.state.page + dir);
+	},
 
-		return _.map(this.props.homebrews, (brew)=>{
+	renderPagnination : function(){
+		var outOf;
+		if(this.state.total){
+			outOf = this.state.page + ' / ' + Math.round(this.state.total/this.state.count);
+		}
+		return <div className='pagnination'>
+			<i className='fa fa-chevron-left' onClick={this.handlePageChange.bind(this, -1)}/>
+			{outOf}
+			<i className='fa fa-chevron-right' onClick={this.handlePageChange.bind(this, 1)}/>
+		</div>
+	},
+
+
+	renderBrews : function(){
+		var brews = this.state.brewCache[this.state.page] || _.times(this.state.count);
+		return _.map(brews, (brew)=>{
 			return <tr className={cx('brewRow', {'isEmpty' : brew.text == "false"})} key={brew.sharedId}>
 				<td><a href={'/homebrew/edit/' + brew.editId} target='_blank'>{brew.editId}</a></td>
 				<td><a href={'/homebrew/share/' + brew.shareId} target='_blank'>{brew.shareId}</a></td>
@@ -74,7 +124,7 @@ var HomebrewAdmin = React.createClass({
 						<th>Created At</th>
 						<th>Last Updated</th>
 						<th>Last Viewed</th>
-						<th>Number of Views</th>
+						<th>Views</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -88,12 +138,14 @@ var HomebrewAdmin = React.createClass({
 		var self = this;
 		return <div className='homebrewAdmin'>
 			<h2>
-				Homebrews - {this.props.homebrews.length}
-				<button className='clearOldButton' onClick={this.clearOldBrews}>
-					Clear Old
-				</button>
+				Homebrews - {this.state.total}
 			</h2>
+			{this.renderPagnination()}
 			{this.renderBrewTable()}
+
+			<button className='clearOldButton' onClick={this.clearInvalidBrews}>
+				Clear Old
+			</button>
 		</div>
 	}
 });