From 45a8a6897cdebaaf671db55d27057f1a97f3967f Mon Sep 17 00:00:00 2001
From: Seth Call <sethcall@gmail.com>
Date: Fri, 14 Aug 2015 10:35:18 -0500
Subject: [PATCH] * wip

---
 db/up/jam_track_searchability.sql             |  26 +-
 ruby/lib/jam_ruby/models/jam_track.rb         |  15 +-
 ruby/lib/jam_ruby/models/search.rb            |   2 +-
 .../JamTrackSearchScreen.js.jsx.coffee        | 108 ++-
 .../stylesheets/client/jamkazam.css.scss      |   9 +
 .../javascripts/jquery.infinitescroll.js      | 622 +++++++++---------
 .../javascripts/react-infinite-scroll.js      |  73 ++
 7 files changed, 532 insertions(+), 323 deletions(-)
 create mode 100644 web/vendor/assets/javascripts/react-infinite-scroll.js

diff --git a/db/up/jam_track_searchability.sql b/db/up/jam_track_searchability.sql
index fbdaf9776..8483e476b 100644
--- a/db/up/jam_track_searchability.sql
+++ b/db/up/jam_track_searchability.sql
@@ -1,6 +1,28 @@
 ALTER TABLE jam_tracks ADD COLUMN search_tsv tsvector;
+ALTER TABLE jam_tracks ADD COLUMN artist_tsv tsvector;
+ALTER TABLE jam_tracks ADD COLUMN name_tsv tsvector;
+
+CREATE FUNCTION jam_tracks_update_tsv() RETURNS TRIGGER AS $$
+BEGIN
+    new.search_tsv = to_tsvector('public.jamenglish', COALESCE(NEW.original_artist, '') || ' ' ||  COALESCE(NEW.name, '') || ' ' || COALESCE(NEW.additional_info, ''));
+    new.artist_tsv = to_tsvector('public.jamenglish', COALESCE(NEW.original_artist, ''));
+    new.name_tsv = to_tsvector('public.jamenglish', COALESCE(NEW.name, ''));
+
+    RETURN NEW;
+END
+$$ LANGUAGE plpgsql;
+
 CREATE TRIGGER tsvectorupdate BEFORE INSERT OR UPDATE
 ON jam_tracks FOR EACH ROW EXECUTE PROCEDURE
-tsvector_update_trigger(search_tsv, 'public.jamenglish', original_artist, name, additional_info);
-CREATE INDEX jam_track_search_tsv_index ON jam_tracks USING gin(search_tsv);
+jam_tracks_update_tsv();
+
+CREATE INDEX jam_tracks_search_tsv_index ON jam_tracks USING gin(search_tsv);
+CREATE INDEX jam_tracks_artist_tsv_index ON jam_tracks USING gin(artist_tsv);
+CREATE INDEX jam_tracks_name_tsv_index ON jam_tracks USING gin(name_tsv);
+
+CREATE INDEX jam_tracks_name_key ON jam_tracks USING btree (name);
+CREATE INDEX jam_tracks_original_artist_key ON jam_tracks USING btree (original_artist);
+CREATE INDEX jam_tracks_status_key ON jam_tracks USING btree (status);
+
+
 UPDATE jam_tracks SET original_artist=original_artist, name=name, additional_info=additional_info;
diff --git a/ruby/lib/jam_ruby/models/jam_track.rb b/ruby/lib/jam_ruby/models/jam_track.rb
index 4c0f3a939..2dc47d69f 100644
--- a/ruby/lib/jam_ruby/models/jam_track.rb
+++ b/ruby/lib/jam_ruby/models/jam_track.rb
@@ -280,11 +280,17 @@ module JamRuby
         end
 
         if options[:artist_search]
-          query = query.where('original_artist ilike ?', "%#{options[:artist_search]}%")
+          tsquery = Search.create_tsquery(options[:artist_search])
+          if tsquery
+            query = query.where("(artist_tsv @@ to_tsquery('jamenglish', ?))", tsquery)
+          end
         end
 
         if options[:song_search]
-          query = query.where('name ilike ?', "%#{options[:song_search]}%")
+          tsquery = Search.create_tsquery(options[:song_search])
+          if tsquery
+            query = query.where("(name_tsv @@ to_tsquery('jamenglish', ?))", tsquery)
+          end
         end
 
         if options[:artist].present?
@@ -369,7 +375,10 @@ module JamRuby
         query = query.where("jam_tracks.status = ?", 'Production') unless user.admin
 
         if options[:artist_search]
-          query = query.where('original_artist ilike ?', "%#{options[:artist_search]}%")
+          tsquery = Search.create_tsquery(options[:artist_search])
+          if tsquery
+            query = query.where("(artist_tsv @@ to_tsquery('jamenglish', ?))", tsquery)
+          end
         end
 
 
diff --git a/ruby/lib/jam_ruby/models/search.rb b/ruby/lib/jam_ruby/models/search.rb
index 2cdc9d4ba..cae9aa38f 100644
--- a/ruby/lib/jam_ruby/models/search.rb
+++ b/ruby/lib/jam_ruby/models/search.rb
@@ -83,7 +83,7 @@ module JamRuby
               @search_type = :musicians
               User.musicians
             end
-      @results = rel.where("(name_c @@ to_tsquery('jamenglish', ?))", tsquery).limit(10)
+      @results = rel.where("(name_tsv @@ to_tsquery('jamenglish', ?))", tsquery).limit(10)
       @results
     end
 
diff --git a/web/app/assets/javascripts/react-components/JamTrackSearchScreen.js.jsx.coffee b/web/app/assets/javascripts/react-components/JamTrackSearchScreen.js.jsx.coffee
index 04c814b82..884cef916 100644
--- a/web/app/assets/javascripts/react-components/JamTrackSearchScreen.js.jsx.coffee
+++ b/web/app/assets/javascripts/react-components/JamTrackSearchScreen.js.jsx.coffee
@@ -11,6 +11,8 @@ MIX_MODES = context.JK.MIX_MODES
   input: null
   MAX_ARTIST_SHOW: 3
 
+  filterOption:() ->
+    true
 
   render: () ->
 
@@ -161,6 +163,7 @@ MIX_MODES = context.JK.MIX_MODES
 
     if !@state.first_search
 
+
       # only show the artists links if the user typed the results
       if @state.type == 'user-input'
         artistSection =
@@ -186,20 +189,27 @@ MIX_MODES = context.JK.MIX_MODES
             {jamtracks}
             </tbody>
           </table>
+          <div className="end-of-jamtrack-list end-of-list">No more Jamtracks</div>
         </div>`
 
     options = {}
+
+
+    searchValue = if @state.search == 'SEPARATOR' then '' else window.JamTrackSearchInput
+
     `<div className="JamTrackSearchScreen">
       <div className="controls">
         <Select
+          placeholder="Search for JamTracks"
           name="search-field"
           asyncOptions={this.getOptions}
           autoload={false}
-          value={window.JamTrackSearchInput}
+          value={searchValue}
           onChange={this.onSelectChange}
           onBlur={this.onSelectBlur}
           className="autocompleter"
-          cacheAsyncResults={true}
+          cacheAsyncResults={false}
+          filterOption={this.filterOption}
           />
 
         <button className={searchClasses} name="search" onClick={this.userSearch}>{searchText}</button>
@@ -215,9 +225,9 @@ MIX_MODES = context.JK.MIX_MODES
     {search: '', type: 'user-input', artists:[], jamtracks:[], show_all_artists: false, currentPage: 0, next: null, searching: false, first_search: true}
 
   onSelectChange: (val) ->
-    @logger.debug("CHANGE #{val}")
+    #@logger.debug("CHANGE #{val}")
 
-    return unless val?
+    return false unless val?
 
     search_type
     if val.indexOf('ARTIST=') == 0
@@ -230,6 +240,11 @@ MIX_MODES = context.JK.MIX_MODES
       @search(search_type, song)
     else
       @logger.debug("user selected separator")
+      # this is to signal to the component that the separator was selected, and it has code in render to negate the selection
+      setTimeout((() =>
+        @setState({search:val})
+      ), 1)
+
       return false
 
 
@@ -251,13 +266,15 @@ MIX_MODES = context.JK.MIX_MODES
     @setState({currentPage: 0, next: null, show_all_artists: false, artists:[], jamtracks:[], type: 'user-input', searching:false, artist: null, song:null})
 
 
-  defaultQuery:() ->
+  defaultQuery:(extra) ->
     query =
       per_page: @LIMIT
       page: @state.currentPage + 1
+      sort_by: 'jamtrack'
     if @state.next
       query.since = @state.next
-    query
+    $.extend(query, extra)
+
 
 
   userSearch: (e) ->
@@ -270,20 +287,31 @@ MIX_MODES = context.JK.MIX_MODES
 
     window.JamTrackSearchInput = input
 
+    $root = $(@getDOMNode())
+    # disable scroll watching now that we've started a new search
+    @logger.debug("disabling infinite scroll")
+    $root.find('.content-body-scroller').off('scroll')
+    $root.find('.end-of-jamtrack-list').hide()
+
     if input?
       @rest.getJamTrackArtists({artist_search: input, limit:100})
       .done((response) =>
         @setState({artists:response.artists})
-        query = @defaultQuery()
+
+        # we have to make sure the query starts from page 1, and no 'next' from previous causes a 'since' to show up
+        query = @defaultQuery({page: 1})
+        delete query.since
+
         @logger.debug("Search type", search_type)
         if search_type == 'artist-select'
-          query.artist_search = input
+          query.artist_search = input # works with ilike
         else if search_type == 'song-select'
-          query.song_search = input
+          query.song_search = input # works with ilike
+        else
+          query.search = input # works with tsv
         @rest.getJamTracks(query)
         .done((response) =>
-          @next = response.next
-          @setState({jamtracks: response.jamtracks, next: response.next, searching: false, first_search: false})
+          @setState({jamtracks: response.jamtracks, next: response.next, searching: false, first_search: false, currentPage: 1})
         )
         .fail(() =>
           @app.notifyServerError jqXHR, 'Search Unavailable'
@@ -295,7 +323,7 @@ MIX_MODES = context.JK.MIX_MODES
         @setState({searching: false, first_search: false})
       )
 
-      @setState({artists: [], jamtracks:[], searching: true, artist: input, song: input, type: search_type})
+      @setState({currentPage: 0, next: null, artists: [], jamtracks:[], searching: true, artist: input, song: input, type: search_type, search:input})
 
   getOptions: (input, callback) =>
 
@@ -305,7 +333,7 @@ MIX_MODES = context.JK.MIX_MODES
     window.JamTrackSearchInput = input
 
     if !input? || input.length == 0
-      callback(null, {options: [], complete: true})
+      callback(null, {options: [], complete: false})
       return
 
     @rest.autocompleteJamTracks({match:input, limit:5})
@@ -316,13 +344,12 @@ MIX_MODES = context.JK.MIX_MODES
         options.push { value: "ARTIST=#{artist.original_artist}", label: "Artist: #{artist.original_artist}" }
 
       if options.length > 0 && autocomplete.songs.length > 0
-        options.push { value: null, label: "-------"}
+        options.push { value: 'SEPARATOR', label: "---------------"}
 
       for jamtrack in autocomplete.songs
         options.push { value: "SONG=#{jamtrack.name}", label: "Song: #{jamtrack.name}" }
 
-      @logger.debug("OPTIONS", options)
-      callback(null, {options: options, complete: true})
+      callback(null, {options: options, complete: false})
     )
 
   artistNavSelected: (e) ->
@@ -335,6 +362,7 @@ MIX_MODES = context.JK.MIX_MODES
 
   componentDidUpdate: ( ) ->
     $root = $(this.getDOMNode())
+    $scroller = $root.find('.content-body-scroller')
 
     for jamTrack in @state.jamtracks
       jamtrackElement = $root.find("tbody .jamtrack-record[data-jamtrack-id=\"#{jamTrack.id}\"]")
@@ -350,6 +378,49 @@ MIX_MODES = context.JK.MIX_MODES
       @handleExpanded(jamtrackElement)
       @registerEvents(jamtrackElement)
 
+
+    if @state.next == null
+      $scroller = $root.find('.content-body-scroller')
+      # if we less results than asked for, end searching
+      #$scroller.infinitescroll 'pause'
+      @logger.debug("disabling infinite scroll")
+      $scroller.off('scroll')
+      if @state.currentPage == 0 and @state.jamtracks.length == 0
+        #@content.append '<td colspan="3" class="no-jamtracks-msg\'>No JamTracks found.</div>'
+        @logger.debug("JamTrackSearch: empty search")
+      if @state.currentPage > 0
+        @logger.debug("end of search")
+        $noMoreJamtracks = $root.find('.end-of-jamtrack-list')
+        $noMoreJamtracks.show()
+        # there are bugs with infinitescroll not removing the 'loading'.
+        # it's most noticeable at the end of the list, so whack all such entries
+    else
+      @registerInfiniteScroll($scroller)
+
+
+
+  registerInfiniteScroll:($scroller) ->
+    @logger.debug("registering infinite scroll")
+    $scroller.off('scroll')
+    $scroller.on('scroll', () =>
+
+      # be sure to not fire off many refreshes when user hits the bottom
+      return if @refreshing
+
+      if $scroller.scrollTop() + $scroller.innerHeight() + 100 >= $scroller[0].scrollHeight
+        $scroller.append('<div class="infinite-scroll-loader-2">... Loading more JamTracks ...</div>')
+        @refreshing = true
+        @logger.debug("refreshing more jamtracks for infinite scroll")
+        @rest.getJamTracks(@defaultQuery({search:@state.search}))
+        .done((json) =>
+          @setState({jamtracks: @state.jamtracks.concat(json.jamtracks), next: json.next, searching: false, first_search: false, currentPage: @state.currentPage + 1})
+        )
+        .always(() =>
+          $scroller.find('.infinite-scroll-loader-2').remove()
+          @refreshing = false
+        )
+    )
+
   playJamtrack:(e) ->
     e.preventDefault()
 
@@ -414,14 +485,15 @@ MIX_MODES = context.JK.MIX_MODES
 
 
   afterShow: (data) ->
-    @logger.debug("afterShow")
+    #@logger.debug("afterShow")
 
   beforeShow: () ->
-    @clearResults();
+    #@clearResults();
 
 
   onAppInit: (@app) ->
 
+    window.JamTrackSearchInput = '' # need to be not null; otherwise react-select chokes
     @EVENTS = context.JK.EVENTS
     @rest = context.JK.Rest()
     @logger = context.JK.logger
diff --git a/web/app/assets/stylesheets/client/jamkazam.css.scss b/web/app/assets/stylesheets/client/jamkazam.css.scss
index af98aad9a..e919ee4af 100644
--- a/web/app/assets/stylesheets/client/jamkazam.css.scss
+++ b/web/app/assets/stylesheets/client/jamkazam.css.scss
@@ -521,6 +521,15 @@ textarea {
   text-align: center;
   margin:auto;
   width:100%;
+    @include border_box_sizing;
+}
+
+.infinite-scroll-loader-2 {
+    height:14px;
+    text-align: center;
+    margin:auto;
+    @include border_box_sizing;
+    margin-top:10px;
 }
 
 // disable text selection for the in-session panel, ftue, and arbitrary elements marked with .no-selection-range
diff --git a/web/vendor/assets/javascripts/jquery.infinitescroll.js b/web/vendor/assets/javascripts/jquery.infinitescroll.js
index 5801ef2b7..1df481dd7 100644
--- a/web/vendor/assets/javascripts/jquery.infinitescroll.js
+++ b/web/vendor/assets/javascripts/jquery.infinitescroll.js
@@ -1,20 +1,28 @@
-/*jshint undef: true */
 /*global jQuery: true */
 
-/*
-   --------------------------------
-   Infinite Scroll
-   --------------------------------
-   + https://github.com/paulirish/infinite-scroll
-   + version 2.0b2.120519
-   + Copyright 2011/12 Paul Irish & Luke Shumard
-   + Licensed under the MIT license
+/*!
+ --------------------------------
+ Infinite Scroll
+ --------------------------------
+ + https://github.com/paulirish/infinite-scroll
+ + version 2.1.0
+ + Copyright 2011/12 Paul Irish & Luke Shumard
+ + Licensed under the MIT license
 
-   + Documentation: http://infinite-scroll.com/
-*/
+ + Documentation: http://infinite-scroll.com/
+ */
 
-(function (window, $, undefined) {
-	"use strict";
+// Uses AMD or browser globals to create a jQuery plugin.
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($, undefined) {
+    'use strict';
 
     $.infinitescroll = function infscr(options, callback, element) {
         this.element = $(element);
@@ -29,9 +37,9 @@
         loading: {
             finished: undefined,
             finishedMsg: "<em>Congratulations, you've reached the end of the internet.</em>",
-			img: "data:image/gif;base64,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",
+            img: 'data:image/gif;base64,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',
             msg: null,
-            msgText: "<em>Loading the next set of posts...</em>",
+            msgText: '<em>Loading the next set of posts...</em>',
             selector: null,
             speed: 'fast',
             start: undefined
@@ -46,13 +54,13 @@
             currPage: 1
         },
         debug: false,
-		behavior: undefined,
+        behavior: undefined,
         binder: $(window), // used to cache the selector
-        nextSelector: "div.navigation a:first",
-        navSelector: "div.navigation",
+        nextSelector: 'div.navigation a:first',
+        navSelector: 'div.navigation',
         contentSelector: null, // rename to pageFragment
         extraScrollPx: 150,
-        itemSelector: "div.post",
+        itemSelector: 'div.post',
         animate: false,
         pathParse: undefined,
         dataType: 'html',
@@ -62,23 +70,23 @@
         infid: 0, //Instance ID
         pixelsFromNavToBottom: undefined,
         path: undefined, // Either parts of a URL as an array (e.g. ["/page/", "/"] or a function that takes in the page number and returns a URL
-		prefill: false, // When the document is smaller than the window, load data until the document is larger or links are exhausted
+        prefill: false, // When the document is smaller than the window, load data until the document is larger or links are exhausted
         maxPage: undefined // to manually control maximum page (when maxPage is undefined, maximum page limitation is not work)
-	};
+    };
 
     $.infinitescroll.prototype = {
 
-        /*	
-            ----------------------------
-            Private methods
-            ----------------------------
-            */
+        /*
+         ----------------------------
+         Private methods
+         ----------------------------
+         */
 
         // Bind or unbind from scroll
         _binding: function infscr_binding(binding) {
 
             var instance = this,
-            opts = instance.options;
+              opts = instance.options;
 
             opts.v = '2.0b2.120520';
 
@@ -104,19 +112,26 @@
             this._debug('Binding', binding);
         },
 
+        _refresh: function infscr_refresh(pixel) {
+            var opts = this.options;
+            opts.pixelsFromNavToBottom = pixel;
+            //opts.pixelsFromNavToBottom = $(document).height() - $(opts.navSelector).offset().top;
+            //this._debug('pixelsFromNavToBottom: ' + opts.pixelsFromNavToBottom);
+        },
+
         // Fundamental aspects of the plugin are initialized
         _create: function infscr_create(options, callback) {
 
             // Add custom options to defaults
             var opts = $.extend(true, {}, $.infinitescroll.defaults, options);
-			this.options = opts;
-			var $window = $(window);
-			var instance = this;
+            this.options = opts;
+            var $window = $(window);
+            var instance = this;
 
-			// Validate selectors
+            // Validate selectors
             if (!instance._validate(options)) {
-				return false;
-			}
+                return false;
+            }
 
             // Validate page fragment path
             var path = $(opts.nextSelector).attr('href');
@@ -143,29 +158,29 @@
             // distance from nav links to bottom
             // computed as: height of the document + top offset of container - top offset of nav link
             if(opts.pixelsFromNavToBottom === undefined) {
-				opts.pixelsFromNavToBottom = $(document).height() - $(opts.navSelector).offset().top;
-				this._debug("pixelsFromNavToBottom: " + opts.pixelsFromNavToBottom);
-			}
+                opts.pixelsFromNavToBottom = $(document).height() - $(opts.navSelector).offset().top;
+                this._debug('pixelsFromNavToBottom: ' + opts.pixelsFromNavToBottom);
+            }
 
-			var self = this;
+            var self = this;
 
             // determine loading.start actions
             opts.loading.start = opts.loading.start || function() {
-                $(opts.navSelector).hide();
-                opts.loading.msg
-                .appendTo(opts.loading.selector)
-                .show(opts.loading.speed, $.proxy(function() {
-					this.beginAjax(opts);
-				}, self));
-            };
+                  //$(opts.navSelector).hide();
+                  opts.loading.msg
+                    .appendTo(opts.loading.selector)
+                    .show(opts.loading.speed, $.proxy(function() {
+                        this.beginAjax(opts);
+                    }, self));
+              };
 
             // determine loading.finished actions
             opts.loading.finished = opts.loading.finished || function() {
-                if (!opts.state.isBeyondMaxPage)
-                    opts.loading.msg.fadeOut(opts.loading.speed);
-            };
+                  if (!opts.state.isBeyondMaxPage)
+                      opts.loading.msg.fadeOut(opts.loading.speed);
+              };
 
-			// callback loading
+            // callback loading
             opts.callback = function(instance, data, url) {
                 if (!!opts.behavior && instance['_callback_'+opts.behavior] !== undefined) {
                     instance['_callback_'+opts.behavior].call($(opts.contentSelector)[0], data, url);
@@ -175,75 +190,75 @@
                     callback.call($(opts.contentSelector)[0], data, opts, url);
                 }
 
-				if (opts.prefill) {
-					$window.bind("resize.infinite-scroll", instance._prefill);
-				}
+                if (opts.prefill) {
+                    $window.bind('resize.infinite-scroll', instance._prefill);
+                }
             };
 
-			if (options.debug) {
-				// Tell IE9 to use its built-in console
-				if (Function.prototype.bind && (typeof console === 'object' || typeof console === 'function') && typeof console.log === "object") {
-					["log","info","warn","error","assert","dir","clear","profile","profileEnd"]
-						.forEach(function (method) {
-							console[method] = this.call(console[method], console);
-						}, Function.prototype.bind);
-				}
-			}
+            if (options.debug) {
+                // Tell IE9 to use its built-in console
+                if (Function.prototype.bind && (typeof console === 'object' || typeof console === 'function') && typeof console.log === 'object') {
+                    ['log','info','warn','error','assert','dir','clear','profile','profileEnd']
+                      .forEach(function (method) {
+                          console[method] = this.call(console[method], console);
+                      }, Function.prototype.bind);
+                }
+            }
 
             this._setup();
 
-			// Setups the prefill method for use
-			if (opts.prefill) {
-				this._prefill();
-			}
+            // Setups the prefill method for use
+            if (opts.prefill) {
+                this._prefill();
+            }
 
             // Return true to indicate successful creation
             return true;
         },
 
-		_prefill: function infscr_prefill() {
-			var instance = this;
-			var $window = $(window);
+        _prefill: function infscr_prefill() {
+            var instance = this;
+            var $window = $(window);
 
-			function needsPrefill() {
-				return (instance.options.contentSelector.height() <= $window.height());
-			}
+            function needsPrefill() {
+                return ( $(instance.options.contentSelector).height() <= $window.height() );
+            }
 
-			this._prefill = function() {
-				if (needsPrefill()) {
-					instance.scroll();
-				}
+            this._prefill = function() {
+                if (needsPrefill()) {
+                    instance.scroll();
+                }
 
-				$window.bind("resize.infinite-scroll", function() {
-					if (needsPrefill()) {
-						$window.unbind("resize.infinite-scroll");
-						instance.scroll();
-					}
-				});
-			};
+                $window.bind('resize.infinite-scroll', function() {
+                    if (needsPrefill()) {
+                        $window.unbind('resize.infinite-scroll');
+                        instance.scroll();
+                    }
+                });
+            };
 
-			// Call self after setting up the new function
-			this._prefill();
-		},
+            // Call self after setting up the new function
+            this._prefill();
+        },
 
         // Console log wrapper
         _debug: function infscr_debug() {
-			if (true !== this.options.debug) {
-				return;
-			}
+            if (true !== this.options.debug) {
+                return;
+            }
 
-			if (typeof console !== 'undefined' && typeof console.log === 'function') {
-				// Modern browsers
-				// Single argument, which is a string
-				if ((Array.prototype.slice.call(arguments)).length === 1 && typeof Array.prototype.slice.call(arguments)[0] === 'string') {
-					console.log( (Array.prototype.slice.call(arguments)).toString() );
-				} else {
-					console.log( Array.prototype.slice.call(arguments) );
-				}
-			} else if (!Function.prototype.bind && typeof console !== 'undefined' && typeof console.log === 'object') {
-				// IE8
-				Function.prototype.call.call(console.log, console, Array.prototype.slice.call(arguments));
-			}
+            if (typeof console !== 'undefined' && typeof console.log === 'function') {
+                // Modern browsers
+                // Single argument, which is a string
+                if ((Array.prototype.slice.call(arguments)).length === 1 && typeof Array.prototype.slice.call(arguments)[0] === 'string') {
+                    console.log( (Array.prototype.slice.call(arguments)).toString() );
+                } else {
+                    console.log( Array.prototype.slice.call(arguments) );
+                }
+            } else if (!Function.prototype.bind && typeof console !== 'undefined' && typeof console.log === 'object') {
+                // IE8
+                Function.prototype.call.call(console.log, console, Array.prototype.slice.call(arguments));
+            }
         },
 
         // find the number to increment in the path.
@@ -264,7 +279,7 @@
             } else if (path.match(/^(.*?)\b2\b(.*?$)/)) {
                 path = path.match(/^(.*?)\b2\b(.*?$)/).slice(1);
 
-                // if there is any 2 in the url at all.    
+                // if there is any 2 in the url at all.
             } else if (path.match(/^(.*?)2(.*?$)/)) {
 
                 // page= is used in django:
@@ -284,7 +299,7 @@
                     path = path.match(/^(.*?page=)1(\/.*|$)/).slice(1);
                     return path;
                 } else {
-                    this._debug('Sorry, we couldn\'t parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.');
+                    this._debug("Sorry, we couldn't parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.");
                     // Get rid of isInvalidPage to allow permalink to state
                     opts.state.isInvalidPage = true;  //prevent it from running on this page.
                 }
@@ -326,51 +341,57 @@
         // Load Callback
         _loadcallback: function infscr_loadcallback(box, data, url) {
             var opts = this.options,
-            callback = this.options.callback, // GLOBAL OBJECT FOR CALLBACK
-            result = (opts.state.isDone) ? 'done' : (!opts.appendCallback) ? 'no-append' : 'append',
-            frag;
+              callback = this.options.callback, // GLOBAL OBJECT FOR CALLBACK
+              result = (opts.state.isDone) ? 'done' : (!opts.appendCallback) ? 'no-append' : 'append',
+              frag;
 
             // if behavior is defined and this function is extended, call that instead of default
             if (!!opts.behavior && this['_loadcallback_'+opts.behavior] !== undefined) {
-                this['_loadcallback_'+opts.behavior].call(this,box,data);
+                this['_loadcallback_'+opts.behavior].call(this,box,data,url);
                 return;
             }
 
-			switch (result) {
-				case 'done':
-					this._showdonemsg();
-					return false;
+            switch (result) {
+                case 'done':
+                    this._showdonemsg();
+                    return false;
 
-				case 'no-append':
-					if (opts.dataType === 'html') {
-						data = '<div>' + data + '</div>';
-						data = $(data).find(opts.itemSelector);
-					}
-					break;
+                case 'no-append':
+                    if (opts.dataType === 'html') {
+                        data = '<div>' + data + '</div>';
+                        data = $(data).find(opts.itemSelector);
+                    }
 
-				case 'append':
-					var children = box.children();
-					// if it didn't return anything
-					if (children.length === 0) {
-						return this._error('end');
-					}
+                    // if it didn't return anything
+                    if (data.length === 0) {
+                        return this._error('end');
+                    }
 
-					// use a documentFragment because it works when content is going into a table or UL
-					frag = document.createDocumentFragment();
-					while (box[0].firstChild) {
-						frag.appendChild(box[0].firstChild);
-					}
+                    break;
 
-					this._debug('contentSelector', $(opts.contentSelector)[0]);
-					$(opts.contentSelector)[0].appendChild(frag);
-					// previously, we would pass in the new DOM element as context for the callback
-					// however we're now using a documentfragment, which doesn't have parents or children,
-					// so the context is the contentContainer guy, and we pass in an array
-					// of the elements collected as the first argument.
+                case 'append':
+                    var children = box.children();
+                    // if it didn't return anything
+                    if (children.length === 0) {
+                        return this._error('end');
+                    }
 
-					data = children.get();
-					break;
-			}
+                    // use a documentFragment because it works when content is going into a table or UL
+                    frag = document.createDocumentFragment();
+                    while (box[0].firstChild) {
+                        frag.appendChild(box[0].firstChild);
+                    }
+
+                    this._debug('contentSelector', $(opts.contentSelector)[0]);
+                    $(opts.contentSelector)[0].appendChild(frag);
+                    // previously, we would pass in the new DOM element as context for the callback
+                    // however we're now using a documentfragment, which doesn't have parents or children,
+                    // so the context is the contentContainer guy, and we pass in an array
+                    // of the elements collected as the first argument.
+
+                    data = children.get();
+                    break;
+            }
 
             // loadingEnd function
             opts.loading.finished.call($(opts.contentSelector)[0],opts);
@@ -382,21 +403,21 @@
             }
 
             if (!opts.animate) {
-				// once the call is done, we can allow it again.
-				opts.state.isDuringAjax = false;
-			}
+                // once the call is done, we can allow it again.
+                opts.state.isDuringAjax = false;
+            }
 
             callback(this, data, url);
 
-			if (opts.prefill) {
-				this._prefill();
-			}
-		},
+            if (opts.prefill) {
+                this._prefill();
+            }
+        },
 
         _nearbottom: function infscr_nearbottom() {
 
             var opts = this.options,
-            pixelsFromWindowBottomToBottom = 0 + $(document).height() - (opts.binder.scrollTop()) - $(window).height();
+              pixelsFromWindowBottomToBottom = 0 + $(document).height() - (opts.binder.scrollTop()) - $(window).height();
 
             // if behavior is defined and this function is extended, call that instead of default
             if (!!opts.behavior && this['_nearbottom_'+opts.behavior] !== undefined) {
@@ -431,15 +452,15 @@
             switch (pause) {
                 case 'pause':
                     opts.state.isPaused = true;
-                break;
+                    break;
 
                 case 'resume':
                     opts.state.isPaused = false;
-                break;
+                    break;
 
                 case 'toggle':
                     opts.state.isPaused = !opts.state.isPaused;
-                break;
+                    break;
             }
 
             this._debug('Paused', opts.state.isPaused);
@@ -477,14 +498,14 @@
             }
 
             opts.loading.msg
-            .find('img')
-            .hide()
-            .parent()
-            .find('div').html(opts.loading.finishedMsg).animate({ opacity: 1 }, 2000, function () {
-                $(this).parent().fadeOut(opts.loading.speed);
-            });
+              .find('img')
+              .hide()
+              .parent()
+              .find('div').html(opts.loading.finishedMsg).animate({ opacity: 1 }, 2000, function () {
+                  $(this).parent().fadeOut(opts.loading.speed);
+              });
 
-            // user provided callback when done    
+            // user provided callback when done
             opts.errorCallback.call($(opts.contentSelector)[0],'done');
         },
 
@@ -500,11 +521,11 @@
             return true;
         },
 
-        /*	
-            ----------------------------
-            Public methods
-            ----------------------------
-            */
+        /*
+         ----------------------------
+         Public methods
+         ----------------------------
+         */
 
         // Bind to scroll
         bind: function infscr_bind() {
@@ -514,7 +535,7 @@
         // Destroy current instance of plugin
         destroy: function infscr_destroy() {
             this.options.state.isDestroyed = true;
-			this.options.loading.finished();
+            this.options.loading.finished();
             return this._error('destroy');
         },
 
@@ -528,106 +549,110 @@
             this._pausing('resume');
         },
 
-		beginAjax: function infscr_ajax(opts) {
-			var instance = this,
-				path = opts.path,
-				box, desturl, method, condition;
+        refresh: function infscr_refresh(pixels) {
+            this._refresh(pixels)
+        },
 
-			// increment the URL bit. e.g. /page/3/
-			opts.state.currPage++;
+        beginAjax: function infscr_ajax(opts) {
+            var instance = this,
+              path = opts.path,
+              box, desturl, method, condition;
 
-            // Manually control maximum page 
-            if ( opts.maxPage != undefined && opts.state.currPage > opts.maxPage ){
+            // increment the URL bit. e.g. /page/3/
+            opts.state.currPage++;
+
+            // Manually control maximum page
+            if ( opts.maxPage !== undefined && opts.state.currPage > opts.maxPage ){
                 opts.state.isBeyondMaxPage = true;
                 this.destroy();
                 return;
             }
 
-			// if we're dealing with a table we can't use DIVs
-			box = $(opts.contentSelector).is('table, tbody') ? $('<tbody/>') : $('<div/>');
+            // if we're dealing with a table we can't use DIVs
+            box = $(opts.contentSelector).is('table, tbody') ? $('<tbody/>') : $('<div/>');
 
-			desturl = (typeof path === 'function') ? path(opts.state.currPage) : path.join(opts.state.currPage);
-			instance._debug('heading into ajax', desturl);
+            desturl = (typeof path === 'function') ? path(opts.state.currPage) : path.join(opts.state.currPage);
+            instance._debug('heading into ajax', desturl);
 
-			method = (opts.dataType === 'html' || opts.dataType === 'json' ) ? opts.dataType : 'html+callback';
-			if (opts.appendCallback && opts.dataType === 'html') {
-				method += '+callback';
-			}
+            method = (opts.dataType === 'html' || opts.dataType === 'json' ) ? opts.dataType : 'html+callback';
+            if (opts.appendCallback && opts.dataType === 'html') {
+                method += '+callback';
+            }
 
-			switch (method) {
-				case 'html+callback':
-					instance._debug('Using HTML via .load() method');
-					box.load(desturl + ' ' + opts.itemSelector, undefined, function infscr_ajax_callback(responseText) {
-						instance._loadcallback(box, responseText, desturl);
-					});
+            switch (method) {
+                case 'html+callback':
+                    instance._debug('Using HTML via .load() method');
+                    box.load(desturl + ' ' + opts.itemSelector, undefined, function infscr_ajax_callback(responseText) {
+                        instance._loadcallback(box, responseText, desturl);
+                    });
 
-					break;
+                    break;
 
-				case 'html':
-					instance._debug('Using ' + (method.toUpperCase()) + ' via $.ajax() method');
-					$.ajax({
-						// params
-						url: desturl,
-						dataType: opts.dataType,
-						complete: function infscr_ajax_callback(jqXHR, textStatus) {
-							condition = (typeof (jqXHR.isResolved) !== 'undefined') ? (jqXHR.isResolved()) : (textStatus === "success" || textStatus === "notmodified");
-							if (condition) {
-								instance._loadcallback(box, jqXHR.responseText, desturl);
-							} else {
-								instance._error('end');
-							}
-						}
-					});
+                case 'html':
+                    instance._debug('Using ' + (method.toUpperCase()) + ' via $.ajax() method');
+                    $.ajax({
+                        // params
+                        url: desturl,
+                        dataType: opts.dataType,
+                        complete: function infscr_ajax_callback(jqXHR, textStatus) {
+                            condition = (typeof (jqXHR.isResolved) !== 'undefined') ? (jqXHR.isResolved()) : (textStatus === 'success' || textStatus === 'notmodified');
+                            if (condition) {
+                                instance._loadcallback(box, jqXHR.responseText, desturl);
+                            } else {
+                                instance._error('end');
+                            }
+                        }
+                    });
 
-					break;
-				case 'json':
-					instance._debug('Using ' + (method.toUpperCase()) + ' via $.ajax() method');
-					$.ajax({
-						dataType: 'json',
-						type: 'GET',
-						url: desturl,
-						success: function (data, textStatus, jqXHR) {
-							condition = (typeof (jqXHR.isResolved) !== 'undefined') ? (jqXHR.isResolved()) : (textStatus === "success" || textStatus === "notmodified");
-							if (opts.appendCallback) {
-								// if appendCallback is true, you must defined template in options.
-								// note that data passed into _loadcallback is already an html (after processed in opts.template(data)).
-								if (opts.template !== undefined) {
-									var theData = opts.template(data);
-									box.append(theData);
-									if (condition) {
-										instance._loadcallback(box, theData);
-									} else {
-										instance._error('end');
-									}
-								} else {
-									instance._debug("template must be defined.");
-									instance._error('end');
-								}
-							} else {
-								// if appendCallback is false, we will pass in the JSON object. you should handle it yourself in your callback.
-								if (condition) {
-									instance._loadcallback(box, data, desturl);
-								} else {
-									instance._error('end');
-								}
-							}
-						},
-						error: function() {
-							instance._debug("JSON ajax request failed.");
-							instance._error('end');
-						}
-					});
+                    break;
+                case 'json':
+                    instance._debug('Using ' + (method.toUpperCase()) + ' via $.ajax() method');
+                    $.ajax({
+                        dataType: 'json',
+                        type: 'GET',
+                        url: desturl,
+                        success: function (data, textStatus, jqXHR) {
+                            condition = (typeof (jqXHR.isResolved) !== 'undefined') ? (jqXHR.isResolved()) : (textStatus === 'success' || textStatus === 'notmodified');
+                            if (opts.appendCallback) {
+                                // if appendCallback is true, you must defined template in options.
+                                // note that data passed into _loadcallback is already an html (after processed in opts.template(data)).
+                                if (opts.template !== undefined) {
+                                    var theData = opts.template(data);
+                                    box.append(theData);
+                                    if (condition) {
+                                        instance._loadcallback(box, theData);
+                                    } else {
+                                        instance._error('end');
+                                    }
+                                } else {
+                                    instance._debug('template must be defined.');
+                                    instance._error('end');
+                                }
+                            } else {
+                                // if appendCallback is false, we will pass in the JSON object. you should handle it yourself in your callback.
+                                if (condition) {
+                                    instance._loadcallback(box, data, desturl);
+                                } else {
+                                    instance._error('end');
+                                }
+                            }
+                        },
+                        error: function() {
+                            instance._debug('JSON ajax request failed.');
+                            instance._error('end');
+                        }
+                    });
 
-					break;
-			}
-		},
+                    break;
+            }
+        },
 
         // Retrieve next set of content items
         retrieve: function infscr_retrieve(pageNum) {
-			pageNum = pageNum || null;
+            pageNum = pageNum || null;
 
-			var instance = this,
-            opts = instance.options;
+            var instance = this,
+              opts = instance.options;
 
             // if behavior is defined and this function is extended, call that instead of default
             if (!!opts.behavior && this['retrieve_'+opts.behavior] !== undefined) {
@@ -651,7 +676,7 @@
         scroll: function infscr_scroll() {
 
             var opts = this.options,
-            state = opts.state;
+              state = opts.state;
 
             // if behavior is defined and this function is extended, call that instead of default
             if (!!opts.behavior && this['scroll_'+opts.behavior] !== undefined) {
@@ -660,12 +685,12 @@
             }
 
             if (state.isDuringAjax || state.isInvalidPage || state.isDone || state.isDestroyed || state.isPaused) {
-				return;
-			}
+                return;
+            }
 
             if (!this._nearbottom()) {
-				return;
-			}
+                return;
+            }
 
             this.retrieve();
 
@@ -690,23 +715,23 @@
     };
 
 
-    /*	
-        ----------------------------
-        Infinite Scroll function
-        ----------------------------
+    /*
+     ----------------------------
+     Infinite Scroll function
+     ----------------------------
 
-        Borrowed logic from the following...
+     Borrowed logic from the following...
 
-        jQuery UI
-        - https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js
+     jQuery UI
+     - https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js
 
-        jCarousel
-        - https://github.com/jsor/jcarousel/blob/master/lib/jquery.jcarousel.js
+     jCarousel
+     - https://github.com/jsor/jcarousel/blob/master/lib/jquery.jcarousel.js
 
-        Masonry
-        - https://github.com/desandro/masonry/blob/master/jquery.masonry.js		
+     Masonry
+     - https://github.com/desandro/masonry/blob/master/jquery.masonry.js
 
-*/
+     */
 
     $.fn.infinitescroll = function infscr_init(options, callback) {
 
@@ -715,57 +740,57 @@
 
         switch (thisCall) {
 
-            // method 
+            // method
             case 'string':
                 var args = Array.prototype.slice.call(arguments, 1);
 
-				this.each(function () {
-					var instance = $.data(this, 'infinitescroll');
+                this.each(function () {
+                    var instance = $.data(this, 'infinitescroll');
 
-					if (!instance) {
-						// not setup yet
-						// return $.error('Method ' + options + ' cannot be called until Infinite Scroll is setup');
-						return false;
-					}
+                    if (!instance) {
+                        // not setup yet
+                        // return $.error('Method ' + options + ' cannot be called until Infinite Scroll is setup');
+                        return false;
+                    }
 
-					if (!$.isFunction(instance[options]) || options.charAt(0) === "_") {
-						// return $.error('No such method ' + options + ' for Infinite Scroll');
-						return false;
-					}
+                    if (!$.isFunction(instance[options]) || options.charAt(0) === '_') {
+                        // return $.error('No such method ' + options + ' for Infinite Scroll');
+                        return false;
+                    }
 
-					// no errors!
-					instance[options].apply(instance, args);
-				});
+                    // no errors!
+                    instance[options].apply(instance, args);
+                });
 
-            break;
+                break;
 
-            // creation 
+            // creation
             case 'object':
 
                 this.each(function () {
 
-                var instance = $.data(this, 'infinitescroll');
+                    var instance = $.data(this, 'infinitescroll');
 
-                if (instance) {
+                    if (instance) {
 
-                    // update options of current instance
-                    instance.update(options);
+                        // update options of current instance
+                        instance.update(options);
 
-                } else {
+                    } else {
 
-                    // initialize new instance
-                    instance = new $.infinitescroll(options, callback, this);
+                        // initialize new instance
+                        instance = new $.infinitescroll(options, callback, this);
+
+                        // don't attach if instantiation failed
+                        if (!instance.failed) {
+                            $.data(this, 'infinitescroll', instance);
+                        }
 
-                    // don't attach if instantiation failed
-                    if (!instance.failed) {
-                        $.data(this, 'infinitescroll', instance);
                     }
 
-                }
+                });
 
-            });
-
-            break;
+                break;
 
         }
 
@@ -774,7 +799,7 @@
 
 
 
-    /* 
+    /*
      * smartscroll: debounced scroll event for jQuery *
      * https://github.com/lukeshumard/smartscroll
      * Based on smartresize by @louis_remi: https://github.com/lrbabe/jquery.smartresize.js *
@@ -782,33 +807,32 @@
      */
 
     var event = $.event,
-    scrollTimeout;
+      scrollTimeout;
 
     event.special.smartscroll = {
         setup: function () {
-            $(this).bind("scroll", event.special.smartscroll.handler);
+            $(this).bind('scroll', event.special.smartscroll.handler);
         },
         teardown: function () {
-            $(this).unbind("scroll", event.special.smartscroll.handler);
+            $(this).unbind('scroll', event.special.smartscroll.handler);
         },
         handler: function (event, execAsap) {
             // Save the context
             var context = this,
-            args = arguments;
+              args = arguments;
 
             // set correct event type
-            event.type = "smartscroll";
+            event.type = 'smartscroll';
 
             if (scrollTimeout) { clearTimeout(scrollTimeout); }
             scrollTimeout = setTimeout(function () {
                 $(context).trigger('smartscroll', args);
-            }, execAsap === "execAsap" ? 0 : 100);
+            }, execAsap === 'execAsap' ? 0 : 100);
         }
     };
 
     $.fn.smartscroll = function (fn) {
-        return fn ? this.bind("smartscroll", fn) : this.trigger("smartscroll", ["execAsap"]);
+        return fn ? this.bind('smartscroll', fn) : this.trigger('smartscroll', ['execAsap']);
     };
 
-
-})(window, jQuery);
+}));
\ No newline at end of file
diff --git a/web/vendor/assets/javascripts/react-infinite-scroll.js b/web/vendor/assets/javascripts/react-infinite-scroll.js
new file mode 100644
index 000000000..d9a4b82d8
--- /dev/null
+++ b/web/vendor/assets/javascripts/react-infinite-scroll.js
@@ -0,0 +1,73 @@
+function topPosition(domElt) {
+  if (!domElt) {
+    return 0;
+  }
+  return domElt.offsetTop + topPosition(domElt.offsetParent);
+}
+
+(function () {
+  if (React.addons && React.addons.InfiniteScroll) {
+    return React.addons.InfiniteScroll;
+  }
+  React.addons = React.addons || {};
+  var InfiniteScroll = React.addons.InfiniteScroll = React.createClass({
+    getDefaultProps: function () {
+      return {
+        pageStart: 0,
+        hasMore: false,
+        loadMore: function () {},
+        threshold: 250,
+        scrollNode: null
+      };
+    },
+    componentDidMount: function () {
+      this.pageLoaded = this.props.pageStart;
+      this.attachScrollListener();
+    },
+    shouldComponentUpdate: function(nextProps, nextState) {
+      return !_.isEqual(this.props.children, nextProps.children);
+    },
+    componentDidUpdate: function () {
+      this.attachScrollListener();
+    },
+    render: function () {
+      var props = this.props;
+      return React.DOM.tbody(null, props.children, props.hasMore && (props.loader || InfiniteScroll._defaultLoader));
+    },
+    scrollListener: function () {
+      var el = this.props.scrollNode ? $(this.getDOMNode()).closest(this.props.scrollNode).get(0) : this.getDOMNode();
+      var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+      console.log("scrollTop", scrollTop)
+      if (topPosition(el) + el.offsetHeight - scrollTop - window.innerHeight < Number(this.props.threshold)) {
+        this.detachScrollListener();
+        // call loadMore after detachScrollListener to allow
+        // for non-async loadMore functions
+        this.props.loadMore(this.pageLoaded += 1);
+      }
+    },
+    attachScrollListener: function () {
+      if (!this.props.hasMore) {
+        return;
+      }
+      console.log("attachScrollListener")
+      window.addEventListener('scroll', this.scrollListener);
+      window.addEventListener('resize', this.scrollListener);
+
+      setTimeout(
+        this.scrollListener,
+        1
+      );
+    },
+    detachScrollListener: function () {
+      window.removeEventListener('scroll', this.scrollListener);
+      window.removeEventListener('resize', this.scrollListener);
+    },
+    componentWillUnmount: function () {
+      this.detachScrollListener();
+    }
+  });
+  InfiniteScroll.setDefaultLoader = function (loader) {
+    InfiniteScroll._defaultLoader = loader;
+  };
+  return InfiniteScroll;
+})();