# frozen_string_literal: true module Decidim # View helpers related to the layout. module LayoutHelper # Public: Generates a set of meta tags that generate the different favicon # versions for an organization. # # Returns a safe String with the versions. def favicon return if current_organization.favicon.blank? safe_join(Decidim::OrganizationFaviconUploader::SIZES.map do |version, size| favicon_link_tag(current_organization.attached_uploader(:favicon).variant_url(version, host: current_organization.host), sizes: "#{size}x#{size}") end) end def apple_favicon icon_image = current_organization.attached_uploader(:favicon).variant_url(:medium, host: current_organization.host) return unless icon_image favicon_link_tag(icon_image, rel: "apple-touch-icon", type: "image/png") end def legacy_favicon icon_image = current_organization.attached_uploader(:favicon).variant_url(:small, host: current_organization.host) return unless icon_image favicon_link_tag(icon_image.gsub(".png", ".ico"), rel: "icon", sizes: "any", type: nil) end # Outputs an SVG-based icon. # # name - The String with the icon name. # options - The Hash options used to customize the icon (default {}): # :width - The Number of width in pixels (optional). # :height - The Number of height in pixels (optional). # :title - The title for the SVG element (optional, similar to alt for img) # :aria_label - The String to set as aria label (optional). # :aria_hidden - The Truthy value to enable aria_hidden (optional). # :role - The String to set as the role (optional). # :class - The String to add as a CSS class (optional). # # Returns a String. def icon(name, options = {}) options = options.with_indifferent_access html_properties = {} html_properties["width"] = options[:width] html_properties["height"] = options[:height] html_properties["aria-label"] = options[:aria_label] || options[:"aria-label"] html_properties["role"] = options[:role] || "img" html_properties["aria-hidden"] = options[:aria_hidden] || options[:"aria-hidden"] html_properties["class"] = (["icon--#{name}"] + _icon_classes(options)).join(" ") title = options["title"] || html_properties["aria-label"] if title.blank? && html_properties["role"] == "img" # This will make the accessibility audit tools happy as with the "img" # role, the alternative text (aria-label) and title are required for the # element. This will also force the SVG to be hidden because otherwise # the screen reader would announce the icon name which can be in # different language (English) than the page language which is not # allowed. title = name html_properties["aria-label"] = title html_properties["aria-hidden"] = true end href = Decidim.cors_enabled ? "" : asset_pack_path("media/images/icons.svg") content_tag :svg, html_properties do inner = content_tag :title, title inner += content_tag :use, nil, "href" => "#{href}#icon-#{name}" inner end end # Outputs a SVG icon from an external file. It apparently renders an image # tag, but then a JS script kicks in and replaces it with an inlined SVG # version. # # path - The asset's path # # Returns an tag with the SVG icon. def external_icon(path, options = {}) classes = _icon_classes(options) + ["external-icon"] if path.split(".").last == "svg" icon_path = application_path(path) return unless icon_path attributes = { class: classes.join(" ") }.merge(options) asset = File.read(icon_path) asset.gsub("