Agenda and My Schedule

app/assets/stylesheets/application.tailwind.css

@@ -12,3 +12,14 @@ div.field_with_errors > input {
   focus:bg-white focus:text-black focus:placeholder-gray
   focus:border-white focus:ring-white mb-2
 }
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.no-scrollbar {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}

app/controllers/application_controller.rb

@@ -4,9 +4,12 @@ class ApplicationController < ActionController::Base
 
   default_form_builder ApplicationFormBuilder
 
-  helper_method :current_profile
+  helper_method :current_profile, :current_conference
 
   private
 
   def current_profile = current_user&.profile
+
+  # TODO: Must change after implementing multi-conference support
+  def current_conference = Conference.last
 end

app/controllers/schedules_controller.rb

@@ -0,0 +1,33 @@
+class SchedulesController < ApplicationController
+  def index
+    @sessions = Session.includes(:location, :speakers, :tags)
+    @sessions = @sessions.from_user(current_user)
+    @sessions = @sessions.on_date(params[:on_date].to_date) if params[:on_date].present?
+  end
+
+  def update
+    @session = Session.find(params[:id])
+
+    @session.attendees.include?(current_user) ? remove_user_from_session : add_user_to_session
+
+    redirect_to schedules_path(on_date: params[:on_date])
+  end
+
+  private
+
+  def remove_user_from_session
+    if @session.attendees.delete(current_user)
+      flash[:notice] = I18n.t("controllers.sessions.remove_user.notice")
+    else
+      flash[:alert] = I18n.t("controllers.sessions.remove_user.alert")
+    end
+  end
+
+  def add_user_to_session
+    if @session.attendees.push(current_user)
+      flash[:notice] = I18n.t("controllers.sessions.add_user.notice")
+    else
+      flash[:alert] = I18n.t("controllers.sessions.add_user.alert")
+    end
+  end
+end

app/controllers/sessions_controller.rb

@@ -1,9 +1,37 @@
 class SessionsController < ApplicationController
   def index
+    @sessions = Session.includes(:location, :speakers, :tags)
+    @sessions = @sessions.on_date(params[:on_date].to_date) if params[:on_date].present?
   end
 
   def show
     @session = Session.find(params[:id])
     @speaker = @session.speakers.first
   end
+
+  def update
+    @session = Session.find(params[:id])
+
+    @session.attendees.include?(current_user) ? remove_user_from_session : add_user_to_session
+
+    redirect_to sessions_path(on_date: params[:on_date])
+  end
+
+  private
+
+  def remove_user_from_session
+    if @session.attendees.delete(current_user)
+      flash[:notice] = I18n.t("controllers.sessions.remove_user.notice")
+    else
+      flash[:alert] = I18n.t("controllers.sessions.remove_user.alert")
+    end
+  end
+
+  def add_user_to_session
+    if @session.attendees.push(current_user)
+      flash[:notice] = I18n.t("controllers.sessions.add_user.notice")
+    else
+      flash[:alert] = I18n.t("controllers.sessions.add_user.alert")
+    end
+  end
 end

app/controllers/user_sessions_controller.rb

@@ -12,15 +12,15 @@ def create
 
     if @user
       login @user
-      redirect_to root_path, notice: t("controllers.sessions.create.notice")
+      redirect_to root_path
     else
-      redirect_to new_user_session_path, alert: t("controllers.sessions.create.alert")
+      redirect_to new_user_session_path
     end
   end
 
   def destroy
     logout
-    redirect_to root_path, notice: t("controllers.sessions.destroy.notice")
+    redirect_to root_path
   end
 
   private

app/helpers/application_helper.rb

@@ -1,2 +1,9 @@
 module ApplicationHelper
+  def session_pill_class(session_date = nil)
+    if request.params[:on_date] == session_date.to_s || (session_date.blank? && request.params[:on_date].blank?)
+      "bg-red text-white"
+    else
+      "bg-white text-red"
+    end
+  end
 end

app/models/conference.rb

@@ -16,4 +16,10 @@ class Conference < ApplicationRecord
   def self.ransackable_attributes(_auth_object = nil)
     %w[name]
   end
+
+  def session_dates
+    Rails.cache.fetch("conference_#{id}_session_dates") do
+      sessions.distinct.pluck(Arel.sql("date(starts_at)")).map(&:to_date)
+    end
+  end
 end

app/models/session.rb

@@ -32,7 +32,18 @@ class Session < ApplicationRecord
 
   validates_datetime :ends_at, after: :starts_at
 
+  scope :on_date, ->(date) { where(starts_at: date.all_day) }
+  scope :from_user, ->(user) { joins(:attendees).where(attendees: {id: user.id}) }
+
+  after_commit :invalidate_cache
+
   def self.ransackable_attributes(_auth_object = nil)
     %w[title]
   end
+
+  private
+
+  def invalidate_cache
+    Rails.cache.delete("conference_#{conference_id}_session_dates")
+  end
 end

app/models/speaker.rb

@@ -11,7 +11,7 @@ class Speaker < ApplicationRecord
 
   has_and_belongs_to_many :sessions
 
-  [:name, :bio, :job_title, :github_url, :twitter_url, :linkedin_url].each do |attr|
+  [:name, :bio, :job_title, :github_url, :twitter_url, :linkedin_url, :image].each do |attr|
     delegate attr, "#{attr}=", to: :profile, allow_nil: true
   end
 

app/views/layouts/_bottom_navbar.html.erb

@@ -1,10 +1,10 @@
 <div class="sticky bottom-0 flex flex-row items-center justify-center gap-8 bg-white py-1 border-t border-b border-gray-7 text-[11px]">
-  <a href="<%= sessions_path %>" class="<%= nav_text_class_for [sessions_path] %> flex flex-col items-center">
-    <%= inline_svg_tag "calendar.svg", class: nav_icon_class_for([sessions_path]) %>
+  <a href="<%= sessions_path %>" class="<%= nav_text_class_for [sessions_path, root_path] %> flex flex-col items-center">
+    <%= inline_svg_tag "calendar.svg", class: nav_icon_class_for([sessions_path, root_path]) %>
     Agenda
   </a>
-  <a href="<%= root_path %>" class="<%= nav_text_class_for [root_path] %> flex flex-col items-center justify-center">
-    <%= inline_svg_tag "clock.svg", class: nav_icon_class_for([root_path]) %>
+  <a href="<%= schedules_path %>" class="<%= nav_text_class_for [schedules_path] %> flex flex-col items-center justify-center">
+    <%= inline_svg_tag "clock.svg", class: nav_icon_class_for([schedules_path]) %>
     My Schedule
   </a>
   <a href="<%= profile_path(current_profile&.uuid) %>" class="<%= nav_text_class_for [profile_path(current_profile&.uuid), edit_profile_path(current_profile&.uuid)] %> flex flex-col items-center justify-center">

app/views/layouts/application.html.erb

@@ -3,6 +3,9 @@
   <head>
     <title>RailsWorld</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="turbo-refresh-scroll" content="preserve">
+    <meta name="turbo-refresh-method" content="morph">
+
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
     <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>

app/views/profiles/show.html.erb

@@ -8,7 +8,7 @@
           </div>
         <% else %>
           <div class="w-[120px] h-[120px] rounded-full bg-slate-300 p-5 flex flex-row items-center justify-center">
-            <%= image_tag url_for("user_avatar.svg") %>
+            <%= image_tag url_for("icons/user_avatar.svg") %>
           </div>
         <% end %>
         <div class="flex flex-col items-start ml-5">

app/views/schedules/index.html.erb

@@ -0,0 +1,28 @@
+<div class="flex flex-col items-center bg-gray-light">
+  <div class="flex flex-col items-center w-full max-w-screen-md px-5 py-10">
+    <div class="flex w-full mb-4">
+      <h1 class="text-4xl italic font-black text-gray-800">My Schedule</h1>
+    </div>
+
+    <div class="flex justify-between w-full mb-6">
+      <div class="flex items-center gap-2 overflow-x-scroll no-scrollbar">
+        <%= link_to 'All dates', sessions_path, class: "flex min-w-fit items-center justify-center px-4 py-2 rounded-full font-medium #{session_pill_class}" %>
+        <% current_conference.session_dates.each do |session_date| %>
+          <%= link_to session_date.strftime("%a, %d"),
+                      sessions_path(on_date: session_date),
+                      class: "flex min-w-fit items-center justify-center px-4 py-2 font-medium rounded-full #{session_pill_class(session_date)}" %>
+        <% end %>
+      </div>
+
+      <div class="flex items-center justify-center ml-3 p-2 bg-white rounded-full min-w-[40px] min-h-[40px]">
+        <%= inline_svg_tag("icons/filters.svg", size: "18") %>
+      </div>
+    </div>
+
+    <div class="flex flex-col w-full h-full">
+      <% @sessions.each do |session| %>
+        <%= render partial:'sessions/card', locals: { session: session, speaker: session.speakers.first} %>
+      <% end %>
+    </div>
+  </div>
+</div>