Searchjoy

<%= csp_meta_tag %> <% if defined?(Propshaft::Railtie) %> <%= stylesheet_link_tag "searchjoy/application", "searchjoy/litepicker" %> <%= javascript_include_tag "chartkick", "Chart.bundle", "searchjoy/application", "searchjoy/litepicker", nonce: true %> <% else %> <%= stylesheet_link_tag "searchjoy/application" %> <%= javascript_include_tag "searchjoy/application", nonce: true %> <% end %>

Searchjoy
<%= link_to "Live Stream", root_path, class: ("active" if !@search_type) %>
<%= link_to search_type, overview_searches_path(search_type: search_type, **(@time_params || {})), class: ("active" if @search_type == search_type) %>

<% if @time_range %> <%= @time_range.first.strftime("%b %-e, %Y") %> to <%= @time_range.last.strftime("%b %-e, %Y") %> <%= @time_zone.name.sub(" (US & Canada)", "") %> <%= javascript_tag nonce: true do %> var startDate = <%= raw json_escape(@time_range.first.to_json) %>; var endDate = <%= raw json_escape(@time_range.last.to_json) %>; new Litepicker({ element: document.getElementById('time-range'), firstDay: 0, numberOfMonths: 2, numberOfColumns: 2, autoApply: true, singleMode: false, mobileFriendly: false, startDate: new Date(startDate), endDate: new Date(endDate), maxDate: new Date(), onSelect: function(date1, date2) { var currentParams = new URLSearchParams(window.location.search); var params = new URLSearchParams(); params.set('search_type', currentParams.get('search_type')); params.set('start_date', date1.toISOString().slice(0, 10)); params.set('end_date', date2.toISOString().slice(0, 10)); window.location.href = window.location.pathname + "?" + params.toString(); } }); <% end %> <% end %>

<%= yield %>