quick_search-core 0.1.1 → 0.2.0

data/app/views/quick_search/appstats/_graph_spelling_suggestions.html.erb

@@ -0,0 +1,6 @@
+<h1><%= @page_title %></h1>
+<h2>Most Frequent Spelling Suggestions</h2>
+<div class="graphGroup">
+    <div class="iconContainer" id="spIconContainer"></div>
+	<svg id="graph_spelling_suggestions" width="840" height="240"></svg>
+</div>

data/app/views/quick_search/appstats/_graph_top_searches.html.erb

@@ -0,0 +1,6 @@
+<h1><%= @page_title %></h1>
+<h2>Most Frequent Searches</h2>
+<div class="graphGroup">
+    <div class="iconContainer" id="tsIconContainer"></div>
+	<svg id="graph_top_searches" width="840" height="240"></svg>
+</div>

data/app/views/quick_search/appstats/_menu.html.erb

@@ -1,16 +1,29 @@
-<aside id="subnav" role="complementary" class="medium-3 columns sidebar">
+<style>
+/*FIX LATER: TOO HACKY*/
+#main-content {
+    max-width: 100% !important;
+}
+
+.medium-8, .columns {
+    float: left !important;
+}
+</style>
+
+<aside id="subnav" role="complementary" class="medium-2 columns sidebar">
     <section class="block block-menu">
-        <h3>External Services</h2>
+        <h3>External Services</h3>
         <ul class="side-nav">
             <li><%= link_to "Google Analytics", "https://www.google.com/analytics/web/", :target => "_blank" %></li>
         </ul>
-        <h3>Internal Reports</h2>
+        <h3>Internal Reports</h3>
         <ul class="side-nav">
             <li><%= link_to "General Statistics", appstats_path(:start_date => params[:start_date], :end_date => params[:end_date]) %></li>
             <li><%= link_to "Clicks Overview", clicks_overview_path(:start_date => params[:start_date], :end_date => params[:end_date]) %></li>
             <li><%= link_to "Top Searches", top_searches_path(:start_date => params[:start_date], :end_date => params[:end_date]) %></li>
             <li><%= link_to "Best Bets", top_spot_path(:start_date => params[:start_date], :end_date => params[:end_date], :ga_top_spot_module => 'best-bets-regular') %></li>
             <li><%= link_to "Spelling Suggestions", top_spot_path(:start_date => params[:start_date], :end_date => params[:end_date], :ga_top_spot_module => 'spelling-suggestion') %></li>
+            <li><%= link_to "Sessions Overview", sessions_overview_path(:start_date => params[:start_date], :end_date => params[:end_date]) %></li>
+            <li><%= link_to "Sessions Details", sessions_details_path(:start_date => params[:start_date], :end_date => params[:end_date]) %></li>
         </ul>
     </section>
 </aside>

data/app/views/quick_search/appstats/_sessions_details_device_filters.html.erb

@@ -0,0 +1,9 @@
+<div style="float: left; display: inline-block;">
+	<h4>Device Graph Filters</h4>
+	<ul class="side-nav" id="filter_list">
+		<form>
+		    <li> <input class="session_device_filter" type="radio" name="dev" value="num" checked="checked">  Count </li>
+		    <li> <input class="session_device_filter" type="radio" name="dev" value="perc"> Percent </li>
+		</form>
+	</ul>
+</div>

data/app/views/quick_search/appstats/_sessions_details_location_filters.html.erb

@@ -0,0 +1,9 @@
+<div style="float: left; display: inline-block;">
+	<h4>Location Graph Filters</h4>
+	<ul class="side-nav" id="filter_list">
+		<form>
+		    <li> <input class="session_location_filter" type="radio" name="loc" value="num" checked="checked">  Count </li>
+		    <li> <input class="session_location_filter" type="radio" name="loc" value="perc"> Percent </li>
+		</form>
+	</ul>
+</div>

data/app/views/quick_search/appstats/_sessions_overview_graph_filters.html.erb

@@ -0,0 +1,9 @@
+<div style="float: left; display: inline-block;">
+	<h3>Graph Filters</h2>
+	<ul id="filter_list">
+	    <li> <input type="checkbox" id="onCampus">  On Campus </li>
+	    <li> <input type="checkbox" id="offCampus"> Off Campus </li>
+	    <li> <input type="checkbox" id="isMobile">  Mobile Connection </li>
+	    <li> <input type="checkbox" id="notMobile"> Non-mobile Connection </li>
+	</ul>
+</div>

data/app/views/quick_search/appstats/clicks_overview.html.erb

@@ -2,19 +2,8 @@
 <%= render partial: 'datatables' %>
 <div class="row">
     <%= render partial: 'menu' %>
-    <div class="medium-9 columns">
-        <%= render partial: "date_range" %>
-    </div>
-    <div class="medium-9 columns">
-        <h2>Module Clicks</h2>
-        <%= render partial: 'click_count_table', locals: { :clicks => @module_clicks, :total_clicks => @module_click_total} %>
-        <h2>Result Types Guide Clicks</h2>
-        <%= render partial: 'click_count_table', locals: { :clicks => @result_types_clicks, :total_clicks => @result_types_click_total} %>
-        <table>
-            <tr>
-                <td>Result Type Guide Click/Search</td>
-                <td><%= number_to_percentage((@result_types_click_total / @searches_count.to_f)*100, precision: 2) %></td>
-            </tr>
-        </table>
+    <div class="medium-8 columns">
+        <%= render partial: 'graph_clicks_overview' %>
     </div>
+    <%= render partial: "date_range" %>
 </div>

data/app/views/quick_search/appstats/index.html.erb

@@ -3,29 +3,9 @@
 <div class="row">
     <%= render partial: 'menu' %>
     <div class="medium-8 columns">
-        <%= render partial: 'date_range' %>
         <h2>General Statistics</h2>
-        <table>
-            <tr>
-                <td>Total Searches</td>
-                <td><%= number_with_delimiter(@searches_count) %></td>
-            </tr>
-            <tr>
-                <td>Total Clicks</td>
-                <td><%= number_with_delimiter(@clicks_count) %></td>
-            </tr>
-            <tr>
-                <td>Searches per Day</td>
-                <td><%= number_with_delimiter(@searches_count / @days_in_sample) %></td>
-            </tr>
-            <tr>
-                <td>Clicks per Day</td>
-                <td><%= number_with_delimiter(@clicks_count / @days_in_sample) %></td>
-            </tr>
-            <tr>
-                <td>Click/Search</td>
-                <td><%= number_to_percentage(@click_serve_ratio, precision: 2) %></td>
-            </tr>
-        </table>
+        <%= render partial: 'graph_general_statistics'  %>
     </div>
+    <%= render partial: "date_range" %>
 </div>
+

data/app/views/quick_search/appstats/sessions_details.html.erb

@@ -0,0 +1,9 @@
+<% title("#{@page_title} | ") %>
+<%= render partial: 'datatables' %>
+<div class="row">
+    <%= render partial: "menu" %>
+    <div class="medium-8 columns">
+        <%= render partial: 'graph_sessions_details' %>
+    </div>
+    <%= render partial: "date_range" %>
+</div>

data/app/views/quick_search/appstats/sessions_overview.html.erb

@@ -0,0 +1,9 @@
+<% title("#{@page_title} | ") %>
+<%= render partial: 'datatables' %>
+<div class="row">
+    <%= render partial: "menu" %>
+    <div class="medium-8 columns">
+        <%= render partial: 'graph_sessions_overview' %>
+    </div>
+    <%= render partial: "date_range" %>
+</div>

data/app/views/quick_search/appstats/top_searches.html.erb

@@ -2,37 +2,8 @@
 <%= render partial: 'datatables' %>
 <div class="row">
     <%= render partial: "menu" %>
-    <div class="small-9 columns">
-        <%= render partial: "date_range" %>
-    </div>
-    <div class="small-9 columns">
-        <h2>Most Frequent Searches</h2>
-        <table class="datatable">
-            <thead>
-                <tr>
-                    <th>Rank</th>
-                    <th>Query</th>
-                    <th>Total</th>
-                    <th>Percent of Total</th>
-                    <th>Cumulative Percent</th>
-                </tr>
-            </thead>
-            <tbody>
-                <% it_count = 0 %>
-                <% total_percent = 0 %>
-                <% @query_counts.each do |query, count| %>
-                    <% it_count += 1 %>
-                    <% term_percent = (count / @searches_count.to_f)*100 %>
-                    <% total_percent += term_percent %>
-                    <tr>
-                        <td><%= it_count %></td>
-                        <td><%= link_to query, root_path(q: query) %></td>
-                        <td><%= number_with_delimiter(count) %></td>
-                        <td><%= number_to_percentage(term_percent, precision: 2) %></td>
-                        <td><%= number_to_percentage(total_percent, precision: 2)%></td>
-                    </tr>
-                <% end %>
-            </tbody>
-        </table>
+    <div class="medium-8 columns">
+        <%= render partial: 'graph_top_searches' %>
     </div>
+    <%= render partial: "date_range" %>
 </div>

data/app/views/quick_search/appstats/top_spot.html.erb

@@ -2,13 +2,13 @@
 <%= render partial: 'datatables' %>
 <div class="row">
     <%= render partial: "menu" %>
-    <div class="large-9 columns">
-        <%= render partial: "date_range" %>
-    </div>
-    <div class="large-9 columns">
-        <p>Displays top 100 in each category</p>
-        <% @top_spot_reporting.each do |report| %>
-            <%= render partial: 'top_spot_report_table', locals: { report: report } %>
+    <div class="medium-8 columns">
+        <% if @page_title=='spelling-suggestion' %> 
+            <%= render partial: 'graph_spelling_suggestions' %>
+        <% end %>
+        <% if @page_title=='best-bets-regular' %> 
+            <%= render partial: 'graph_best_bets' %>
         <% end %>
     </div>
+    <%= render partial: "date_range" %>
 </div>

data/app/views/quick_search/search/_module_with_paging.html.erb

@@ -1,4 +1,4 @@
-<div id="<%= service_name.dasherize %>" class="module-contents">
+<div id="<%= service_name.dasherize %>" class="module-contents" data-turbolinks="false">
     <% if searcher.is_a? StandardError %>
         <%= render partial: '/quick_search/search/search_error', locals: { service_name: service_name, page: page, template: 'with_paging' } %>
     <% elsif searcher.results.blank? %>

data/app/views/quick_search/search/_result_title.html.erb

@@ -1,4 +1,4 @@
 <%= link_to link do %>
-    <%= truncate(strip_tags(title.html_safe), :length => 100, separator: ' ') %>
+    <%= truncate(sanitize(title), :length => 100, separator: ' ') %>
 <% end %>
 <span class='date'><%= date %></span>

data/config/quicksearch_config.yml.example

@@ -15,6 +15,9 @@ defaults: &defaults
   xhr_http_timeout: 15
   # Google Analytics tracking ID
   google_analytics_tracking_id: "my_tracking_id"
+  # Google Analytics client ID
+  # Needed for server-side GA calls (if used). Should be a random UUID
+  google_analytics_client_id: "a_random_uuid"
 
   # Username/password for QuickSearch stats view
   user: "stats"

data/config/routes.rb

@@ -3,8 +3,9 @@ QuickSearch::Engine.routes.draw do
   root 'search#index'
 
   get 'xhr_search' => 'search#xhr_search', :defaults => { :format => 'html' }
-  get 'log_event' => 'search#log_event'
-  get 'log_search' => 'search#log_search'
+  get 'log_event' => 'logging#log_event'
+  get 'log_search' => 'logging#log_search'
+  get 'typeahead' => 'typeahead#typeahead'
 
   get 'searcher/:searcher_name' => 'search#single_searcher'
   get 'searcher/:searcher_name/xhr_search' => 'search#xhr_search', :defaults => { :format => 'html' }
@@ -16,13 +17,40 @@ QuickSearch::Engine.routes.draw do
 
   get 'about' => 'pages#about'
   get 'realtime' => 'pages#realtime'
+  get 'data_general_statistics' => 'appstats#data_general_statistics'
+  get 'data_general_table' => 'appstats#data_general_table' 
+  get 'data_module_clicks' => 'appstats#data_module_clicks'
+  get 'data_result_clicks' => 'appstats#data_result_clicks'
+  get 'data_module_details' => 'appstats#data_module_details'
+  get 'data_top_searches' => 'appstats#data_top_searches'
+  get 'data_spelling_suggestions' => 'appstats#data_spelling_suggestions'
+  get 'data_spelling_details' => 'appstats#data_spelling_details'
+  get 'data_best_bets' => 'appstats#data_best_bets'
+  get 'data_best_bets_details' => 'appstats#data_best_bets_details'
+  get 'data_sessions_overview' => 'appstats#data_sessions_overview'
+  get 'data_sessions_location' => 'appstats#data_sessions_location'
+  get 'data_sessions_device' => 'appstats#data_sessions_device'
 
   match 'appstats', to: 'appstats#index', via: [:get, :post]
   match 'appstats/clicks_overview', to: 'appstats#clicks_overview', as: 'clicks_overview', via: [:get, :post]
   match 'appstats/top_searches', to: 'appstats#top_searches', as: 'top_searches', via: [:get, :post]
   match 'appstats/top_spot', to: 'appstats#top_spot', as: 'top_spot', via: [:get, :post]
-  match 'appstats/detail/:ga_scope', to: 'appstats#detail', via: [:get, :post]
+  match 'appstats/sessions_overview', to: 'appstats#sessions_overview', as: 'sessions_overview', via: [:get, :post]
+  match 'appstats/sessions_details', to: 'appstats#sessions_details', as: 'sessions_details', via: [:get, :post]
   get 'appstats/realtime' => 'appstats#realtime'
+  get 'appstats/data_general_statistics', :defaults => { :format => 'json' }
+  get 'appstats/data_general_table', :defaults => { :format => 'json' }
+  get 'appstats/data_module_clicks', :defaults => { :format => 'json' }
+  get 'appstats/data_result_clicks', :defaults => { :format => 'json' }
+  get 'appstats/data_module_details', :defaults => { :format => 'json' }
+  get 'appstats/data_top_searches', :defaults => { :format => 'json' }
+  get 'appstats/data_spelling_suggestions', :defaults => { :format => 'json' }
+  get 'appstats/data_spelling_details', :defaults => { :format => 'json' }
+  get 'appstats/data_best_bets', :defaults => { :format => 'json' }
+  get 'appstats/data_best_bets_details', :defaults => { :format => 'json' }
+  get 'appstats/data_sessions_overview', :defaults => { :format => 'json' }
+  get 'appstats/data_sessions_location', :defaults => { :format => 'json' }
+  get 'appstats/data_sessions_device', :defaults => { :format => 'json' }
 
   # The priority is based upon order of creation: first created -> highest priority.
   # See how all your routes lay out with "rake routes".

data/db/migrate/20161201141003_create_sessions.rb

@@ -0,0 +1,12 @@
+class CreateSessions < ActiveRecord::Migration
+  def change
+    create_table :sessions do |t|
+      t.string :session_uuid
+      t.datetime :expiry
+      t.boolean :on_campus
+      t.boolean :is_mobile
+
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20161201142811_change_event_columns.rb

@@ -0,0 +1,11 @@
+class ChangeEventColumns < ActiveRecord::Migration[5.0]
+  def change
+    change_table :events do |t|
+      t.rename :action, :item
+      t.rename :label, :query
+    end
+
+    add_column :events, :action, :string
+    add_reference :events, :session, foreign_key: true
+  end
+end

data/db/migrate/20161201143901_add_session_id_to_searches.rb

@@ -0,0 +1,5 @@
+class AddSessionIdToSearches < ActiveRecord::Migration[5.0]
+  def change
+    add_reference :searches, :session, foreign_key: true
+  end
+end

data/db/migrate/20161212192454_add_date_string_columns.rb

@@ -0,0 +1,11 @@
+class AddDateStringColumns < ActiveRecord::Migration[5.0]
+  def change
+    add_column :events, :created_at_string, :string
+    add_column :sessions, :created_at_string, :string
+    add_column :searches, :created_at_string, :string
+
+    add_index :events, :created_at_string
+    add_index :sessions, :created_at_string
+    add_index :searches, :created_at_string
+  end
+end

data/db/seeds.rb

@@ -1,7 +1,83 @@
-# This file should contain all the record creation needed to seed the database with its default values.
-# The data can then be loaded with the rake db:seed (or created alongside the db with db:setup).
-#
-# Examples:
-#
-#   cities = City.create([{ name: 'Chicago' }, { name: 'Copenhagen' }])
-#   Mayor.create(name: 'Emanuel', city: cities.first)
+##
+# Generates a random query
+
+def random_query
+  # Use a fake query
+  # TODO: better random queries
+  'query ' + (rand*5000).to_i.to_s
+end
+
+##
+# Generates a random (category, action) pair for an event
+
+def random_category_action
+  category = (QuickSearch::Engine::APP_CONFIG['searchers'] + ['spelling-suggestion', 'result-types', 'doi-trap', 'more-options']).sample.dasherize
+  # Default action is a click
+  action = 'click'
+
+  # Typically, serves only happen for these categories
+  if category == 'best-bets' || category == 'spelling-suggestion'
+    action = ['click', 'serve'].sample
+  end
+
+  return category, action
+end
+
+##
+# Generates a random item for an event, based on the category
+
+def random_item(category)
+  if category == 'best-bets'
+    # Sample a random Best Bet type from a static list
+    ['webofscience', 'googlescholar', 'ieee', 'pubmed', 'morningstar', 'wgsn', 'standards', 'dissertation', 'refworks', 'ibis', 'proquest',
+     'psychinfo', 'sciencemagazine', 'sciencedirect', 'petition', 'compendex', 'jstor', 'software', 'naturejournal'].sample
+  elsif category == 'doi-trap'
+    # Sample a random DOI from a static list
+    ['10.1080/10510974.2013.797483', '10.1111/j.1468-2958.1996.tb00379.x', 'http://dx.doi.org/10.1063/1.2741534', 'DOI: 10.1007/BF02887151',
+     '10.1039/C4RA16247A', '10.1002/sce.3730670213', 'DOI: 10.1007/s40596-014-0241-5', '10.1080/15348423.2012.697437',
+     'http://dx.doi.org/10.3168/jds.S0022-0302(86)80552-5', 'DOI: 10.1023/A:1005204727421', '10.1039/C3TA00019B', 'doi:10.1038/leu.2016.163',
+     'DOI: 10.1007/s10853-013-7374-x', 'doi: 10.1016/0167-2738(91)90233-2', 'doi: 10.1179/000705992798268927', '10.1038/nphys3794',
+     'doi: 10.1149/1.1393288', '10.1080/1554480X.2014.926052', '10.1002/adma.201506234', '10.1080/00958972.2016.1176158'].sample
+  elsif category == 'result-types'
+    # Use a defined searcher for found types
+    (QuickSearch::Engine::APP_CONFIG['searchers']).sample.dasherize
+  elsif category == 'more-options'
+    # Use a result number for more-options
+    ['result-1', 'result-2', 'result-3', 'result-4'].sample
+  elsif category == 'spelling-suggestion'
+    # Use a fake string
+    'spelling suggestion ' + (rand*200).to_i.to_s
+  else
+    # Use one of the typical options for a searcher click (or anything else we haven't handled above)
+    ['heading', 'result-1', 'result-2', 'result-3', 'see-all-results', 'no-results', 'error'].sample
+  end 
+end
+
+
+
+##
+# Creates 15,000 random sessions to seed the QS stats database. Each session will have between 0-8 random queries and
+# 0-15 random events. Measures are taken to make random data somewhat realistic. Session occur at random times over the
+# past 2 years
+
+15000.times do |i|
+  # Create session with random parameters. Simulate 2 years worth of data
+  session = Session.create(session_uuid: SecureRandom.uuid, expiry: rand(2.years).seconds.ago, on_campus: [true, false].sample, is_mobile: [true, false].sample)
+  # Update created_at (since we use this as session start time) to be within 10 minutes of the expiry of the session
+  session.created_at = session.expiry - (rand*10).minutes
+  session.save
+
+  # Generate 0-8 random searches, occuring at random times during the current session
+  (rand*8).to_i.times do |j|
+    session.searches.create(query: random_query, page: '/', created_at: Time.at((session.expiry.to_f - session.created_at.to_f)*rand + session.created_at.to_f))
+  end
+
+  # Generate 0-15 random events, occuring at random times during the current session
+  (rand*15).to_i.times do |k|
+    category, action = random_category_action
+    item = random_item(category)
+    session.events.create(category: category, item: item, query: random_query, action: action, created_at: Time.at((session.expiry.to_f - session.created_at.to_f)*rand + session.created_at.to_f))
+  end
+end
+
+

data/lib/generators/quick_search/templates/quick_search_typeahead.js

@@ -0,0 +1,253 @@
+/*
+ * Typeahead front-end configuration & setup
+ */
+jQuery(document).ready(function () {
+
+//var bangs_prefetch_url = '/direct_searches/list'
+
+// define the datasets for the typeahead
+
+/*var bangs = new Dataset({
+  valuekey: 'value',
+  prefetch: bangs_prefetch_url,
+}).initialize();
+*/
+
+var bestbets = new Bloodhound({
+  queryTokenizer: Bloodhound.tokenizers.whitespace,
+  datumTokenizer: function (datum) {
+    return datum.title.split(" ");
+  },
+  sorter: function (a,b) {
+    if (a.title.toLowerCase() < b.title.toLowerCase()) {
+        return -1;
+    }
+    if (a.title.toLowerCase() > b.title.toLowerCase()) {
+       return 1;
+    }
+    return 0;
+  },
+  prefetch: '/typeahead?searcher=best_bets',
+});
+
+var titles = new Bloodhound({
+  queryTokenizer: Bloodhound.tokenizers.whitespace,
+  datumTokenizer: Bloodhound.tokenizers.whitespace,
+  remote: {
+    url: '//autosuggest.trln.org/suggestservice/?source=ncsu&index=title&q=' + '%QUERY',
+    prepare: function(query, settings) {
+        settings.dataType = 'jsonp';
+        settings.url = settings.url.replace('%QUERY', query);
+        return settings;
+    }, 
+    filter: function(response){
+        return response.response.docs;
+    },
+    rateLimitWait: 100,
+  },
+});
+
+var spaces = new Bloodhound({
+  queryTokenizer: Bloodhound.tokenizers.whitespace,
+  datumTokenizer: function (datum) {
+    return datum.name.split(" ");
+  },
+  valueKey: 'name',
+  prefetch: '/typeahead?searcher=ncsu_spaces',
+});
+
+var faqs = new Bloodhound({
+  queryTokenizer: Bloodhound.tokenizers.whitespace,
+  datumTokenizer: function (datum) {
+    return datum.question.split(" ");
+  },
+  valueKey: 'question',
+  prefetch: '/typeahead?searcher=faq',
+});
+
+// pre-compile the suggestion templates
+
+var bangs_template = Handlebars.compile([
+        '<div class="row">',
+          '<div class="small-12 columns bestbet-container">',
+            '<span class="suggestion-title">{{value}}</span>',
+            '{{#if desc}}<p class="bestbet-description">{{desc}}</p>{{/if}}',
+          '</div>',
+        '</div>',
+].join(''));
+
+var bestbets_template = Handlebars.compile([
+        '<div class="row">',
+          '<div class="small-12 columns bestbet-container">',
+            '<span class="suggestion-title">{{title}}</span>',
+            '{{#if description}}<p class="bestbet-description">{{description}}</p>{{/if}}',
+          '</div>',
+        '</div>',
+].join(''));
+
+var spaces_template = Handlebars.compile([
+        '<div class="row space-container">',
+          '<div class="large-2 medium-2 small-2 columns">',
+            '{{#if image_url}}<img class="space-image" src="{{image_url}}" width="100%" />',
+            '{{else}}<img src="//www.lib.ncsu.edu/sites/all/themes/ncsulib_foundation/images/greybox.png" class="space-image" alt="" >',
+            '{{/if}}',
+          '</div>',
+          '<div class="large-10 medium-10 small-10 columns">',
+            '<span class="suggestion-title">{{name}}</span>',
+          '</div>',
+        '</div>'
+].join(''));
+
+var faqs_template = Handlebars.compile('<span class="suggestion-title">{{question}}</span>');
+
+// Initialize typeahead
+
+jQuery('.quicksearch-typeahead').typeahead(
+  {
+  // Don't show a hint in the search bar
+  hint: false,
+  // Wait for at least 3 characters input before making suggestions
+  minLength: 3,
+  },
+  // Best Bets config
+  {
+    name: 'bestbets',
+    source: bestbets,
+    display: 'title',
+    limit: 2,
+    templates: {
+      header: '<div class="cat-header"><span>Best Bets</span></div>',
+      suggestion: bestbets_template,
+      footer: '<hr>'
+    }
+  },
+  // FAQs
+  {
+    name: 'faqs',
+    source: faqs,
+    display: 'question',
+    limit: 3,
+    templates: {
+        header: '<div class="cat-header"><span>FAQs</span></div>',
+        suggestion: faqs_template,
+        footer: '<hr>'
+    }
+  },
+  // Search Suggestions / Titles
+  {
+    name: 'titles',
+    source: titles,
+    limit: 5,
+    display: 'ac',
+    templates: {
+        header: '<div class="cat-header"><span>Search Suggestions</span></div>',
+        footer: '<hr>'
+    }
+  },
+  // Spaces
+  {
+    name: 'spaces',
+    source: spaces,
+    display: 'name',
+    limit: 1,
+    templates: {
+      header: '<div class="cat-header"><span>Spaces</span></div>',
+      suggestion: spaces_template,
+      footer: '<div class="space-footer"><a href="http://www.lib.ncsu.edu/reservearoom">See more spaces...</a></div>',
+    }
+  }
+);
+
+
+typeaheadUtility.listenForTypeaheadClicks();
+});
+
+/*
+ * Typeahead utility functions, currently handles: known vs. unknown item clicks, FAQ URL construction, logging.
+ */
+
+var typeaheadUtility = (function () {
+
+  var environment = 'production'; //development or production
+
+  function listenForTypeaheadClicks() {
+      jQuery('.quicksearch-typeahead').on('typeahead:selected', function (e, datum, dataset) {
+
+          var link = { href: handleTypeaheadClick(datum, dataset) };
+
+          var eventValuesDefined = {
+              category: 'typeahead-' + dataset,
+              action: datum.value,
+              label: window.location.href
+          }
+
+          sendEventData(eventValuesDefined, link);
+
+          setTimeout(function() {
+            document.location.href = link.href;
+          }, 200);
+
+      });
+  }
+
+  function sendEventData (eventValues, link) {
+      if (environment == 'development') {
+          // console.log('click_tracking', [eventValues.category, eventValues.action, eventValues.label]);
+          jQuery.when(logEventToDatabase(eventValues)).then(function () {
+              if (link !== '') {
+                  document.location.href = link.href;
+              }
+          });
+      }
+      else {
+          jQuery.when(logEventToDatabase(eventValues)).then(function () {
+              sendDataToGoogleAnalytics(eventValues, link)
+          });
+      }
+  }
+
+  function sendDataToGoogleAnalytics (eventValues, link) {
+      _gaq.push(['_set','hitCallback',function() {
+          if (link !== '') {
+              document.location = link;
+          }
+      }]);
+      // _gaq.push(['_trackEvent', eventValues.category, eventValues.action, eventValues.label]);
+      ga('send', eventValues.category, eventValues.action, eventValues.label);
+  }
+
+
+  function logEventToDatabase(eventValues) {
+        //TODO: have rails replace URL with current QS root
+        var url = '/log_event';
+
+        return jQuery.ajax({
+            url: url,
+            data: {
+                category: eventValues.category,
+                event_action: eventValues.action,
+                label: eventValues.label
+            },
+            jsonp: 'callback',
+            dataType: 'jsonp'
+        });
+  }
+
+  function handleTypeaheadClick(datum, dataset) {
+    if (datum.url || datum.path) {
+      return datum.url || datum.path;
+    }
+    else if (datum.question_id) {
+      return "//www.lib.ncsu.edu/faq/faq.php?id=" + datum.question_id;
+    }
+    else {
+       // Fire off a search when an unknown element is selected
+
+        return  '/?q=' + datum.ac;
+    }
+  }
+
+  return {
+    listenForTypeaheadClicks: listenForTypeaheadClicks
+  };
+})();