# 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?
- image_tag user_avatar_variant(user, :resize_to_limit => [100, 100]), options
+ user_avatar_variant_tag(user, { :resize_to_limit => [100, 100] }, options)
else
- image_tag "avatar_large.png", options
+ image_tag "avatar.svg", options.merge(:width => 100, :height => 100)
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
- user_gravatar_tag(user, options)
+ user_gravatar_tag(user, options.merge(:size => 50))
elsif user.avatar.attached?
- image_tag user_avatar_variant(user, :resize_to_limit => [50, 50]), options
+ user_avatar_variant_tag(user, { :resize_to_limit => [50, 50] }, options)
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 = {})
- options[:class] ||= "user_thumbnail_tiny"
+ options[:class] ||= "user_thumbnail_tiny border border-secondary-subtle bg-body"
options[:alt] ||= ""
if user.image_use_gravatar
- user_gravatar_tag(user, options)
+ user_gravatar_tag(user, options.merge(:size => 50))
elsif user.avatar.attached?
- image_tag user_avatar_variant(user, :resize_to_limit => [50, 50]), options
+ user_avatar_variant_tag(user, { :resize_to_limit => [50, 50] }, options)
else
- image_tag "avatar_small.png", options
+ image_tag "avatar.svg", options.merge(:width => 50, :height => 50)
end
end
elsif user.avatar.attached?
polymorphic_url(user_avatar_variant(user, :resize_to_limit => [100, 100]), :host => Settings.server_url)
else
- image_url("avatar_large.png")
+ image_url("avatar.svg")
end
end
# External authentication support
def openid_logo
- image_tag "openid_small.png", :alt => t("sessions.new.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(
- image_tag("#{name}.svg", :alt => t("sessions.new.auth_providers.#{name}.alt"), :class => "rounded-lg"),
+ 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 btn btn-light 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)),
:method => :post,
- :class => "auth_button",
- :title => t("sessions.new.auth_providers.#{name}.title")
+ :class => "auth_button btn btn-outline-secondary fs-6 border rounded py-2 px-4 d-flex justify-content-center align-items-center",
+ :title => t("application.auth_providers.#{name}.title")
)
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?
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