In my application, I have a partial page called _dashboard.html.erb. Within the dashboard, there are multiple calls to render different partials. One of these is the _calendar.html.erb partial, which retrieves events from Google Calendar and displays them. However, this process slows down the loading time of the entire dashboard. I would like the _calendar partial to load after the rest of the dashboard has finished loading, without requiring any click event, but rather when the page initially loads.
pages_controller.rb
# Currently on shift
def jump
@title = "#{User.find(session[:user_id]).firstname}'s Dashboard"
@tasks = Task.where(:completed => 0)
@questions = Question.where(:answered => 0)
serv = GCal4Ruby::Service.new
serv.authenticate("email","pass")
cal = GCal4Ruby::Calendar.find(serv, {:title => "Skidmore Center for Sex and Gender Relations"})
#@events = GCal4Ruby::Event.find(serv, {'start-min' => Time.now.utc.xmlschema, 'start-max' => 5.days.from_now.utc.xmlschema })
@events = GCal4Ruby::Event.find(serv, {'start-min' => Time.parse("01/01/2011").utc.xmlschema, 'start-max' => Time.parse("06/01/2011").utc.xmlschema, :calendar => cal.id})
end
The 'jump' method is where I render the dashboard partial. Here's how I call the calendar partial in /app/views/layouts/_dashboard.html.erb:
<div id="main-content">
<div class="post">
<h3>Calendar</h3>
<%= render 'layouts/calendar' %>
</div>
</div>
And here is /app/views/layouts/_calendar.html.erb:
<% @events.each do |event| %>
<% if event.start_time >= Time.now && event.start_time <= 5.days.from_now %><li><%= event.start_time.to_s(:short) %> <%= event.title %></li><% end %>
<% end %>
I'm familiar with AJAX but lack experience implementing it in Rails or independently. Any assistance provided in simpler terms would be greatly appreciated!
Thank you
Update: I tried using the async_partial gem, but encountered issues with the partial fetching events from Google Calendar. The partial functions correctly without the async_partial.