users comparison

config/routes.cr

@@ -22,6 +22,7 @@ Amber::Server.configure do |app|
   routes :web do
     get "/", HomeController, :index
     get "/about", HomeController, :about
+    get "/compare", HomeController, :compare
     get "/races/:id", RacesController, :show
     get "/users", UsersController, :index
     get "/users/:id", UsersController, :show

public/stylesheets/main.css

@@ -155,6 +155,28 @@ table td, table th {
   }
 }
 
+.users-comparison-container {
+  display: flex;
+}
+
+.users-comparison-item {
+  padding: 20px;
+  border: 1px solid #ccc;
+  margin-right: 10px;
+  border-radius: 4px;
+  width: 24%;
+}
+
+.users-comparison-results {
+  display: flex;
+  flex-direction: column;
+}
+
+.users-comparison-result .line {
+  display: flex;
+  flex-direction: column;
+}
+
 .user-info {
   padding: 10px 0;
 }

src/controllers/home_controller.cr

@@ -4,7 +4,27 @@ class HomeController < ApplicationController
     render("index.slang")
   end
 
+  def compare
+    # users = User.all.where { _id.in(user_ids) } # TODO: failed as Crystal compiler error
+    users = get_users
+    render("compare.slang")
+  end
+
   def about
     render("about.slang")
   end
+
+  private def get_users
+    @params["user_ids"]? ?
+      User.all.find_by_sql("SELECT * FROM users WHERE id IN (#{template})", user_ids) :
+      [] of User
+  end
+
+  private def user_ids
+    @params["user_ids"].split(',').reject { |e| e == "" }.uniq.first(4)
+  end
+
+  private def template
+    user_ids.map_with_index { |_, i| "$#{i + 1}" }.join(',')
+  end
 end

src/helpers/main_menu.cr

@@ -4,6 +4,7 @@ class MainMenu
       "/"      => "Мультиспорт Приморского края",
       "/users" => "Спортсмены",
       "/teams" => "Команды",
+      "/compare" => "Сравнение",
       "/about" => "О сайте",
     }
   end

src/models/user.cr

@@ -10,6 +10,7 @@ class User < Jennifer::Model::Base
   )
 
   has_many :races, Race
+  has_many :results, Result
 
   def self.search(name)
     all.find_by_sql "SELECT users.* FROM users WHERE users.name ILIKE $1 ORDER BY users.name COLLATE \"C\"", ["%#{name}%"]

src/views/home/compare.slang

@@ -0,0 +1,18 @@
+h1 = "Сравнение"
+
+.users-comparison-container
+  - users.each do |user|
+    .users-comparison-item
+      h2 = user.name
+      .users-comparison-results
+        - user.results.each do |result|
+            .users-comparison-result
+              .line
+                = result.race!.title
+              .line
+                = result.time
+
+css:
+  .wide {
+    width: 95%;
+  }