Integrating Atlas Search in a Ruby on Rails Application

1
class Idea
2
 include Mongoid::Document
3
 include Mongoid::Timestamps
4
 field :name, type: String
5
 field :description, type: String
6
 field :picture, type: String
7
 
8
def self.search(query)
9
   aggregation_pipeline = [
10
      {
11
        "$search": {
12
          "index": "inspiration",
13
          "text": {
14
            "query": query,
15
            "path": ['name', 'description']
16
          },
17
          "sort": {
18
            "score": {"$meta": "searchScore"}
19
          }
20
        }
21
      },
22
      {
23
        "$limit": 20
24
      }
25
    ]
26
   results = collection.aggregate(aggregation_pipeline)
27
28
   search_results = results.to_a
29
   search_results.map do |result|
30
     Idea.new(
31
       id: result["_id"],
32
       name: result["name"],
33
       description: result["description"],
34
       picture: result["picture"]
35
     )
36
   end
37
 end
38
end

1
search_results.map do |result|
2
  Idea.new(
3
    id: result["_id"],
4
    name: result["name"],
5
    description: result["description"],
6
    picture: result["picture"]
7
  )
8
end

1
def search
2
    @query = params[:query]
3
    @ideas = @query.present? ? Idea.search(@query) : Idea.all
4
    render :display_results
5
  end

1
rails generate controller Searches display_results

1
class SearchesController < ApplicationController
2
  def display_results
3
    query = params[:query]
4
    @results = Idea.search(query)
5
  end
6
end

1
<div class="search-results">
2
  <h1>Search Results for "<%= params[:query] %>"</h1>
3
4
  <% if @results.empty? %>
5
    <p>No ideas found.</p>
6
  <% else %>
7
    <div class="idea-container">
8
      <% @results.each do |result| %>
9
        <div class="idea">
10
          <h2><%= result.name %></h2>
11
          <p><%= truncate(result.description, length: 150) %></p>
12
          <img  src="<%= result.picture %>" alt="<%= result.name %>" />
13
14
          <p><%= link_to "View", idea_path(result.id) %></p>
15
        </div>
16
      <% end %>
17
    </div>
18
  <% end %>
19
</div>
20
21
<%= link_to "Back", ideas_path %>

1
.search-results {
2
   /* Add styles for the search results container */
3
   width: 80%;
4
   margin: 0 auto;
5
 }
6
  .idea-container {
7
   display: flex;
8
   flex-direction: column;
9
 }
10
  .idea {
11
   padding: 20px;
12
   border-bottom: 2px solid #ccc;
13
   border-radius: 10px 10px 0 0;
14
   margin-bottom: 10px;
15
 }
16
  .idea h2 {
17
   margin: 0;
18
 }
19
  .idea p {
20
   margin: 0;
21
 }
22
  .idea img {
23
   width: 100px; /* Adjust the width of the image */
24
   height: auto; /* Maintain aspect ratio */
25
   display: block; /* Ensure the image takes up full width */
26
 }
27
  /* Remove bullet points */
28
 ul {
29
   list-style-type: none;
30
   padding: 0;
31
 }

1
<%= form_tag(search_results_path, method: :get, class: "form-inline") do %>
2
   <div class="input-group mb-3">
3
     <%= text_field_tag :query, params[:query], placeholder: "Search Ideas...", class: "form-control" %>
4
     <div class="input-group-append">
5
       <%= submit_tag "Search", class: "btn btn-primary text-white" %>
6
     </div>
7
   </div>
8
 <% end %>

1
.input-group {
2
 width: 100%;
3
}
4
5
.btn-primary {
6
 background-color: #007bff;
7
 border-color: #007bff;
8
 color: white;
9
}
10
11
.btn-primary:hover {
12
 background-color: #0056b3;
13
 border-color: #004085;
14
}

1
Rails.application.routes.draw do
2
  root to: "ideas#index"
3
4
  resources :ideas
5
  get '/search_results', to: 'searches#display_results', as: "search_results"
6
end

1
rails server