Class: EasyAdmin::LazyMetricCardComponent

Inherits:
Phlex::HTML
  • Object
show all
Defined in:
app/components/easy_admin/lazy_metric_card_component.rb

Instance Method Summary collapse

Constructor Details

#initialize(metric_config:, record:) ⇒ LazyMetricCardComponent

Returns a new instance of LazyMetricCardComponent.



3
4
5
6
 
# File 'app/components/easy_admin/lazy_metric_card_component.rb', line 3

def initialize(metric_config:, record:)
  @metric_config = metric_config
  @record = record
end

Instance Method Details

#view_template ⇒ Object 



8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
# File 'app/components/easy_admin/lazy_metric_card_component.rb', line 8

def view_template
  div(class: @metric_config[:css_classes]) do
    div(class: "card-body") do
      div(class: "counter-status d-flex md-mb-0") do
        div(class: "counter-icon bg-#{@metric_config[:color]}-transparent") do
          if @metric_config[:icon]
            unsafe_raw "<i class=\"#{@metric_config[:icon]} text-#{@metric_config[:color]}\"></i>"
          end
        end
        
        div(class: "ms-auto") do
          h5(class: "fs-13") { @metric_config[:title] }
          h2(class: "mb-0 fs-22 mb-1 mt-1") do
            render_metric_value
          end
          
          if @metric_config[:trend]
            p(class: "text-muted mb-0 fs-11") do
              trend_icon = trend_positive?(@metric_config[:trend]) ? "si si-arrow-up-circle text-success" : "si si-arrow-down-circle text-danger"
              unsafe_raw "<i class=\"#{trend_icon} me-1\"></i>#{@metric_config[:trend]}"
            end
          end
        end
      end
    end
  end
end