Use SVG for OpenID icon on the login screen

[rails.git] / app / helpers / user_helper.rb

diff --git a/app/helpers/user_helper.rb b/app/helpers/user_helper.rb
index c22fef1ea2fa71e8d2f0a922a89e13316d5c5564..4f5d7e0c2d4d52b10a6f5aa227d8c9c5c4f668f6 100644 (file)
--- a/app/helpers/user_helper.rb
+++ b/app/helpers/user_helper.rb
@@ -2,47 +2,41 @@ module UserHelper
   # User images
 
   def user_image(user, options = {})
   # User images
 
   def user_image(user, options = {})

-    options[:class] ||= "user_image"
+    options[:class] ||= "user_image border border-secondary-subtle bg-body"

     options[:alt] ||= ""
 
     if user.image_use_gravatar
       user_gravatar_tag(user, options)
     elsif user.avatar.attached?
     options[:alt] ||= ""
 
     if user.image_use_gravatar
       user_gravatar_tag(user, options)
     elsif user.avatar.attached?

-      image_tag user.avatar.variant(:resize => "100x100>"), options
-    elsif user.image.file?
-      image_tag user.image.url(:large), options
+      user_avatar_variant_tag(user, { :resize_to_limit => [100, 100] }, options)

     else
     else

-      image_tag "avatar_large.png", options
+      image_tag "avatar.svg", options.merge(:width => 100, :height => 100)

     end
   end
 
   def user_thumbnail(user, options = {})
     end
   end
 
   def user_thumbnail(user, options = {})

-    options[:class] ||= "user_thumbnail"
+    options[:class] ||= "user_thumbnail border border-secondary-subtle bg-body"

     options[:alt] ||= ""
 
     if user.image_use_gravatar
     options[:alt] ||= ""
 
     if user.image_use_gravatar

-      user_gravatar_tag(user, options)
+      user_gravatar_tag(user, options.merge(:size => 50))

     elsif user.avatar.attached?
     elsif user.avatar.attached?

-      image_tag user.avatar.variant(:resize => "50x50>"), options
-    elsif user.image.file?
-      image_tag user.image.url(:small), options
+      user_avatar_variant_tag(user, { :resize_to_limit => [50, 50] }, options)

     else
     else

-      image_tag "avatar_small.png", options
+      image_tag "avatar.svg", options.merge(:width => 50, :height => 50)

     end
   end
 
   def user_thumbnail_tiny(user, options = {})
     end
   end
 
   def user_thumbnail_tiny(user, options = {})

-    options[:class] ||= "user_thumbnail_tiny"
+    options[:class] ||= "user_thumbnail_tiny border border-secondary-subtle bg-body"

     options[:alt] ||= ""
 
     if user.image_use_gravatar
     options[:alt] ||= ""
 
     if user.image_use_gravatar

-      user_gravatar_tag(user, options)
+      user_gravatar_tag(user, options.merge(:size => 50))

     elsif user.avatar.attached?
     elsif user.avatar.attached?

-      image_tag user.avatar.variant(:resize => "50x50>"), options
-    elsif user.image.file?
-      image_tag user.image.url(:small), options
+      user_avatar_variant_tag(user, { :resize_to_limit => [50, 50] }, options)

     else
     else

-      image_tag "avatar_small.png", options
+      image_tag "avatar.svg", options.merge(:width => 50, :height => 50)

     end
   end
 
     end
   end
 


@@ -50,31 +44,72 @@ module UserHelper
     if user.image_use_gravatar
       user_gravatar_url(user, options)
     elsif user.avatar.attached?
     if user.image_use_gravatar
       user_gravatar_url(user, options)
     elsif user.avatar.attached?

-      url_for(user.avatar.variant(:resize => "100x100>"))
-    elsif user.image.file?
-      image_url(user.image.url(:large))
+      polymorphic_url(user_avatar_variant(user, :resize_to_limit => [100, 100]), :host => Settings.server_url)

     else
     else

-      image_url("avatar_large.png")
+      image_url("avatar.svg")

     end
   end
 
   # External authentication support
 
   def openid_logo
     end
   end
 
   # External authentication support
 
   def openid_logo

-    image_tag "openid_small.png", :alt => t("users.login.openid_logo_alt"), :class => "openid_logo"
+    image_tag "openid.svg", :size => "36", :alt => t("application.auth_providers.openid_logo_alt"), :class => "align-text-bottom"

   end
 
   def auth_button(name, provider, options = {})
     link_to(
   end
 
   def auth_button(name, provider, options = {})
     link_to(

-      image_tag("#{name}.png", :alt => t("users.login.auth_providers.#{name}.alt")),
+      image_tag("#{name}.svg",
+                :alt => t("application.auth_providers.#{name}.alt"),
+                :class => "rounded-1",
+                :size => "36"),
+      auth_path(options.merge(:provider => provider)),
+      :method => :post,
+      :class => "auth_button p-2 d-block",
+      :title => t("application.auth_providers.#{name}.title")
+    )
+  end
+
+  def auth_button_preferred(name, provider, options = {})
+    link_to(
+      image_tag("#{name}.svg",
+                :alt => t("application.auth_providers.#{name}.alt"),
+                :class => "rounded-1 me-3",
+                :size => "36") + t("application.auth_providers.#{name}.title"),

       auth_path(options.merge(:provider => provider)),
       auth_path(options.merge(:provider => provider)),

-      :class => "auth_button",
-      :title => t("users.login.auth_providers.#{name}.title")
+      :method => :post,
+      :class => "auth_button fs-6 border rounded text-body-secondary text-decoration-none py-2 px-4 d-flex justify-content-center align-items-center",
+      :title => t("application.auth_providers.#{name}.title")

     )
   end
 
   private
 
     )
   end
 
   private
 

+  # Local avatar support
+  def user_avatar_variant_tag(user, variant_options, options)
+    if user.avatar.variable?
+      variant = user.avatar.variant(variant_options)
+      # https://stackoverflow.com/questions/61893089/get-metadata-of-active-storage-variant/67228171
+      if variant.send(:processed?)
+        metadata = variant.processed.send(:record).image.blob.metadata
+        if metadata["width"]
+          options[:width] = metadata["width"]
+          options[:height] = metadata["height"]
+        end
+      end
+      image_tag variant, options
+    else
+      image_tag user.avatar, options
+    end
+  end
+
+  def user_avatar_variant(user, options)
+    if user.avatar.variable?
+      user.avatar.variant(options)
+    else
+      user.avatar
+    end
+  end
+

   # Gravatar support
 
   # See http://en.gravatar.com/site/implement/images/ for details.
   # Gravatar support
 
   # See http://en.gravatar.com/site/implement/images/ for details.


@@ -87,7 +122,7 @@ module UserHelper
 
   def user_gravatar_tag(user, options = {})
     url = user_gravatar_url(user, options)
 
   def user_gravatar_tag(user, options = {})
     url = user_gravatar_url(user, options)

-    options.delete(:size)
+    options[:height] = options[:width] = options.delete(:size) || 100

     image_tag url, options
   end
 end
     image_tag url, options
   end
 end