2022-03-31 11:08:32 -04:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
|
|
|
# Renders a GlAlert root element
|
|
|
|
module Pajamas
|
|
|
|
class AlertComponent < Pajamas::Component
|
|
|
|
# @param [String] title
|
|
|
|
# @param [Symbol] variant
|
|
|
|
# @param [Boolean] dismissible
|
2022-04-27 08:08:19 -04:00
|
|
|
# @param [Boolean] show_icon
|
2022-03-31 11:08:32 -04:00
|
|
|
# @param [String] alert_class
|
|
|
|
# @param [Hash] alert_data
|
|
|
|
# @param [String] close_button_class
|
|
|
|
# @param [Hash] close_button_data
|
|
|
|
def initialize(
|
2022-04-27 08:08:19 -04:00
|
|
|
title: nil, variant: :info, dismissible: true, show_icon: true,
|
2022-03-31 11:08:32 -04:00
|
|
|
alert_class: nil, alert_data: {}, close_button_class: nil, close_button_data: {})
|
|
|
|
@title = title
|
|
|
|
@variant = variant
|
|
|
|
@dismissible = dismissible
|
2022-04-27 08:08:19 -04:00
|
|
|
@show_icon = show_icon
|
2022-03-31 11:08:32 -04:00
|
|
|
@alert_class = alert_class
|
|
|
|
@alert_data = alert_data
|
|
|
|
@close_button_class = close_button_class
|
|
|
|
@close_button_data = close_button_data
|
|
|
|
end
|
|
|
|
|
2022-04-27 08:08:19 -04:00
|
|
|
def base_class
|
|
|
|
classes = ["gl-alert-#{@variant}"]
|
|
|
|
classes.push('gl-alert-not-dismissible') unless @dismissible
|
|
|
|
classes.push('gl-alert-no-icon') unless @show_icon
|
|
|
|
|
|
|
|
classes.join(' ')
|
|
|
|
end
|
|
|
|
|
2022-03-31 11:08:32 -04:00
|
|
|
private
|
|
|
|
|
|
|
|
delegate :sprite_icon, to: :helpers
|
|
|
|
|
|
|
|
ICONS = {
|
|
|
|
info: 'information-o',
|
|
|
|
warning: 'warning',
|
|
|
|
success: 'check-circle',
|
|
|
|
danger: 'error',
|
|
|
|
tip: 'bulb'
|
|
|
|
}.freeze
|
|
|
|
|
|
|
|
def icon
|
|
|
|
ICONS[@variant]
|
|
|
|
end
|
|
|
|
|
|
|
|
def icon_classes
|
|
|
|
"gl-alert-icon#{' gl-alert-icon-no-title' if @title.nil?}"
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|