Module: DropdownsHelper

Defined in:
app/helpers/dropdowns_helper.rb

Instance Method Summary collapse

Instance Method Details


113
114
115
116
117
118
119
# File 'app/helpers/dropdowns_helper.rb', line 113

def dropdown_content(&block)
  (:div, class: "dropdown-content") do
    if block
      capture(&block)
    end
  end
end

103
104
105
106
107
108
109
110
111
# File 'app/helpers/dropdowns_helper.rb', line 103

def dropdown_filter(placeholder, search_id: nil)
   :div, class: "dropdown-input" do
    filter_output = search_field_tag search_id, nil, data: { qa_selector: "dropdown_input_field" }, id: nil, class: "dropdown-input-field", placeholder: placeholder, autocomplete: 'off'
    filter_output << sprite_icon('search', css_class: 'dropdown-input-search')
    filter_output << sprite_icon('close', size: 16, css_class: 'dropdown-input-clear js-dropdown-input-clear')

    filter_output.html_safe
  end
end

121
122
123
124
125
126
127
128
129
# File 'app/helpers/dropdowns_helper.rb', line 121

def dropdown_footer(add_content_class: false, &block)
  (:div, class: "dropdown-footer") do
    if add_content_class
      (:div, capture(&block), class: "dropdown-footer-content")
    else
      capture(&block)
    end
  end
end

131
132
133
134
# File 'app/helpers/dropdowns_helper.rb', line 131

def dropdown_loading
  spinner = gl_loading_icon(size: "md", css_class: "gl-mt-7")
  (:div, spinner, class: "dropdown-loading")
end

4
5
6
7
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
# File 'app/helpers/dropdowns_helper.rb', line 4

def dropdown_tag(toggle_text, options: {}, &block)
   :div, class: "dropdown #{options[:wrapper_class] if options.key?(:wrapper_class)}" do
    data_attr = { toggle: "dropdown" }

    if options.key?(:data)
      data_attr = options[:data].merge(data_attr)
    end

    dropdown_output = dropdown_toggle(toggle_text, data_attr, options)

    if options.key?(:toggle_link)
      dropdown_output = dropdown_toggle_link(toggle_text, data_attr, options)
    end

     = { class: "dropdown-menu dropdown-select #{options[:dropdown_class] if options.key?(:dropdown_class)}" }
    [:data] = { qa_selector: "#{options[:dropdown_qa_selector]}" } if options[:dropdown_qa_selector]

    dropdown_output << (:div, ) do
      output = []

      if options.key?(:title)
        output << dropdown_title(options[:title])
      end

      if options.key?(:filter)
        output << dropdown_filter(options[:placeholder])
      end

      output << (:div, data: { qa_selector: "dropdown_list_content" }, class: "dropdown-content #{options[:content_class] if options.key?(:content_class)}") do
        capture(&block) if block && !options.key?(:footer_content)
      end

      if block && options[:footer_content]
        output << (:div, class: "dropdown-footer") do
          capture(&block)
        end
      end

      output << dropdown_loading
      output.join.html_safe
    end

    dropdown_output.html_safe
  end
end

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
# File 'app/helpers/dropdowns_helper.rb', line 64

def dropdown_title(title, options: {})
  has_back = options.fetch(:back, false)
  has_close = options.fetch(:close, true)

  container_class = %w[dropdown-title gl-display-flex]
  margin_class = []

  if has_back && has_close
    container_class << 'gl-justify-content-space-between'
  elsif has_back
    margin_class << 'gl-mr-auto'
  elsif has_close
    margin_class << 'gl-ml-auto'
  end

  container_class = container_class.join(' ')
  margin_class = margin_class.join(' ')

   :div, class: container_class do
    title_output = []

    if has_back
      title_output << (:button, class: "dropdown-title-button dropdown-menu-back " + margin_class, aria: { label: "Go back" }, type: "button") do
        sprite_icon('arrow-left')
      end
    end

    title_output << (:span, title, class: margin_class)

    if has_close
      title_output << (:button, class: "dropdown-title-button dropdown-menu-close " + margin_class, aria: { label: "Close" }, type: "button") do
        sprite_icon('close', size: 16, css_class: 'dropdown-menu-close-icon')
      end
    end

    title_output.join.html_safe
  end
end

50
51
52
53
54
55
56
57
# File 'app/helpers/dropdowns_helper.rb', line 50

def dropdown_toggle(toggle_text, data_attr, options = {})
  default_label = data_attr[:default_label]
  (:button, disabled: options[:disabled], class: "dropdown-menu-toggle #{options[:toggle_class] if options.key?(:toggle_class)}", id: (options[:id] if options.key?(:id)), type: "button", data: data_attr) do
    output = (:span, toggle_text, class: "dropdown-toggle-text #{'is-default' if toggle_text == default_label}")
    output << sprite_icon('chevron-down', css_class: "dropdown-menu-toggle-icon gl-top-3")
    output.html_safe
  end
end

59
60
61
62
# File 'app/helpers/dropdowns_helper.rb', line 59

def dropdown_toggle_link(toggle_text, data_attr, options = {})
  output = (:a, toggle_text, class: "dropdown-toggle-text #{options[:toggle_class] if options.key?(:toggle_class)}", id: (options[:id] if options.key?(:id)), data: data_attr)
  output.html_safe
end