ahoy_captain 0.9 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +8 -4
  3. data/app/assets/javascript/ahoy_captain/controllers/active_links_controller.js +19 -3
  4. data/app/assets/javascript/ahoy_captain/controllers/application_controller.js +8 -0
  5. data/app/assets/javascript/ahoy_captain/controllers/combobox_controller.js +341 -0
  6. data/app/assets/javascript/ahoy_captain/controllers/filter_modal_controller.js +45 -0
  7. data/app/assets/javascript/ahoy_captain/controllers/funnel_chart_controller.js +58 -16
  8. data/app/assets/javascript/ahoy_captain/controllers/interval_controller.js +5 -0
  9. data/app/assets/javascript/ahoy_captain/controllers/line_chart_controller.js +170 -19
  10. data/app/assets/javascript/ahoy_captain/controllers/predicate_select_controller.js +0 -1
  11. data/app/assets/javascript/ahoy_captain/controllers/properties_controller.js +8 -0
  12. data/app/assets/javascript/ahoy_captain/controllers/property_filter_controller.js +46 -0
  13. data/app/assets/javascript/ahoy_captain/controllers/realtime_controller.js +4 -2
  14. data/app/assets/javascript/ahoy_captain/controllers/tile_controller.js +9 -0
  15. data/app/assets/javascript/ahoy_captain/helpers/chart_utils.js +156 -0
  16. data/app/assets/javascript/ahoy_captain/helpers/number_formatters.js +55 -0
  17. data/app/components/ahoy_captain/combobox_component.html.erb +33 -0
  18. data/app/components/ahoy_captain/combobox_component.rb +13 -0
  19. data/app/components/ahoy_captain/comparison_link_component.rb +40 -0
  20. data/app/components/ahoy_captain/filter/dropdown_component.html.erb +8 -6
  21. data/app/components/ahoy_captain/filter/modal_component.html.erb +7 -5
  22. data/app/components/ahoy_captain/filter/select_component.html.erb +23 -21
  23. data/app/components/ahoy_captain/filter/select_component.rb +2 -1
  24. data/app/components/ahoy_captain/filter/tag_component.html.erb +1 -1
  25. data/app/components/ahoy_captain/stats/comparable_container_component.html.erb +25 -0
  26. data/app/components/ahoy_captain/stats/comparable_container_component.rb +86 -0
  27. data/app/components/ahoy_captain/stats/container_component.html.erb +13 -6
  28. data/app/components/ahoy_captain/stats/container_component.rb +16 -1
  29. data/app/components/ahoy_captain/sticky_nav_component.html.erb +7 -4
  30. data/app/components/ahoy_captain/sticky_nav_component.rb +3 -0
  31. data/app/components/ahoy_captain/table_component.rb +13 -4
  32. data/app/components/ahoy_captain/tables/devices_table_component.rb +11 -0
  33. data/app/components/ahoy_captain/tables/dynamic_table.rb +13 -0
  34. data/app/components/ahoy_captain/tables/dynamic_table_component.rb +204 -0
  35. data/app/components/ahoy_captain/tables/goals_table_component.rb +17 -0
  36. data/app/components/ahoy_captain/tables/header_component.html.erb +5 -0
  37. data/app/components/ahoy_captain/tables/header_component.rb +18 -0
  38. data/app/components/ahoy_captain/tables/headers/header_component.rb +4 -0
  39. data/app/components/ahoy_captain/tables/properties_table_component.rb +27 -0
  40. data/app/components/ahoy_captain/tables/row_component.html.erb +4 -0
  41. data/app/components/ahoy_captain/tables/rows/row_component.rb +0 -1
  42. data/app/components/ahoy_captain/tile_component.html.erb +19 -9
  43. data/app/components/ahoy_captain/tile_component.rb +2 -1
  44. data/app/controllers/ahoy_captain/application_controller.rb +7 -16
  45. data/app/controllers/ahoy_captain/exports_controller.rb +1 -2
  46. data/app/controllers/ahoy_captain/filters/base_controller.rb +1 -3
  47. data/app/controllers/ahoy_captain/filters/goals_controller.rb +9 -0
  48. data/app/controllers/ahoy_captain/filters/pages/actions_controller.rb +1 -1
  49. data/app/controllers/ahoy_captain/filters/pages/entry_pages_controller.rb +1 -1
  50. data/app/controllers/ahoy_captain/filters/pages/exit_pages_controller.rb +1 -1
  51. data/app/controllers/ahoy_captain/filters/properties/values_controller.rb +4 -4
  52. data/app/controllers/ahoy_captain/filters/utms_controller.rb +1 -1
  53. data/app/controllers/ahoy_captain/properties_controller.rb +41 -0
  54. data/app/controllers/ahoy_captain/stats/base_controller.rb +86 -5
  55. data/app/controllers/ahoy_captain/stats/bounce_rates_controller.rb +1 -1
  56. data/app/controllers/ahoy_captain/stats/total_pageviews_controller.rb +1 -1
  57. data/app/controllers/ahoy_captain/stats/total_visits_controller.rb +1 -1
  58. data/app/controllers/ahoy_captain/stats/unique_visitors_controller.rb +2 -1
  59. data/app/controllers/ahoy_captain/stats/views_per_visits_controller.rb +1 -10
  60. data/app/controllers/ahoy_captain/stats/visit_durations_controller.rb +1 -1
  61. data/app/helpers/ahoy_captain/application_helper.rb +35 -9
  62. data/app/models/ahoy_captain/comparison_mode.rb +72 -0
  63. data/app/models/ahoy_captain/filter_parser.rb +33 -18
  64. data/app/models/ahoy_captain/range_from_params.rb +75 -0
  65. data/app/models/ahoy_captain/rangeable.rb +0 -3
  66. data/app/models/concerns/ahoy_captain/compare_mode.rb +19 -0
  67. data/app/models/concerns/ahoy_captain/limitable.rb +17 -0
  68. data/app/models/concerns/ahoy_captain/range_options.rb +1 -14
  69. data/app/presenters/ahoy_captain/dashboard_presenter.rb +18 -54
  70. data/app/queries/ahoy_captain/application_query.rb +74 -10
  71. data/app/queries/ahoy_captain/event_query.rb +7 -2
  72. data/app/queries/ahoy_captain/stats/average_views_per_visit_query.rb +11 -4
  73. data/app/queries/ahoy_captain/stats/average_visit_duration_query.rb +14 -2
  74. data/app/queries/ahoy_captain/stats/base_query.rb +18 -0
  75. data/app/queries/ahoy_captain/stats/bounce_rates_query.rb +15 -1
  76. data/app/queries/ahoy_captain/stats/total_pageviews_query.rb +2 -2
  77. data/app/queries/ahoy_captain/stats/total_visitors_query.rb +1 -1
  78. data/app/queries/ahoy_captain/stats/unique_visitors_query.rb +1 -1
  79. data/app/queries/ahoy_captain/stats/views_per_visit_query.rb +1 -1
  80. data/app/queries/ahoy_captain/stats/visit_duration_query.rb +3 -3
  81. data/app/queries/ahoy_captain/visit_query.rb +1 -2
  82. data/app/queries/concerns/ahoy_captain/comparable_queries.rb +25 -0
  83. data/app/queries/concerns/ahoy_captain/comparable_query.rb +138 -0
  84. data/app/queries/concerns/ahoy_captain/lazy_comparable_query.rb +42 -0
  85. data/app/views/ahoy_captain/devices/_table.html.erb +1 -4
  86. data/app/views/ahoy_captain/goals/index.html.erb +1 -4
  87. data/app/views/ahoy_captain/layouts/application.html.erb +0 -1
  88. data/app/views/ahoy_captain/properties/_form.html.erb +6 -0
  89. data/app/views/ahoy_captain/properties/index.html.erb +3 -0
  90. data/app/views/ahoy_captain/properties/show.html.erb +6 -0
  91. data/app/views/ahoy_captain/roots/_filters.html.erb +47 -1
  92. data/app/views/ahoy_captain/roots/show.html.erb +60 -31
  93. data/app/views/ahoy_captain/stats/base/index.html.erb +36 -8
  94. data/app/views/ahoy_captain/stats/show.html.erb +8 -10
  95. data/config/routes.rb +2 -0
  96. data/lib/ahoy_captain/ahoy/event_methods.rb +13 -15
  97. data/lib/ahoy_captain/configuration.rb +7 -6
  98. data/lib/ahoy_captain/engine.rb +4 -0
  99. data/lib/ahoy_captain/filters_configuration.rb +5 -1
  100. data/lib/ahoy_captain/version.rb +1 -1
  101. data/lib/ahoy_captain.rb +6 -1
  102. data/lib/generators/ahoy_captain/templates/config.rb.tt +7 -0
  103. metadata +35 -12
  104. data/app/assets/javascript/ahoy_captain/controllers/filter_tag_controller.js +0 -20
  105. data/app/assets/javascript/ahoy_captain/controllers/search_select_controller.js +0 -65
  106. data/app/components/ahoy_captain/tables/headers/devices_header_component.html.erb +0 -3
  107. data/app/components/ahoy_captain/tables/headers/devices_header_component.rb +0 -9
  108. data/app/components/ahoy_captain/tables/headers/goals_header_component.html.erb +0 -6
  109. data/app/components/ahoy_captain/tables/headers/goals_header_component.rb +0 -9
  110. data/app/components/ahoy_captain/tables/rows/devices_row_component.html.erb +0 -5
  111. data/app/components/ahoy_captain/tables/rows/devices_row_component.rb +0 -12
  112. data/app/components/ahoy_captain/tables/rows/goals_row_component.html.erb +0 -11
  113. data/app/components/ahoy_captain/tables/rows/goals_row_component.rb +0 -20
@@ -1,23 +1,25 @@
1
- <fieldset class="flex space-x-4 items-end" data-controller="predicate-select">
2
- <div class="flex flex-col w-[20%]">
3
- <label class="label"><%= label %></label>
4
- <select class='select select-bordered' data-action='change->predicate-select#handleChange'>
5
- <% @predicates.each do |predicate| %>
6
- <option value="<%= option_value(predicate) %>" <%= 'selected' if selected_predicate?(predicate) %>>
7
- <%= predicate_label(predicate) %>
8
- </option>
9
- <% end %>
10
- </select>
1
+ <div class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"><%= label %></div>
2
+ <fieldset class="grid grid-cols-11 mb-3" data-controller="predicate-select">
3
+ <div class="col-span-3 mr-2">
4
+ <div class="w-full">
5
+ <div class="relative inline-block text-left w-full">
6
+ <div class="w-full">
7
+ <% if @predicates.any? %>
8
+ <select id="<%= column %>_predicate" class='select border-0 select-primary bg-gray-900 ring-0 focus-within:ring-0 focus-within:ring-0 focus:ring-0 focus:outline-none inline-flex justify-between items-center w-full rounded-md ' data-action='change->predicate-select#handleChange'>
9
+ <% @predicates.each do |predicate| %>
10
+ <option value="<%= option_value(predicate) %>" <%= 'selected' if selected_predicate?(predicate) %>>
11
+ <%= predicate_label(predicate) %>
12
+ </option>
13
+ <% end %>
14
+ </select>
15
+ <% end %>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>
20
+ <div class="col-span-8">
21
+ <div class="relative w-full">
22
+ <%= render ::AhoyCaptain::ComboboxComponent.new(name: column_name_with_predicate, multiple: multiple, column: column, url: url, value: values) %>
23
+ </div>
11
24
  </div>
12
-
13
- <select
14
- data-predicate-select-target="select"
15
- data-controller="search-select"
16
- class='w-[50%] border-base-content border-opacity-20 rounded-lg min-h-[3rem]'
17
- name="<%= column_name_with_predicate %>"
18
- <% if multiple %>multiple<% end %>
19
- data-search-select-query-value="q[<%= column %>_i_cont]"
20
- data-search-select-url-value="<%= url %>"
21
- data-search-select-selected-value="<%= values %>"
22
- ></select>
23
25
  </fieldset>
@@ -1,13 +1,14 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  class AhoyCaptain::Filter::SelectComponent < ViewComponent::Base
4
- def initialize(label:, column:, url:, predicates:, form:, multiple: true)
4
+ def initialize(label:, column:, url:, predicates:, form:, multiple: true, input_html: {})
5
5
  @label = label
6
6
  @column = column
7
7
  @url = url
8
8
  @predicates = predicates
9
9
  @form = form
10
10
  @multiple = multiple
11
+ @input_html_options = input_html
11
12
  end
12
13
 
13
14
  private
@@ -1,6 +1,6 @@
1
1
  <div class="bg-base-200 py-2 px-4 mx-2 flex items-center text-base-content" data-controller="filter--item" data-filter--item-modal-value="<%= tag_item.modal %>">
2
2
  <span data-action='click->filter--item#openModal'>
3
- <%= tag_item.column.titleize %> <%= tag_item.predicate %>
3
+ <%= tag_item.column.titleize %> <%= tag_item.predicate.titleize %>
4
4
  <span class="font-bold">
5
5
  <%= tag_item.label %>
6
6
  </span>
@@ -0,0 +1,25 @@
1
+ <a href="<%= @url %>" class="relative px-4 md:px-6 w-1/2 my-4 w-auto group cursor-pointer" data-turbo-frame="chart">
2
+ <div>
3
+ <h5 class="text-sm font-bold uppercase whitespace-nowrap flex w-content border-transparent tooltip tooltip-bottom "
4
+ data-active-links-target="link" data-tip="<%= tooltip %>">
5
+ <%= @label %>
6
+ <div class="<%= klass %> ms-2"><%= arrow %></div>
7
+ </h5>
8
+ <div class="md:block flex gap-4">
9
+ <div>
10
+ <span class="flex items-center justify-between whitespace-nowrap">
11
+ <p class="font-bold text-xl"><%= formatted(value.current) %></p>
12
+ </span>
13
+ <% if compare_mode? %>
14
+ <p class="text-xs"><%= range_string %></p>
15
+ <% end %>
16
+ </div>
17
+ <% if compare_mode? %>
18
+ <div>
19
+ <p class="font-bold text-xl text-gray-500"><%= formatted(value.compared_to) %></p>
20
+ <p class="text-xs text-gray-500"><%= compare_range_string %></p>
21
+ </div>
22
+ <% end %>
23
+ </div>
24
+ </div>
25
+ </a>
@@ -0,0 +1,86 @@
1
+ module AhoyCaptain
2
+ module Stats
3
+ class ComparableContainerComponent < ViewComponent::Base
4
+ include CompareMode
5
+ include Rangeable
6
+
7
+ def initialize(url, label, comparable, formatter = nil, selected = false, compare = false)
8
+ @url = url
9
+ @label = label
10
+ @comparable = comparable
11
+ @formatter = formatter
12
+ @selected = selected
13
+ @compare = compare
14
+ end
15
+
16
+ def compare?
17
+ @compare
18
+ end
19
+
20
+ def klass
21
+ if percentage.negative?
22
+ "text-red-400"
23
+ else
24
+ "text-green-400"
25
+ end
26
+ end
27
+
28
+ # 〰 ↓ ↑
29
+ def arrow
30
+ if percentage.negative?
31
+ "↓"
32
+ elsif percentage.positive?
33
+ "↑"
34
+ else
35
+ "〰"
36
+ end
37
+ end
38
+
39
+ def percentage
40
+ begin
41
+ diff = value.current - value.compared_to
42
+ if diff.zero?
43
+ return 0
44
+ end
45
+ (value.current / diff).round(2) * 100
46
+ rescue ZeroDivisionError
47
+ 0
48
+ end
49
+ end
50
+
51
+ def number_to_duration(duration)
52
+ if duration
53
+ "#{duration.in_minutes.to_i}M #{duration.parts[:seconds].to_i}S"
54
+ else
55
+ "0M 0S"
56
+ end
57
+ end
58
+
59
+ def compare_range_string
60
+ range_to_string(@comparable.compare_range)
61
+ end
62
+
63
+ def range_string
64
+ range_to_string(@comparable.range)
65
+ end
66
+
67
+ def value
68
+ @comparable.result
69
+ end
70
+
71
+ def tooltip
72
+ "#{formatted(value.current)} vs #{formatted(value.compared_to)} — #{number_to_percentage percentage} (#{arrow}) "
73
+ end
74
+
75
+ def formatted(value)
76
+ public_send(@formatter, value)
77
+ end
78
+
79
+ private
80
+
81
+ def range_to_string(range)
82
+ [range[0], range[1]].map { |item| item.strftime('%m %B') }.join(' - ')
83
+ end
84
+ end
85
+ end
86
+ end
@@ -1,8 +1,15 @@
1
- <a href="<%= @url %>" class="hover:text-primary text-base-content" data-turbo-frame="chart">
2
- <dt class="font-normal"><%= @label %></dt>
3
- <dd class="mt-1 flex items-baseline justify-between md:block lg:flex">
4
- <div class="flex items-baseline text-2xl font-semibold">
5
- <%= @value %>
1
+ <a href="<%= @url %>" class="relative px-4 md:px-6 w-1/2 my-4 lg:w-auto group cursor-pointer" data-turbo-frame="chart">
2
+ <div>
3
+ <h5 class="text-sm font-bold uppercase whitespace-nowrap flex w-content border-transparent tooltip tooltip-bottom "
4
+ data-active-links-target="link">
5
+ <%= @label %>
6
+ </h5>
7
+ <div class="my-1 space-y-2">
8
+ <div>
9
+ <span class="flex items-center justify-between whitespace-nowrap">
10
+ <p class="font-bold text-xl"><%= formatted(@value) %></p>
11
+ </span>
12
+ </div>
6
13
  </div>
7
- </dd>
14
+ </div>
8
15
  </a>
@@ -1,10 +1,25 @@
1
1
  module AhoyCaptain
2
2
  module Stats
3
3
  class ContainerComponent < ViewComponent::Base
4
- def initialize(url, label, value)
4
+ def initialize(url, label, value, formatter, selected = false)
5
5
  @url = url
6
6
  @label = label
7
7
  @value = value
8
+ @formatter = formatter
9
+ @selected = selected
10
+ end
11
+
12
+ def formatted(value)
13
+ public_send(@formatter, value)
14
+ end
15
+
16
+
17
+ def number_to_duration(duration)
18
+ if duration
19
+ "#{duration.in_minutes.to_i}M #{duration.parts[:seconds].to_i}S"
20
+ else
21
+ "0M 0S"
22
+ end
8
23
  end
9
24
  end
10
25
  end
@@ -1,7 +1,7 @@
1
1
  <div class="max-w-6xl flex justify-between sticky top-0 min-h-sm z-[99999] py-4 bg-base-100">
2
2
  <div class="flex items-center">
3
3
  <a href="/">
4
- <img src="<%= image_path "ahoy_captain/logo.png" %>" alt="AhoyCaptainLogo" class='w-16 h-16 rounded-full'>
4
+ <img src="<%= image_path "ahoy_captain/logo.png" %>" alt="AhoyCaptainLogo" class='max-h-20 md:h-16 rounded-full'>
5
5
  </a>
6
6
  <% if tag_list_hidden? %>
7
7
  <%= render AhoyCaptain::Filter::TagContainerComponent.new %>
@@ -9,14 +9,17 @@
9
9
  <%= realtime_update %>
10
10
  <% end %>
11
11
  </div>
12
- <div class="flex flex-row-reverse col-span-2 items-center">
13
- <%= render AhoyCaptain::DropdownLinkComponent.new(title: params[:start_date] ? "Custom Range" : (AhoyCaptain.config.ranges.find(params[:period]).try(:label) || "Period"), classes: 'btn btn-base-100 no-underline hover:bg-base-100') do |dropdown| %>
12
+ <div class="flex flex-row-reverse col-span-2 items-center gap-3">
13
+ <%= render AhoyCaptain::ComparisonLinkComponent.new %>
14
+
15
+ <%= render AhoyCaptain::DropdownLinkComponent.new(title: params[:start_date] ? "Custom Range" : (AhoyCaptain.config.ranges.find(params[:period] || AhoyCaptain.config.ranges.default).try(:label) || "Period"), classes: 'btn btn-sm btn-base-100 no-underline hover:bg-base-100') do |dropdown| %>
14
16
  <% dropdown.with_option do %>
15
17
  <% AhoyCaptain.config.ranges.each do |param, range| %>
16
- <a class='link no-underline' href="<%= request.path %>?<%= request.query_parameters.except("start_date", "end_date").merge("period" => param).to_query %>"><%= range.label %></a>
18
+ <a class='link no-underline' href="<%= request.path %>?<%= request.query_parameters.except("start_date", "end_date", "date", "compare_to_start_date", "compare_to_end_date").merge("period" => param).to_query %>"><%= range.label %></a>
17
19
  <% end %>
18
20
 
19
21
  <a class='link no-underline ' href='#' onclick="event.preventDefault(); customRangeModal.showModal()">Custom range</a>
22
+ <a class='link no-underline ' href='<%= AhoyCaptain::Engine.routes.url_helpers.root_path(**helpers.search_params.merge(comparison: !compare_mode?)) %>'><%= compare_mode? ? "Disable Comparison" : "Compare" %></a>
20
23
  <% end %>
21
24
  <% end %>
22
25
 
@@ -2,6 +2,9 @@
2
2
 
3
3
  class AhoyCaptain::StickyNavComponent < ViewComponent::Base
4
4
  renders_one :realtime_update
5
+ include ::AhoyCaptain::CompareMode
6
+ include ::AhoyCaptain::RangeOptions
7
+ include ::AhoyCaptain::Rangeable
5
8
 
6
9
  def filters
7
10
  @filters ||= ::AhoyCaptain::FilterParser.parse(request)
@@ -4,21 +4,30 @@ class AhoyCaptain::TableComponent < ViewComponent::Base
4
4
  DEFAULT_HEADER = AhoyCaptain::Tables::Headers::HeaderComponent
5
5
  DEFAULT_ROW = AhoyCaptain::Tables::Rows::RowComponent
6
6
 
7
- def initialize(items:, category_name: nil, unit_name: nil, header: nil, row: DEFAULT_ROW)
7
+ def initialize(items:, category_name: nil, unit_name: nil, header: nil, row: DEFAULT_ROW, table: nil)
8
8
  @items = items
9
9
  @category_name = category_name
10
10
  @unit_name = unit_name
11
- @additional_cols = additional_cols
12
11
  if header.nil?
13
12
  @header = DEFAULT_HEADER.new(category_name: category_name, unit_name: unit_name)
14
13
  else
15
14
  @header = header.new
16
15
  end
16
+
17
17
  @row = row
18
+
19
+ if table
20
+ @table = table.table
21
+ @header = @table.headers
22
+ end
18
23
  end
19
24
 
20
25
  def render_row(item)
21
- @row.new(table: self, item: item).render_in(view_context)
26
+ if @table
27
+ @table.row(item, view_context)
28
+ else
29
+ @row.new(table: self, item: item).render_in(view_context)
30
+ end
22
31
  end
23
32
 
24
33
  private
@@ -34,6 +43,6 @@ class AhoyCaptain::TableComponent < ViewComponent::Base
34
43
  end
35
44
 
36
45
  def fixed_height?
37
- !@header.is_a?(::AhoyCaptain::Tables::Headers::GoalsHeaderComponent)
46
+ @header.fixed_height?
38
47
  end
39
48
  end
@@ -0,0 +1,11 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class DevicesTableComponent < DynamicTable
4
+ register do
5
+ progress_bar :display_name, value: :count, max: :total_count, title: "Device"
6
+ number :count, title: "Visitors"
7
+ end
8
+
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,13 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class DynamicTable
4
+ def self.register(options = {}, &block)
5
+ @table ||= DynamicTableComponent.build(self, options, &block)
6
+ end
7
+
8
+ def self.table
9
+ @table
10
+ end
11
+ end
12
+ end
13
+ end
@@ -0,0 +1,204 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class DynamicTableComponent < ViewComponent::Base
4
+ class TableDefinition
5
+ attr_reader :rows
6
+ class Row
7
+ attr_reader :attribute, :view_context
8
+ attr_reader :item
9
+ def initialize(attribute, options = {}, &block)
10
+ @attribute = attribute
11
+ @options = options
12
+ @block = block
13
+ @view_context = nil
14
+ end
15
+
16
+ def render(item, view_context)
17
+ @view_context = view_context
18
+ @item = item
19
+ if @options[:type] == :progress_bar
20
+ progress_bar(item)
21
+ else
22
+ if @block
23
+ column(@block.call(item))
24
+ else
25
+ column(item.public_send(attribute).presence)
26
+ end
27
+ end
28
+
29
+ end
30
+
31
+ def header
32
+ @options[:title] || @attribute.to_s.titleize
33
+ end
34
+
35
+ def link_to(*args)
36
+ @view_context.link_to(*args)
37
+ end
38
+
39
+ def request
40
+ @view_context.request
41
+ end
42
+
43
+ def h
44
+ @view_context.helpers
45
+ end
46
+
47
+ def search_params
48
+ @view_context.search_params
49
+ end
50
+
51
+ # needed for tricky instance_eval with blocks and view_context
52
+ def method_missing(method, *args, &block)
53
+ if klass.respond_to?(method)
54
+ klass.send(method, *args, &block)
55
+ else
56
+ @item.send method, *args, &block
57
+ end
58
+ end
59
+
60
+ def klass
61
+ @options[:klass]
62
+ end
63
+
64
+ def progress_bar(item)
65
+ @item = item
66
+ value = if @options[:value]
67
+ build_option(item, @options[:value]).to_s
68
+ else
69
+ item.public_send(@attribute)
70
+ end
71
+
72
+ max = build_option(item, @options[:max]).to_s
73
+ label = if @block
74
+ instance_eval(&@block)
75
+ else
76
+ item.public_send(@attribute)
77
+ end.to_s
78
+
79
+ items = []
80
+ items << view_context.content_tag(:progress, "", class: "progress-primary bg-base-100 h-8 grow", value: value, max: max)
81
+ items << view_context.content_tag(:span, class: "grow text-elipsis overflow-hidden absolute left-4 bottom-3 h-8 text-primary-content") do
82
+ label
83
+ end
84
+
85
+ items.join.html_safe
86
+ end
87
+
88
+ def build_option(item, value)
89
+ if value.is_a?(Symbol)
90
+ item.public_send(value)
91
+ else
92
+ value
93
+ end
94
+ end
95
+
96
+ def column(value = nil, &block)
97
+ view_context.content_tag(:span, class: "w-8 ml-8 text-right") do
98
+ if value
99
+ if @options[:formatter]
100
+ if respond_to?(@options[:formatter])
101
+ public_send(@options[:formatter], value)
102
+ else
103
+ view_context.public_send(@options[:formatter], value)
104
+ end
105
+ else
106
+ value.to_s
107
+ end
108
+ else
109
+ view_context.capture(&block).to_s
110
+ end
111
+ end
112
+ end
113
+
114
+ def number_to_human(amount)
115
+ tooltip(amount) do
116
+ view_context.number_to_human(amount, format: '%n%u', precision: 2, units: { thousand: 'k', million: 'm', billion: 'b' })
117
+ end
118
+ end
119
+
120
+ def percent_total(item)
121
+ '%.1f' % ((item.unit_amount.to_i * 1.0 / total)*100.0)
122
+ end
123
+
124
+ def tooltip(value)
125
+ AhoyCaptain::TooltipComponent.new(amount: value).render_in(view_context)
126
+ end
127
+ end
128
+
129
+ def initialize(klass)
130
+ @klass = klass
131
+ @rows = []
132
+ end
133
+
134
+ def column(key = nil, options = {}, &block)
135
+ options[:klass] = @klass
136
+ @rows << Row.new(key, options, &block)
137
+
138
+ self
139
+ end
140
+
141
+ def progress_bar(*args, &block)
142
+ options = args.extract_options!
143
+ options.assert_valid_keys(:value, :max, :title)
144
+ options[:klass] = @klass
145
+
146
+ @rows << Row.new(args[0], options.merge(type: :progress_bar), &block)
147
+
148
+ self
149
+ end
150
+
151
+ def number(key = nil, options = {}, &block)
152
+ options[:klass] = @klass
153
+
154
+ @rows << Row.new(key, options.merge(formatter: :number_to_human), &block)
155
+
156
+ self
157
+ end
158
+
159
+ def percent(key = nil, options = {}, &block)
160
+ options[:klass] = @klass
161
+
162
+ @rows << Row.new(key, options.merge(formatter: :number_to_percentage), &block)
163
+
164
+ self
165
+ end
166
+
167
+ def row(item, view_context)
168
+ items = []
169
+ @rows.each do |row|
170
+ items << row.render(item, view_context)
171
+ end
172
+ items.join.html_safe
173
+ end
174
+ end
175
+
176
+ def self.build(klass, options = {}, &block)
177
+ if options.key?(:fixed_height)
178
+ options[:header_options] = { fixed_height: options.delete(:fixed_height) }
179
+ end
180
+ table = TableDefinition.new(klass).instance_exec(&block)
181
+ new(klass, table, options)
182
+ end
183
+
184
+ def initialize(klass, table, options = {})
185
+ @klass = klass
186
+ @table = table
187
+ @options = options
188
+ end
189
+
190
+ def for(item)
191
+ @item = item
192
+ self
193
+ end
194
+
195
+ def row(item, view_context)
196
+ @table.row(item, view_context)
197
+ end
198
+
199
+ def headers
200
+ HeaderComponent.new(@table.rows.map.with_index { |row, index| { label: row.header, grow: index.zero? } }, @options[:header_options] || {})
201
+ end
202
+ end
203
+ end
204
+ end
@@ -0,0 +1,17 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class GoalsTableComponent < DynamicTable
4
+ register fixed_height: false do
5
+ progress_bar value: :cr, max: 100, title: "Name" do |row|
6
+ search_params = view_context.search_params
7
+ query = search_params.dup.merge(q: { goal_in: row.goal_id}).to_query
8
+ url = AhoyCaptain::Engine.app.url_helpers.root_path + "?#{query}"
9
+ link_to row.item.name, url, target: :_top
10
+ end
11
+ number :unique_visits, title: "Uniques"
12
+ number :total_events, title: "Total"
13
+ percent :cr, title: "CR"
14
+ end
15
+ end
16
+ end
17
+ end
@@ -0,0 +1,5 @@
1
+ <div class="flex text-sm font-bold mb-4">
2
+ <% @headers.each do |header| %>
3
+ <span class="<%= header[:grow] ? 'grow' : 'w-8 ml-8 text-right' %>"><%= header[:label] %></span>
4
+ <% end %>
5
+ </div>
@@ -0,0 +1,18 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class HeaderComponent < ViewComponent::Base
4
+ def initialize(headers, options = {})
5
+ @headers = headers.flatten
6
+ @options = options
7
+ end
8
+
9
+ def fixed_height?
10
+ if @options.key?(:fixed_height)
11
+ @options[:fixed_height]
12
+ else
13
+ true
14
+ end
15
+ end
16
+ end
17
+ end
18
+ end
@@ -6,6 +6,10 @@ module AhoyCaptain
6
6
  @category_name = category_name
7
7
  @unit_name = unit_name
8
8
  end
9
+
10
+ def fixed_height?
11
+ true
12
+ end
9
13
  end
10
14
  end
11
15
  end
@@ -0,0 +1,27 @@
1
+ module AhoyCaptain
2
+ module Tables
3
+ class PropertiesTableComponent < DynamicTable
4
+ register do
5
+ progress_bar :label, value: :percentage, max: 100, title: "Name" do |item|
6
+ link_to item.label, url(item), target: :_top
7
+ end
8
+ number :unique_visitors_count, title: "Visitors"
9
+ number :events_count, title: "Events"
10
+ percent :percentage, title: "%"
11
+ end
12
+
13
+ def self.url(item)
14
+ name = Base64.decode64(item.request.params[:id])
15
+ params = item.search_params.dup
16
+ if params["q"] && params["q"].key?("properties_json_cont")
17
+ json = JSON.parse(params["q"]["properties_json_cont"])
18
+ json[name] = item.item.label
19
+ params["q"]["properties_json_cont"] = json.to_json
20
+ else
21
+ params[:q] = { "properties_json_cont" => { name => item.item.label }.to_json }
22
+ end
23
+ params
24
+ end
25
+ end
26
+ end
27
+ end
@@ -0,0 +1,4 @@
1
+ <% @rows.each do |row| %>
2
+ <%= row.render(@item, view_context) %>
3
+
4
+ <% end %>
@@ -27,7 +27,6 @@ module AhoyCaptain
27
27
  end
28
28
  end
29
29
 
30
-
31
30
  def percent_total(item)
32
31
  '%.1f' % ((item.unit_amount.to_i * 1.0 / total)*100.0)
33
32
  end