overview.html.erb in searchjoy-1.3.0

- old
+ new

@@ -4,11 +4,11 @@
   <div class="col-1-2">
     <table>
       <thead>
         <tr>
           <th>Top Searches</th>
-          <th class="num"><%= link_to "View all", searches_path(search_type: @search_type, **@time_params) %></th>
+          <th class="num width-20"><%= link_to "View all", searches_path(search_type: @search_type, **@time_params) %></th>
         </tr>
       </thead>
       <tbody>
         <% @top_searches.each do |row| %>
           <tr>
@@ -22,11 +22,11 @@
   <div class="col-1-2">
     <table>
       <thead>
         <tr>
           <th>Low Conversion Rate</th>
-          <th class="num"><%= link_to "View all", searches_path(search_type: @search_type, sort: "conversion_rate", **@time_params) %></th>
+          <th class="num width-20"><%= link_to "View all", searches_path(search_type: @search_type, sort: "conversion_rate", **@time_params) %></th>
         </tr>
       </thead>
       <tbody>
         <% @bad_conversion_rate.each do |row| %>
           <tr>
@@ -37,12 +37,14 @@
       </tbody>
     </table>
   </div>
 </div>
 
+<% chart_html = '<div id="%{id}" class="chart">%{loading}</div>' %>
+
 <h2>Conversion Rate</h2>
 
-<%= line_chart @conversion_rate_by_week, suffix: "%" %>
+<%= line_chart @conversion_rate_by_week, suffix: "%", html: chart_html %>
 
 <h2>Volume</h2>
 
-<%= line_chart [{name: "Searches", data: @searches_by_week}, {name: "Converted", data: @converted_by_week}] %>
+<%= line_chart [{name: "Searches", data: @searches_by_week}, {name: "Converted", data: @converted_by_week}], html: chart_html %>