workarea-admin 3.4.45 → 3.5.0.beta.1

data/app/views/workarea/admin/reports/sales_by_product.html.haml

@@ -21,10 +21,13 @@
         %tr
           %th= t('workarea.admin.fields.product')
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.units_sold'), report: @report, sort_by: 'units_sold'
+          %th.align-center= link_to_reports_sorting t('workarea.admin.fields.units_canceled'), report: @report, sort_by: 'units_canceled'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.orders'), report: @report, sort_by: 'orders'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.average_price'), report: @report, sort_by: 'average_price'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.merchandise'), report: @report, sort_by: 'merchandise'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.discounts'), report: @report, sort_by: 'discounts'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.tax'), report: @report, sort_by: 'tax'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.refund'), report: @report, sort_by: 'refund'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.revenue'), report: @report, sort_by: 'revenue'
       %tbody
         - @report.results.each do |result|
@@ -35,8 +38,11 @@
               - else
                 = result._id
             %td.align-center= number_with_delimiter result.units_sold
+            %td.align-center= number_with_delimiter result.units_canceled
             %td.align-center= number_with_delimiter result.orders
+            %td.align-right= number_to_currency(result.average_price)
             %td.align-right= number_to_currency(result.merchandise)
             %td.align-right= number_to_currency(result.discounts)
             %td.align-right= number_to_currency(result.tax)
+            %td.align-right= number_to_currency(result.refund)
             %td.align-right= number_to_currency(result.revenue)

data/app/views/workarea/admin/reports/sales_by_sku.html.haml

@@ -21,10 +21,13 @@
         %tr
           %th= link_to_reports_sorting t('workarea.admin.fields.sku'), report: @report, sort_by: '_id'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.units_sold'), report: @report, sort_by: 'units_sold'
+          %th.align-center= link_to_reports_sorting t('workarea.admin.fields.units_canceled'), report: @report, sort_by: 'units_canceled'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.orders'), report: @report, sort_by: 'orders'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.average_price'), report: @report, sort_by: 'average_price'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.merchandise'), report: @report, sort_by: 'merchandise'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.discounts'), report: @report, sort_by: 'discounts'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.tax'), report: @report, sort_by: 'tax'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.refund'), report: @report, sort_by: 'refund'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.revenue'), report: @report, sort_by: 'revenue'
       %tbody
         - @report.results.each do |result|
@@ -35,8 +38,11 @@
               - else
                 = result._id
             %td.align-center= number_with_delimiter result.units_sold
+            %td.align-center= number_with_delimiter result.units_canceled
             %td.align-center= number_with_delimiter result.orders
+            %td.align-right= number_to_currency(result.average_price)
             %td.align-right= number_to_currency(result.merchandise)
             %td.align-right= number_to_currency(result.discounts)
             %td.align-right= number_to_currency(result.tax)
+            %td.align-right= number_to_currency(result.refund)
             %td.align-right= number_to_currency(result.revenue)

data/app/views/workarea/admin/reports/sales_by_tender.html.haml

@@ -0,0 +1,30 @@
+- @page_title = t('workarea.admin.reports.sales_by_tender.title')
+
+.view
+  .view__header
+    .view__heading
+      = link_to "↑ #{t('workarea.admin.reports.all_reports')}", reports_dashboards_path
+      %h1.heading.heading--no-margin= t('workarea.admin.reports.sales_by_tender.title')
+      %p= t('workarea.admin.reports.reference_link_html', path: reference_report_path)
+
+  .view__container.view__container--narrow
+    .browsing-controls.browsing-controls--with-divider.browsing-controls--center.browsing-controls--filters-displayed
+      = form_tag sales_by_tender_report_path, method: 'get', class: 'browsing-controls__form' do
+        = render 'workarea/admin/shared/date_selector', starts_at: @report.starts_at, ends_at: @report.ends_at
+
+      .browsing-controls__count
+        = render_reports_results_message(@report)
+        = render 'workarea/admin/reports/export', report: @report
+
+    %table
+      %thead
+        %tr
+          %th= t('workarea.admin.fields.tender')
+          %th.align-center= link_to_reports_sorting t('workarea.admin.fields.orders'), report: @report, sort_by: 'orders'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.revenue'), report: @report, sort_by: 'revenue'
+      %tbody
+        - @report.results.each do |result|
+          %tr
+            %td= result.name
+            %td.align-center= number_with_delimiter result.orders
+            %td.align-right= number_to_currency(result.revenue)

data/app/views/workarea/admin/reports/sales_over_time.html.haml

@@ -14,7 +14,7 @@
           .grid__cell= render 'workarea/admin/shared/date_selector', starts_at: @report.starts_at, ends_at: @report.ends_at
           .grid__cell
             .property.property--inline
-              = label_tag 'group_by', t('workarea.admin.reports.first_time_vs_returning_sales.by')
+              = label_tag 'group_by', t('workarea.admin.reports.by')
               = select_tag 'group_by', options_for_select(@report.group_by_options, @report.group_by), data: { form_submitting_control: '' }
 
       .browsing-controls__count
@@ -29,11 +29,13 @@
           %th= link_to_reports_sorting t('workarea.admin.fields.period'), report: @report, sort_by: '_id'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.units_sold'), report: @report, sort_by: 'units_sold'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.orders'), report: @report, sort_by: 'orders'
+          %th.align-center= link_to_reports_sorting t('workarea.admin.fields.cancellations'), report: @report, sort_by: 'cancellations'
           %th.align-center= link_to_reports_sorting t('workarea.admin.fields.customers'), report: @report, sort_by: 'customers'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.merchandise'), report: @report, sort_by: 'merchandise'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.shipping'), report: @report, sort_by: 'shipping'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.discounts'), report: @report, sort_by: 'discounts'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.tax'), report: @report, sort_by: 'tax'
+          %th.align-right= link_to_reports_sorting t('workarea.admin.fields.refund'), report: @report, sort_by: 'refund'
           %th.align-right= link_to_reports_sorting t('workarea.admin.fields.revenue'), report: @report, sort_by: 'revenue'
       %tbody
         - @report.results.each do |result|
@@ -41,9 +43,11 @@
             %td= result.period
             %td.align-center= number_with_delimiter result.units_sold
             %td.align-center= number_with_delimiter result.orders
+            %td.align-center= number_with_delimiter result.cancellations
             %td.align-center= number_with_delimiter result.customers
             %td.align-right= number_to_currency(result.merchandise)
             %td.align-right= number_to_currency(result.shipping)
             %td.align-right= number_to_currency(result.discounts)
             %td.align-right= number_to_currency(result.tax)
+            %td.align-right= number_to_currency(result.refund)
             %td.align-right= number_to_currency(result.revenue)

data/app/views/workarea/admin/reports/timeline.html.haml

@@ -0,0 +1,20 @@
+- @page_title = t('workarea.admin.reports.timeline.title')
+
+.view
+  .view__header
+    .view__heading
+      = link_to "↑ #{t('workarea.admin.reports.all_reports')}", reports_dashboards_path
+      %h1.heading.heading--no-margin= t('workarea.admin.reports.timeline.title')
+      %p= t('workarea.admin.reports.reference_link_html', path: reference_report_path)
+
+  .view__container
+    .browsing-controls.browsing-controls--with-divider.browsing-controls--center.browsing-controls--filters-displayed
+      = form_tag timeline_report_path, method: 'get', class: 'browsing-controls__form' do
+        .grid.grid--center.grid--auto.grid--middle
+          .grid__cell= render 'workarea/admin/shared/date_selector', starts_at: @report.starts_at, ends_at: @report.ends_at
+
+      #timeline-report-chart-legend.chart-legend
+        -# Generated via JS
+
+    .section
+      %canvas#timeline-report{ data: { timeline_report_chart: @report.graph_data.to_json } }

data/app/views/workarea/admin/search_customizations/_cards.html.haml

@@ -11,6 +11,7 @@
             %li
               %strong= t('workarea.admin.fields.active')
               = check_box_tag 'customization', 'active', model.active, disabled: true
+              = inline_svg('workarea/admin/icons/user.svg', class: 'svg-icon svg-icon--small svg-icon--blue') if model.active? && model.segments.any?
             %li
               %strong= t('workarea.admin.search_customizations.cards.attribtes.search_id')
               = model.id

data/app/views/workarea/admin/search_customizations/edit.html.haml

@@ -23,7 +23,7 @@
         %span.property__name
           = t('workarea.admin.fields.active')
           = inline_svg('workarea/admin/i18n.svg', class: 'svg-icon svg-icon--small') if locale_options.many? && Workarea.config.localized_active_fields
-        = toggle_button_for 'customization[active]', @customization.active?
+        = render 'workarea/admin/shared/active_field', scope: 'customization', model: @customization
 
       .section
         %h2= t('workarea.admin.search_customizations.edit.query_rewrite')

data/app/views/workarea/admin/search_customizations/index.html.haml

@@ -53,6 +53,7 @@
                 = comments_icon_for(customization)
                 = top_icon_for(customization)
                 = trending_icon_for(customization)
+                = segments_icon_for(customization)
               %td= link_to customization.query, search_customization_path(customization)
               %td.align-center= t("workarea.admin.#{customization.redirect?}")
               %td.align-center= t("workarea.admin.#{customization.rewrite?}")

data/app/views/workarea/admin/searches/show.html.haml

@@ -46,9 +46,10 @@
 
     - if @search.results.present?
       - if @search.results.any?
-        .grid.grid--auto.grid--flush.grid--center
-          - @search.results.each do |result|
-            .grid__cell= render_summary_for(result)
+        .section
+          .grid.grid--auto.grid--flush.grid--center
+            - @search.results.each do |result|
+              .grid__cell= render_summary_for(result)
 
-        - if @search.results.total_pages > 1
-          = render 'workarea/admin/shared/pagination', collection: @search.results
+          - if @search.results.total_pages > 1
+            = render 'workarea/admin/shared/pagination', collection: @search.results

data/app/views/workarea/admin/segment_overrides/show.html.haml

@@ -0,0 +1,29 @@
+- @page_title = t('workarea.admin.segment_overrides.show.title')
+
+.view
+  .view__header
+    .grid.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          %h1
+            = inline_svg('workarea/admin/icons/user.svg', class: 'svg-icon svg-icon--large svg-icon--blue')
+            = t('workarea.admin.segment_overrides.show.title')
+          .grid.grid--center
+            .grid__cell.grid__cell--50
+              %p= t('workarea.admin.segment_overrides.show.description')
+
+  .view__container.view__container--narrow
+    = form_tag segment_override_path, method: 'post' do
+      = hidden_field_tag 'return_to', params[:return_to]
+
+      .grid.grid--center
+        .grid__cell.grid__cell--50
+          %table
+            %tbody
+              - segments.each do |segment|
+                %tr
+                  %td= link_to segment.name, segment
+                  %td.align-right= toggle_button_for "segment_ids[#{segment.id}]", override_segments.include?(segment), id: segment.id
+
+      .align-center
+        = button_tag "#{t('workarea.admin.segment_overrides.show.button')} →", value: 'set_overrides', class: 'button'

data/app/views/workarea/admin/segment_rules/_form.html.haml

@@ -0,0 +1,13 @@
+.align-center
+  - if rule.persisted?
+    = form_tag segment_rule_path(segment, rule), method: 'patch', data: { unsaved_changes: '' } do
+      = hidden_field_tag 'return_to', local_assigns[:return_to]
+      = render "workarea/admin/segment_rules/fields/#{rule.slug}", rule: rule
+      .section= button_tag t('workarea.admin.actions.save'), value: 'save_rule', class: 'button button--small'
+
+  - else
+    = form_tag segment_rules_path(segment), method: 'post', data: { unsaved_changes: '' } do
+      = hidden_field_tag 'return_to', local_assigns[:return_to]
+      = hidden_field_tag 'rule_type', rule.slug
+      = render "workarea/admin/segment_rules/fields/#{rule.slug}", rule: rule
+      .section= button_tag t('workarea.admin.actions.save'), value: 'save_rule', class: 'button button--small'

data/app/views/workarea/admin/segment_rules/fields/_browser_info.html.haml

@@ -0,0 +1,13 @@
+%p= t('workarea.admin.segment_rules.fields.browser_info.note_html')
+
+.property
+  = label_tag 'rule_general', t('workarea.admin.fields.browser_info'), class: 'property__name'
+  = select_tag 'rule[general]', options_for_select(browser_info_options, rule.general), multiple: true, data: { select: { placeholder: t('workarea.admin.fields.browser_info') + '...', allowClear: true } }
+
+.property
+  = label_tag 'rule_device', t('workarea.admin.fields.device'), class: 'property__name'
+  = select_tag 'rule[device]', options_for_select(device_type_options, rule.device), multiple: true, data: { select: { placeholder: t('workarea.admin.fields.device') + '...', allowClear: true } }
+
+.property
+  = label_tag 'rule_platform', t('workarea.admin.fields.platform'), class: 'property__name'
+  = select_tag 'rule[platform]', options_for_select(platform_options, rule.platform), multiple: true, data: { select: { placeholder: t('workarea.admin.fields.platform') + '...', allowClear: true } }

data/app/views/workarea/admin/segment_rules/fields/_geolocation.html.haml

@@ -0,0 +1,4 @@
+.property
+  = label_tag 'rule_locations', t('workarea.admin.fields.locations'), class: 'property__name'
+  = select_tag 'rule[locations]', options_for_select(selected_segment_geolocation_options(rule.locations), rule.locations), multiple: true, data: { remote_select: { options: { tags: true }, source: geolocation_options_segment_rules_path(format: :json) }.to_json }
+  %span.property__note= t('workarea.admin.segment_rules.fields.geolocation.note')

data/app/views/workarea/admin/segment_rules/fields/_last_order.html.haml

@@ -0,0 +1,3 @@
+%span Ordered in the last
+= number_field_tag 'rule[days]', rule.days.presence || Workarea.config.loyal_customers_last_order_days_ago, class: 'text-box text-box--small'
+%span days

data/app/views/workarea/admin/segment_rules/fields/_logged_in.html.haml

@@ -0,0 +1,2 @@
+%span The visitor is
+= select_tag 'rule[logged_in]', options_for_select({ 'logged in' => true, 'not logged in' => false }, rule.logged_in)

data/app/views/workarea/admin/segment_rules/fields/_orders.html.haml

@@ -0,0 +1,5 @@
+%span From
+= number_field_tag 'rule[minimum]', rule.minimum, class: 'text-box text-box--small'
+%span to
+= number_field_tag 'rule[maximum]', rule.maximum, class: 'text-box text-box--small'
+%span orders

data/app/views/workarea/admin/segment_rules/fields/_revenue.html.haml

@@ -0,0 +1,9 @@
+%span
+  From
+  = Money.default_currency.symbol
+= number_field_tag 'rule[minimum]', rule.minimum, class: 'text-box text-box--small'
+%span
+  To
+  = Money.default_currency.symbol
+= number_field_tag 'rule[maximum]', rule.maximum, class: 'text-box text-box--small'
+%span in revenue

data/app/views/workarea/admin/segment_rules/fields/_sessions.html.haml

@@ -0,0 +1,5 @@
+%span From
+= number_field_tag 'rule[minimum]', rule.minimum, class: 'text-box text-box--small'
+%span to
+= number_field_tag 'rule[maximum]', rule.maximum, class: 'text-box text-box--small'
+%span visits

data/app/views/workarea/admin/segment_rules/fields/_tags.html.haml

@@ -0,0 +1,4 @@
+.property
+  = label_tag 'rule_locations', 'Customer tags', class: 'property__name'
+  = text_field_tag 'rule[tag_list]', rule.tag_list, class: 'text-box text-box--wide'
+  %span.property__note= t('workarea.admin.segment_rules.tags_note')

data/app/views/workarea/admin/segment_rules/fields/_traffic_referrer.html.haml

@@ -0,0 +1,13 @@
+.property
+  = label_tag 'rule[medium]', t('workarea.admin.fields.medium'), class: 'property__name'
+  = select_tag 'rule[medium]', options_for_select(traffic_referrer_medium_options, rule.medium)
+
+.property
+  = label_tag 'rule[source]', t('workarea.admin.fields.source'), class: 'property__name'
+  = text_field_tag 'rule[source]', rule.medium, class: 'text-box text-box--wide'
+  %span.property__note
+    = t('workarea.admin.segment_rules.fields.traffic_referrer.source_notes')
+    = link_to '#source-help', data: { tooltip: { interactive: true } } do
+      = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.segment_rules.fields.traffic_referrer.source'))
+  #source-help.tooltip-content
+    %p= t('workarea.admin.segment_rules.fields.traffic_referrer.source_notes_html')

data/app/views/workarea/admin/segment_rules/geolocation_options.json.jbuilder

@@ -0,0 +1,4 @@
+json.results @results do |result|
+  json.label result.name
+  json.value result.id
+end

data/app/views/workarea/admin/segment_rules/index.html.haml

@@ -0,0 +1,25 @@
+- @page_title = t('workarea.admin.segment_rules.index.title', name: @segment.name)
+
+.view
+  .view__header
+    .grid.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to_index_for(@segment)
+          %h1= @segment.name
+
+  .view__container
+    = render_cards_for(@segment, :rules)
+
+    .section
+      .grid.grid--center
+        .grid__cell.grid__cell--50
+          .align-center
+            %h2= t('workarea.admin.segment_rules.index.rules')
+            - @segment.rules.each do |rule|
+              .box.box--rounded.box--padded
+                = render "workarea/admin/segment_rules/summaries/#{rule.slug}", rule: rule
+
+          .section.align-center
+            %h5= t('workarea.admin.segment_rules.index.no_edit')
+            %p= t('workarea.admin.segment_rules.index.no_edit_description_html', link: link_to(t('workarea.admin.segment_rules.index.creating_a_new_segment'), create_segments_path))

data/app/views/workarea/admin/segment_rules/summaries/_browser_info.html.haml

@@ -0,0 +1,11 @@
+- if rule.general.present?
+  %span.text.text--large
+    = rule.general.map { |g| t("workarea.admin.segment_rules.browser_info.#{g}") }.to_sentence
+
+- if rule.device.present?
+  %span.text.text--large
+    = rule.device.map { |d| t("workarea.admin.segment_rules.devices.#{d}") }.to_sentence
+
+- if rule.platform.present?
+  %span.text.text--large
+    = rule.platform.map { |p| t("workarea.admin.segment_rules.platform.#{p}") }.to_sentence

data/app/views/workarea/admin/segment_rules/summaries/_geolocation.html.haml

@@ -0,0 +1,2 @@
+%span.text.text--large
+  = t('workarea.admin.segment_rules.summaries.geolocation.description_html', locations: selected_segment_geolocation_options(rule.locations).map { |o| %("#{o.first}") }.join(', '))

data/app/views/workarea/admin/segment_rules/summaries/_last_order.html.haml

@@ -0,0 +1,2 @@
+%span.text.text--large
+  = t('workarea.admin.segment_rules.summaries.last_order.description_html', count: rule.days)

data/app/views/workarea/admin/segment_rules/summaries/_logged_in.html.haml

@@ -0,0 +1,5 @@
+%span.text.text--large
+  - if rule.logged_in?
+    = t('workarea.admin.segment_rules.summaries.logged_in.logged_in_html')
+  - else
+    = t('workarea.admin.segment_rules.summaries.logged_in.logged_out_html')

data/app/views/workarea/admin/segment_rules/summaries/_orders.html.haml

@@ -0,0 +1,6 @@
+%span.text.text--large
+  - minimum = rule.minimum.presence || 0
+  - if minimum == rule.maximum
+    = t('workarea.admin.segment_rules.summaries.orders.single_value_description_html', count: minimum)
+  - else
+    = t('workarea.admin.segment_rules.summaries.orders.description_html', minimum: minimum, maximum: rule.maximum.presence || '∞')

data/app/views/workarea/admin/segment_rules/summaries/_revenue.html.haml

@@ -0,0 +1,7 @@
+%span.text.text--large
+  - minimum = rule.minimum.presence || 0
+  - if minimum == rule.maximum
+    = t('workarea.admin.segment_rules.summaries.revenue.single_value_description_html', amount: number_to_currency(minimum))
+  - else
+    - max = rule.maximum.present? ? number_to_currency(rule.maximum) : '∞'
+    = t('workarea.admin.segment_rules.summaries.revenue.description_html', minimum: number_to_currency(minimum), maximum: max)

data/app/views/workarea/admin/segment_rules/summaries/_sessions.html.haml

@@ -0,0 +1,6 @@
+%span.text.text--large
+  - minimum = rule.minimum.presence || 0
+  - if minimum == rule.maximum
+    = t('workarea.admin.segment_rules.summaries.sessions.single_value_description_html', count: minimum)
+  - else
+    = t('workarea.admin.segment_rules.summaries.sessions.description_html', minimum: rule.minimum.presence || 0, maximum: rule.maximum.presence || '∞')

data/app/views/workarea/admin/segment_rules/summaries/_tags.html.haml

@@ -0,0 +1,2 @@
+%span.text.text--large
+  = t('workarea.admin.segment_rules.summaries.tags.description_html', tags: rule.tags.join(', '))

data/app/views/workarea/admin/segment_rules/summaries/_traffic_referrer.html.haml

@@ -0,0 +1,10 @@
+- if rule.medium.present?
+  %span.text.text--large
+    %span #{t('workarea.admin.fields.medium')}:
+    %strong= rule.medium.titleize
+    ,
+
+- if rule.source.present?
+  %span.text.text--large
+    %span #{t('workarea.admin.fields.source')}:
+    %strong= rule.source

data/app/views/workarea/admin/segments/_cards.html.haml

@@ -0,0 +1,81 @@
+.grid.grid--auto.grid--flush.grid--center
+  .grid__cell
+    .card{ class: card_classes(:attributes, local_assigns[:active]) }
+      = link_to edit_segment_path(model), class: 'card__header' do
+        %span.card__header-text= t('workarea.admin.segments.cards.attributes.header')
+        = inline_svg 'workarea/admin/icons/attributes.svg', class: 'card__icon'
+
+      - if local_assigns[:active].blank?
+        .card__body
+          %ul.list-reset
+            %li
+              %strong #{t('workarea.admin.fields.tags')}:
+              = model.tags.join(', ').presence || '(none)'
+            %li
+              %strong #{t('workarea.admin.fields.updated_at')}:
+              #{local_time_ago(model.updated_at)}
+            %li
+              %strong #{t('workarea.admin.fields.created_at')}:
+              #{local_time_ago(model.created_at)}
+
+          = link_to edit_segment_path(model), class: 'card__button' do
+            %span.button.button--small= t('workarea.admin.segments.cards.attributes.button')
+
+  .grid__cell
+    .card{ class: card_classes(:rules, local_assigns[:active]) }
+      = link_to segment_rules_path(model), class: 'card__header' do
+        %span.card__header-text= t('workarea.admin.segments.cards.rules.header')
+        = inline_svg 'workarea/admin/icons/rules.svg', class: 'card__icon'
+
+      - if local_assigns[:active].blank?
+        .card__body
+          - if model.rules.any?
+            - model.rules.each do |rule|
+              .box.box--padded.box--rounded
+                = render "workarea/admin/segment_rules/summaries/#{rule.slug}", rule: rule
+
+          = link_to segment_rules_path(model), class: 'card__button' do
+            %span.button.button--small= t('workarea.admin.segments.cards.rules.button')
+
+  .grid__cell
+    .card{ class: card_classes(:insights, local_assigns[:active]) }
+      = link_to insights_segment_path(model), class: 'card__header' do
+        %span.card__header-text= t('workarea.admin.segments.cards.insights.header')
+        = inline_svg 'workarea/admin/icons/insights.svg', class: 'card__icon'
+
+      - if local_assigns[:active].blank?
+        .card__body
+          %p.align-center
+            %span.spark.spark--large{ title: t('workarea.admin.segments.index.sparkline_title') }
+              {#{sparkline_analytics_data_for(model.insights.orders_sparkline).join(',')}}
+
+          %span.heading.heading--4.align-center
+            #{number_with_delimiter model.insights.orders}
+            #{t('workarea.admin.segments.cards.insights.orders')}
+            #{insights_trend_icon(model.insights.orders_percent_change)}
+
+          .grid
+            .grid__cell.grid__cell--50
+              %p.align-center
+                %strong= number_to_currency model.insights.revenue
+                #{insights_trend_icon(model.insights.revenue_percent_change)}
+                %br
+                #{t('workarea.admin.segments.cards.insights.revenue')}
+            .grid__cell.grid__cell--50
+              %p.align-center
+                %strong= number_to_currency model.insights.average_order_value
+                #{insights_trend_icon(model.insights.average_order_value_percent_change)}
+                %br
+                #{t('workarea.admin.segments.cards.insights.aov')}
+
+          %p.align-center
+            = distance_of_time_in_words(model.insights.starts_at, model.insights.ends_at)
+
+          = link_to insights_segment_path(model), class: 'card__button' do
+            %span.button.button--small= t('workarea.admin.segments.cards.insights.button')
+
+  .grid__cell
+    = render 'workarea/admin/timeline/card', timeline: model.timeline, active: local_assigns[:active]
+
+  .grid__cell
+    = render 'workarea/admin/comments/card', commentable: model, active: local_assigns[:active]

data/app/views/workarea/admin/segments/_publish.html.haml

@@ -0,0 +1,10 @@
+.section.align-center
+  %h4.link{ data: { toggle_element: '#segments-table' } }= t('workarea.admin.segments.publish.title')
+
+  #segments-table.hidden
+    %p= t('workarea.admin.segments.publish.description')
+
+    .property
+      = label_tag 'active_segment_ids', t('workarea.admin.shared.active_field.only_for'), class: 'property__name'
+      = select_tag 'active_segment_ids', options_from_collection_for_select(segments, :id, :name, model.active_segment_ids), multiple: true, data: { select: { placeholder: t('workarea.admin.shared.active_field.select_segments'), allowClear: true, dropdownParent: '#active-by-segment' } }
+      %span.property__note= t('workarea.admin.shared.active_field.only_these_segments')

data/app/views/workarea/admin/segments/edit.html.haml

@@ -0,0 +1,41 @@
+- @page_title = t('workarea.admin.segments.edit.page_title', name: @segment.name)
+
+.segment.view
+  .view__header
+    .grid.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to_index_for(@segment)
+          %h1= link_to @segment.name, url_for(@segment)
+
+  .view__container
+    = render_cards_for(@segment, :attributes)
+
+  .view__container.view__container--narrow
+    - @segment.errors.full_messages.each do |message|
+      = render_message 'error', message
+
+    = form_tag segment_path(@segment), method: 'patch', data: { unsaved_changes: '' } do
+      .section
+        .property.property--required
+          = label_tag 'segment[name]', t('workarea.admin.fields.name'), class: 'property__name'
+          = text_field_tag 'segment[name]', @segment.name, class: 'text-box', required: true
+
+        .property
+          = label_tag 'segment_tag_list', t('workarea.admin.fields.tags'), class: 'property__name'
+          = text_field_tag  'segment[tag_list]', @segment.tag_list, class: 'text-box'
+          %span.property__note= t('workarea.admin.form.csv_field_note')
+
+        .grid
+          .grid__cell.grid__cell--33.grid__cell--25-at-medium
+            .property
+              = label_tag 'segment_updated_at', t('workarea.admin.fields.updated_at'), class: 'property__name'
+              = local_time(@segment.updated_at)
+          .grid__cell.grid__cell--33.grid__cell--25-at-medium
+            .property
+              = label_tag 'segment_created_at', t('workarea.admin.fields.created_at'), class: 'property__name'
+              = local_time(@segment.created_at)
+
+      .workflow-bar
+        .grid.grid--auto.grid--right.grid--middle
+          .grid__cell= button_tag t('workarea.admin.form.save_changes'), value: 'save_segment', class: 'workflow-bar__button workflow-bar__button--update'

data/app/views/workarea/admin/segments/index.html.haml

@@ -0,0 +1,64 @@
+- @page_title = t('workarea.admin.segments.index.page_title')
+
+.view
+  .view__header
+    .grid.grid--middle.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to "↑ #{t('workarea.admin.segments.index.dashboard_link')}", people_dashboards_path, class: 'view__dashboard-button'
+          %h1.heading--no-margin= t('workarea.admin.segments.index.page_title')
+          %p= t('workarea.admin.segments.index.description')
+
+  .view__container
+    .browsing-controls.browsing-controls--with-divider.browsing-controls--center
+      %p.browsing-controls__count
+        = t('workarea.admin.segments.index.segment', count: @segments.count)
+
+    - if @segments.any?
+      %table.index-table
+        %thead
+          %tr
+            %th.index-table__control-cell
+              .checkbox
+                = check_box_tag 'select_all', nil, false, id: 'select_all', class: 'checkbox__input', data: { bulk_action_select_all: '' }
+                = label_tag 'select_all', t('workarea.admin.bulk_actions.select_all'), class: 'checkbox__label'
+            %th= t('workarea.admin.fields.name')
+            %th= t('workarea.admin.fields.type')
+            %th.align-center= t('workarea.admin.fields.orders')
+            %th.align-center= t('workarea.admin.fields.aov')
+            %th.align-center= t('workarea.admin.fields.rules')
+            %th.align-center= t('workarea.admin.fields.insights')
+            %th= t('workarea.admin.fields.updated_at')
+        %tbody
+          - @segments.each do |segment|
+            %tr.index-table__row
+              %td.index-table__control-cell
+                .checkbox
+                  = check_box_tag 'global_id', segment.to_gid_param, false, class: 'checkbox__input', id: dom_id(segment), data: { bulk_action_item: '' }
+                  = label_tag dom_id(segment), '', class: 'checkbox__label', title: t('workarea.admin.bulk_actions.add_summary_button')
+              %td
+                = link_to segment.name, segment_path(segment)
+                = comments_icon_for(segment)
+              %td= segment.life_cycle? ? t('workarea.admin.segments.index.life_cycle') : t('workarea.admin.segments.index.custom')
+              %td.align-center= number_with_delimiter segment.insights.orders
+              %td.align-center= number_to_currency segment.insights.average_order_value
+              %td.align-center= segment.rules.size
+              %td.align-center
+                = link_to insights_segment_path(segment), class: 'link link--no-underline' do
+                  %span.spark{ title: t('workarea.admin.segments.index.sparkline_title') }
+                    {#{sparkline_analytics_data_for(segment.insights.orders_sparkline).join(',')}}
+              %td= local_time_ago(segment.updated_at)
+
+  .workflow-bar
+    .grid
+      .grid__cell.grid__cell--50
+        = render 'workarea/admin/shared/bulk_actions', klass: Workarea::Segment, search: @search
+
+      .grid__cell.grid__cell--50.align-right
+        - if segments.size >= 15
+          = link_to t('workarea.admin.segments.index.add_custom'), '#max-segments-info', disabled: 'disabled', data: { tooltip: '' }, class: 'workflow-bar__button workflow-bar__button--create'
+          #max-segments-info.tooltip-content
+            %p= t('workarea.admin.segments.index.max_segments')
+
+        - else
+          = link_to t('workarea.admin.segments.index.add_custom'), create_segments_path, id: 'add_segment', class: 'workflow-bar__button workflow-bar__button--create'