WIP: Search for Community using elasticsearch

.gitignore

@@ -23,3 +23,5 @@ app/assets/javascripts/client-dev
 public/client
 
 .DS_Store
+
+*.swp

Gemfile

@@ -61,3 +61,7 @@ gem 'faye-websocket'
 gem 'eventmachine'
 
 gem 'thread_safe'
+
+gem 'elasticsearch'
+gem 'elasticsearch-model'
+gem 'elasticsearch-rails'

Gemfile.lock

@@ -39,9 +39,24 @@ GEM
     delayed_job_active_record (4.0.2)
       activerecord (>= 3.0, < 4.2)
       delayed_job (>= 3.0, < 4.1)
-    dotenv (1.0.2)
-    dotenv-rails (1.0.2)
-      dotenv (= 1.0.2)
+    dotenv (0.11.1)
+      dotenv-deployment (~> 0.0.2)
+    dotenv-deployment (0.0.2)
+    dotenv-rails (0.11.1)
+      dotenv (= 0.11.1)
+    elasticsearch (1.0.5)
+      elasticsearch-api (= 1.0.5)
+      elasticsearch-transport (= 1.0.5)
+    elasticsearch-api (1.0.5)
+      multi_json
+    elasticsearch-model (0.1.5)
+      activesupport (> 3)
+      elasticsearch (> 0.4)
+      hashie
+    elasticsearch-rails (0.1.5)
+    elasticsearch-transport (1.0.5)
+      faraday
+      multi_json
     erubis (2.7.0)
     eventmachine (1.0.3)
     execjs (2.2.2)
@@ -52,6 +67,7 @@ GEM
       websocket-driver (>= 0.3.5)
     font-awesome-sass (4.2.1)
       sass (~> 3.2)
+    hashie (3.3.1)
     hike (1.2.3)
     i18n (0.6.11)
     jasmine (2.0.3)
@@ -168,6 +184,9 @@ DEPENDENCIES
   dalli
   delayed_job_active_record
   dotenv-rails
+  elasticsearch
+  elasticsearch-model
+  elasticsearch-rails
   eventmachine
   faye-websocket
   font-awesome-sass

README.md

@@ -4,12 +4,13 @@
 
 ## Dependencies
 
-- Ruby 2.1.2
+- Ruby 2.1.3
   - bundler
   - foreman
-- Postgres 9.3.4
+- Postgres 9.3.5
 - redis
 - leiningen
+- Elasticsearch
 
 ### Installing dependencies on OS X using rvm, Homebrew, and Postgres.app
 
@@ -19,8 +20,8 @@ We recommend [Postgres.app](http://postgresapp.com/) if you're on OS X.
 
 ```sh
 $ rvm get head
-$ rvm install ruby-2.1.2
-$ rvm use ruby-2.1.2
+$ rvm install ruby-2.1.3
+$ rvm use ruby-2.1.3
 $ gem install bundler
 $ gem install foreman
 ```
@@ -29,9 +30,8 @@ $ gem install foreman
 
 ```sh
 $ brew update
-$ brew install leiningen
-$ brew install redis
-# follow the printed instructions to have redis start automatically on boot
+$ brew install leiningen redis elasticsearch
+# follow the printed instructions to have redis and elasticsearch start automatically on boot
 ```
 
 ## Configuration
@@ -50,15 +50,15 @@ HACKER_SCHOOL_CLIENT_SECRET=your_client_secret
 
 JASMINE_CONFIG_PATH=test/javascripts/support/jasmine.yml
 
-# If you want to develop against a local copy of the Hacker School API, add:
-HACKER_SCHOOL_SITE=http://localhost:5000
-
 # If you want to import accounts from Hacker School
 # (You won't be able to do this unless you are Hacker School faculty)
-HACKER_SCHOOL_API_SECRET_TOKEN=hacker_school_api_secret
+# HACKER_SCHOOL_API_SECRET_TOKEN=hacker_school_api_secret
+
+# If you want to develop against a local copy of the Hacker School API, add:
+# HACKER_SCHOOL_SITE=http://localhost:5000
 
 # Needed for batch mail sending in production
-MAILGUN_API_KEY=your_mailgun_api_key
+# MAILGUN_API_KEY=your_mailgun_api_key
 ```
 
 To generate a Hacker School client id and secret, go to your [Hacker School settings page](https://www.hackerschool.com/settings) and make a new OAuth app. The redirect url should be `http://localhost:5001/login/complete` (or your development host name if you don't develop off of localhost).

app/assets/stylesheets/app.css.scss

@@ -2,12 +2,39 @@
   @include make-sm-column(12);
 }
 
-// Small screen only
-@media (max-width: $screen-sm-min) {
+// Extra small (below 480 px)
+@media (max-width: $screen-xs-min) {
+  #search-bar {
+    display: none;
+  }
+
+  #navbar-header {
+    @include make-xs-column(10);
+  }
+
+  #util-bar {
+    @include make-xs-column(2);
+  }
+}
+
+// Small (between 480 and 768 px)
+@media (min-width: $screen-xs-min) and (max-width: $screen-xs-max) {
   #main-content {
     padding-left: 0;
     padding-right: 0;
   }
+
+  #navbar-header {
+    @include make-xs-column(5);
+  }
+
+  #search-bar {
+    @include make-xs-column(6);
+  }
+
+  #util-bar {
+    @include make-xs-column(1);
+  }
 }
 
 #notifications {
@@ -25,62 +52,8 @@
   border-bottom: 1px dotted $brand-primary;
   height: 45px;
   margin-bottom: 1em;
-  padding: 0 20px;
-
-  .navbar-header {
-    width: 100%;
-
-    .header-link { float: left }
-    .breadcrumbs-container { float: left }
-
-    img {
-      width: 24px;
-      height: auto;
-      padding: 2px;
-      position: relative;
-      top: 3px;
-    }
-
-    .brand-text {
-      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-      font-weight: bold;
-      font-size: 1.3em;
-      margin-left: 5px;
-      position: relative;
-      top: 6px;
-    }
-
-    a:hover {
-      text-decoration: none;
-      color: $brand-primary;
-    }
-  }
-
-  .community-nav {
-    float: right;
-    list-style: none;
-    margin-top: 10px;
-
-    > li {
-      display: inline-block;
-      vertical-align: top;
-      padding: 0 15px;
-
-      @media (max-width: $screen-sm-min) {
-        padding: 0 10px;
-      }
-    }
-
-    .navbar-text {
-      font-weight: bold;
-      color: #555;
-      margin: 0;
-    }
+  padding: 0 10px;
 
-    a {
-      color: #555;
-    }
-  }
 
   .dropdown-menu {
     margin-top: 5px;
@@ -164,11 +137,88 @@
   }
 }
 
+#navbar-header {
+  @include make-sm-column(3);
+
+  img {
+    width: 24px;
+    height: auto;
+    padding: 2px;
+    position: relative;
+    top: 3px;
+  }
+
+  .brand-text {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: bold;
+    font-size: 1.3em;
+    margin-left: 5px;
+    position: relative;
+    top: 6px;
+  }
+
+  a:hover {
+    text-decoration: none;
+    color: $brand-primary;
+  }
+}
+
+#search-bar {
+  @include make-sm-column(6);
+  padding: 0;
+}
+
+#util-bar {
+  @include make-sm-column(3);
+  text-align: right;
+  padding: 0 5px;
+
+  .community-nav {
+    list-style: none;
+    margin-top: 10px;
+  }
+
+ .community-nav > li {
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 15px;
+
+  }
+
+  .navbar-text {
+    font-weight: bold;
+    color: #555;
+    margin: 0;
+  }
+
+  a {
+    color: #555;
+  }
+
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+    padding: 0 3px;
+    .community-nav > li {
+      padding: 0 10px;
+    }
+  }
+
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+    padding: 0 2px;
+    .community-nav > li {
+      padding: 0 5px;
+    }
+    .navbar-text {
+      font-size: small;
+      font-weight: normal;
+    }
+  }
+}
+
 .unread-count-icon {
   z-index: 1000;
   position: absolute;
+  top: -6px;
   left: 10px;
-  top: -5px;
   padding: 0.2em 0.4em;
   font-size: 10px;
   background-color: red;
@@ -228,4 +278,4 @@ ul.inline-links {
 
 .notifications {
   display: inline;
-}
+}

app/assets/stylesheets/global.css.scss

@@ -141,11 +141,11 @@ a:hover {
 .visible-xs-inline {
   display: none !important;
 
-  @media (max-width: $screen-sm-min) {
+  @media (max-width: $screen-xs-max) {
     display: inline !important;
   }
 }
 
 .pinned-icon {
   padding-right: 5px;
-}
+}

app/assets/stylesheets/hacks.css.scss

@@ -3,4 +3,4 @@ way down a page. The problem is that the footer jumps up to the top
 when we're loading new content. */
 .push-down {
   height: 500px;
-}
+}

app/assets/stylesheets/index.css.scss

@@ -56,4 +56,4 @@
       margin-bottom: 0;
     }
   }
-}
+}