workarea-admin 3.5.0.beta.1 → 3.5.0

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

@@ -24,10 +24,15 @@
           = text_field_tag 'asset[name]', @asset.name, class: 'text-box'
 
         .property
-          = label_tag 'asset_tag_list', t('workarea.admin.fields.tags'), class: 'property__name'
+          = label_tag 'asset_tag_list', class: 'property__name' do
+            %span= t('workarea.admin.fields.tags')
+            = link_to '#tags-info', data: { tooltip: '' } do
+              = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue')
           = text_field_tag 'asset[tag_list]', @asset.tag_list, class: 'text-box'
           %span.property__note=  t('workarea.admin.content_assets.edit.tags_note')
 
+          #tags-info.tooltip-content= t('workarea.admin.content_assets.edit.tags_tooltip_html')
+
         .grid.grid--huge
           .grid__cell.grid__cell--50-at-medium
             .property

data/app/views/workarea/admin/content_assets/new.html.haml

@@ -34,10 +34,15 @@
               %span.property__note= t('workarea.admin.content_assets.new.alt_text_note')
 
         .property
-          = label_tag 'asset_tag_list', t('workarea.admin.fields.tags'), class: 'property__name'
+          = label_tag 'asset_tag_list', class: 'property__name' do
+            %span= t('workarea.admin.fields.tags')
+            = link_to '#tags-info', data: { tooltip: '' } do
+              = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue')
           = text_field_tag 'asset[tag_list]', @asset.tag_list, class: 'text-box'
           %span.property__note= t('workarea.admin.content_assets.new.tags_note')
 
+          #tags-info.tooltip-content= t('workarea.admin.content_assets.edit.tags_tooltip_html')
+
       .workflow-bar
         .grid.grid--auto.grid--right.grid--middle
           .grid__cell= button_tag t('workarea.admin.content_assets.new.create_asset'), value: 'create_asset', class: 'workflow-bar__button workflow-bar__button--create', data: { disable_with: t('workarea.admin.content_assets.new.create_asset_disabled_text') }

data/app/views/workarea/admin/content_blocks/_asset.html.haml

@@ -22,9 +22,10 @@
       .asset-picker-field__cell= button_tag t('workarea.admin.content_blocks.asset.clear_asset'), type: 'button', value: 'clear_asset', id: nil, class: 'text-button text-button--destroy', data: { asset_picker_field_clear: '' }
 
   %span.property__note
-    = t('workarea.admin.content_blocks.asset.alt_text_note')
     - if asset.alt_text.present?
-      %strong= "(#{asset.alt_text})"
+      = t('workarea.admin.content_blocks.asset.alt_text_note_html', text: asset.alt_text)
+    - else
+      = t('workarea.admin.content_blocks.asset.no_default_alt_text')
 
 - if field.tooltip.present?
   .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }

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

@@ -11,7 +11,7 @@
             %li
               %strong= t('workarea.admin.fields.active')
               = check_box_tag 'page', '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?
+              = segments_icons_for(model)
             %li
               %strong= t('workarea.admin.fields.show_left_navigation')
               = model.show_navigation?.to_s.titleize

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

@@ -61,7 +61,7 @@
                 = link_to result.name, content_page_path(result)
                 = upcoming_changesets_icon_for(result)
                 = comments_icon_for(result)
-                = segments_icon_for(result)
+                = segments_icons_for(result)
               %td
                 - if result.breadcrumbs.blank?
                   %em= t('workarea.admin.fields.no_taxonomy')

data/app/views/workarea/admin/data_file_imports/new.html.haml

@@ -35,7 +35,7 @@
               - Workarea.config.data_file_formats.each do |file_type|
                 = link_to_unless @import.file_type.to_s == file_type.to_s, file_type.upcase, url_for(import: { model_type: @import.model_type, file_type: file_type }), data: { turbolinks: false }
               %br
-              = link_to t('workarea.admin.data_file_imports.new.download_sample'), url_for(params.merge(action: 'sample')) if @import.samples.present?
+              = link_to t('workarea.admin.data_file_imports.new.download_sample'), url_for(params.merge(action: 'sample', format: @import.file_type)) if @import.samples.present?
 
             - if @import.samples.blank?
               %p.align-center= t('workarea.admin.data_file_imports.new.no_samples')

data/app/views/workarea/admin/insights/_cold_searches.html.haml

@@ -16,7 +16,7 @@
             %td.align-center
               = form_tag search_customizations_path, method: 'post' do
                 = hidden_field_tag 'q', result.query_id, id: nil
-                = button_tag result.query_id, class: 'button button--small'
+                = button_tag result.query_string, class: 'button button--small'
             %td.align-center
               - unless result.previous_week_revenue.zero?
                 %strong= number_to_currency(result.revenue_change)

data/app/views/workarea/admin/insights/_hot_searches.html.haml

@@ -16,7 +16,7 @@
             %td.align-center
               = form_tag search_customizations_path, method: 'post' do
                 = hidden_field_tag 'q', result.query_id, id: nil
-                = button_tag result.query_id, class: 'button button--small'
+                = button_tag result.query_string, class: 'button button--small'
             %td.align-center
               - if result.previous_week_revenue.zero?
                 \-

data/app/views/workarea/admin/insights/_searches_to_improve.html.haml

@@ -16,7 +16,7 @@
             %td.align-center
               = form_tag search_customizations_path, method: 'post' do
                 = hidden_field_tag 'q', result.query_id, id: nil
-                = button_tag result.query_id, class: 'button button--small'
+                = button_tag result.query_string, class: 'button button--small'
             %td.align-center= insights_number_to_percentage(result.conversion_rate)
             %td.align-center
               - if result.searches.blank?

data/app/views/workarea/admin/insights/_star_searches.html.haml

@@ -16,6 +16,6 @@
             %td.align-center
               = form_tag search_customizations_path, method: 'post' do
                 = hidden_field_tag 'q', result.query_id, id: nil
-                = button_tag result.query_id, class: 'button button--small'
+                = button_tag result.query_string, class: 'button button--small'
             %td.align-center= insights_number_to_percentage(result.conversion_rate)
             %td.align-center= number_with_delimiter(result.searches)

data/app/views/workarea/admin/insights/_trending_searches.html.haml

@@ -16,6 +16,6 @@
             %td.align-center
               = form_tag search_customizations_path, method: 'post' do
                 = hidden_field_tag 'q', result.query_id, id: nil
-                = button_tag result.query_id, class: 'button button--small'
+                = button_tag result.query_string, class: 'button button--small'
             %td.align-center= number_with_delimiter result.improving_weeks
             %td.align-center= number_with_delimiter result.orders

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

@@ -40,7 +40,7 @@
               = link_to navigation_menus_path(menu_id: menu), class: 'navigation-builder__node-link', data: { tooltip: { content_id: "#navigation-builder__tooltip-#{menu.id}", interactive: true, allow_click: true }.to_json } do
                 = inline_svg("workarea/admin/icons/grip.svg", title: t('workarea.admin.navigation_menus.index.drag_to_rearrange'), class: 'navigation-builder__node-icon svg-icon svg-icon--small')
                 %span.navigation-builder__node-text= menu.name
-                = segments_icon_for(menu)
+                = segments_icons_for(menu)
 
               .tooltip-content{ id: "navigation-builder__tooltip-#{menu.id}" }
                 .navigation-builder__actions

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

@@ -15,7 +15,7 @@
             %li
               %strong #{t('workarea.admin.fields.active')}:
               = check_box_tag 'discount', '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?
+              = segments_icons_for(model)
             %li
               %strong #{t('workarea.admin.fields.redemptions')}:
               = model.redemptions.size
@@ -137,6 +137,8 @@
           = link_to pricing_discount_redemptions_path(model), class: 'card__button' do
             %span.button.button--small= t('workarea.admin.pricing_discounts.cards.redemptions.view')
 
+  = append_partials('admin.discount_cards', discount: model, active: local_assigns[:active])
+
   .grid__cell
     = render 'workarea/admin/timeline/card', timeline: model.timeline, active: local_assigns[:active]
 

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

@@ -30,12 +30,23 @@
           = text_field_tag  'discount[tag_list]', @discount.tag_list, class: 'text-box'
           %span.property__note= t('workarea.admin.form.csv_field_note')
 
-        .property
-          %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
-          = render 'workarea/admin/shared/active_field', scope: 'discount', model: @discount
+        .grid
+          .grid__cell.grid__cell--50.grid__cell--25-at-medium
+            .property
+              %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
+              = render 'workarea/admin/shared/active_field', scope: 'discount', model: @discount
+
+          .grid__cell.grid__cell--50.grid__cell--25-at-medium
+            .property
+              %span.property__name
+                = t('workarea.admin.fields.auto_deactivate')
+                = link_to '#auto-deactivate-info', data: { tooltip: '' } do
+                  = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue')
+              = toggle_button_for 'discount[auto_deactivate]', @discount.auto_deactivate?
 
+            #auto-deactivate-info.tooltip-content= t('workarea.admin.pricing_discounts.edit.auto_deactivate_info', duration: duration_in_words(Workarea.config.discount_staleness_ttl))
 
         .grid
           .grid__cell.grid__cell--33.grid__cell--25-at-medium

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

@@ -63,7 +63,7 @@
                 = upcoming_changesets_icon_for(result)
                 = comments_icon_for(result)
                 = top_icon_for(result)
-                = segments_icon_for(result)
+                = segments_icons_for(result)
               %td= result.slug.titleize
               %td.align-center= t("workarea.admin.#{result.single_use?}")
               %td.align-center= t("workarea.admin.#{result.allow_sale_items?}")

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

@@ -37,7 +37,7 @@
                 = label_tag 'release_publish_at', t('workarea.admin.fields.publish_at'), class: 'property__name'
 
                 - if current_user.can_publish_now?
-                  .box.box--rounded= hidden_field_tag 'release[publish_at]', @release.publish_at, data: { datetimepicker_field: { inline: true } }
+                  .box.box--rounded.box--padded= hidden_field_tag 'release[publish_at]', @release.publish_at, data: { datetimepicker_field: { inline: true } }
                 - elsif @release.publish_at.present?
                   = local_time(@release.publish_at)
                 - else

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

@@ -87,3 +87,28 @@
 
 
         = link_to inline_svg('workarea/admin/icons/arrow_down.svg', title: t('workarea.admin.releases.calendar.next_week'), class: 'calendar__control-icon'), releases_path(start_date: @calendar.next_week), class: 'calendar__control calendar__control--next'
+
+    .workflow-bar
+      .grid.grid--auto.grid--right
+        - calendar_feed_url = calendar_feed_releases_url(token: current_user.token, protocol: 'webcal')
+        .grid__cell= button_tag t('workarea.admin.releases.index.add_to_calendar.link_text'), class: 'workflow-bar__button', data: { add_to_calendar_button: { initial: '#calendar-tooltip', moreInfo: '#google-calendar-info' }.as_json }
+      #calendar-tooltip.tooltip-content.tooltip-content--no-padding
+        .add-to-calendar
+          %ul.add-to-calendar__list
+            %li.add-to-calendar__item
+              = link_to calendar_feed_url, class: 'grid grid--auto grid--middle grid--large', data: { add_to_calendar_button_toggle: '' } do
+                %span.grid__cell= image_tag 'workarea/admin/icons/google_calendar.svg', size: '24x24'
+                %span.grid__cell
+                  %span.add-to-calendar__link= t('workarea.admin.releases.index.add_to_calendar.tooltip.google_calendar')
+            %li.add-to-calendar__item
+              = link_to calendar_feed_url, class: 'grid grid--auto grid--middle grid--large' do
+                %span.grid__cell= image_tag 'workarea/admin/icons/apple_calendar.svg', size: '24x24'
+                %span.grid__cell
+                  %span.add-to-calendar__link= t('workarea.admin.releases.index.add_to_calendar.tooltip.apple_calendar')
+            %li.add-to-calendar__item
+              = link_to calendar_feed_url, class: 'grid grid--auto grid--middle grid--large' do
+                %span.grid__cell= image_tag 'workarea/admin/icons/outlook.svg', size: '24x24'
+                %span.grid__cell
+                  %span.add-to-calendar__link= t('workarea.admin.releases.index.add_to_calendar.tooltip.outlook')
+        .hidden
+          #google-calendar-info= t('workarea.admin.releases.index.add_to_calendar.tooltip.google_calendar_instructions_html', calendar_feed_url: calendar_feed_url)

data/app/views/workarea/admin/releases/list.html.haml

@@ -78,9 +78,9 @@
 
     .workflow-bar
       .grid
-        .grid__cell.grid__cell--80
+        .grid__cell.grid__cell--50
           = render 'workarea/admin/shared/bulk_actions', klass: Workarea::Release, search: @search, import: false, export: false
-        .grid__cell.grid__cell--20
+        .grid__cell.grid__cell--50
           .grid.grid--auto.grid--right
             - calendar_feed_url = calendar_feed_releases_url(token: current_user.token, protocol: 'webcal')
             .grid__cell= button_tag t('workarea.admin.releases.index.add_to_calendar.link_text'), class: 'workflow-bar__button', data: { add_to_calendar_button: { initial: '#calendar-tooltip', moreInfo: '#google-calendar-info' }.as_json }

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

@@ -17,4 +17,92 @@
         -# Generated via JS
 
     .section
-      %canvas#timeline-report{ data: { timeline_report_chart: @report.graph_data.to_json } }
+      .timeline-report
+        .grid.grid--huge
+          .grid__cell.grid__cell--80-at-medium
+            %canvas#timeline-report{ data: { timeline_report_chart: @report.graph_data.to_json } }
+
+          .grid__cell.grid__cell--20-at-medium
+            .timeline-report__sidebar
+              .timeline-report__sidebar-header
+                .grid.grid--middle
+                  .grid__cell.grid__cell--40
+                    %strong.heading.heading--3.heading--no-margin
+                      = t('workarea.admin.reports.timeline.events')
+                  .grid__cell.grid__cell--60
+                    .align-right
+                      = link_to '#add_custom_event', class: 'button button--create button--tiny', data: { tooltip: { trigger: 'click', interactive: true }.to_json } do
+                        %span.grid.grid--auto.grid--middle.grid--tiny
+                          %span.grid__cell
+                            = t('workarea.admin.reports.timeline.add_custom')
+                          %span.grid__cell
+                            = inline_svg('workarea/admin/icons/add.svg', class: 'svg-icon svg-icon--white svg-icon--small', title: t('workarea.admin.reports.timeline.add_custom'))
+
+              #add_custom_event.tooltip-content
+                = form_tag report_custom_events_path, method: 'post' do
+                  .property
+                    = label_tag 'custom_event_name', t('workarea.admin.fields.name'),  class: 'property__name'
+                    = text_field_tag 'custom_event[name]', nil, class: 'text-box'
+                  .property
+                    .box.box--rounded.box--padded
+                      = hidden_field_tag 'custom_event[occurred_at]', nil, data: { datetimepicker_field: { inline: true } }
+                  .align-center
+                    = submit_tag t('workarea.admin.reports.timeline.add_custom_event'), class: 'button button--create button--small'
+
+              - if @report.events.empty?
+                %p= t('workarea.admin.reports.timeline.no_events')
+              - else
+                %ol.list-reset
+                  - @report.events.each do |date, events|
+                    %li.timeline-report__event-group{ data: { timeline_report_chart_event: date.strftime('%Y|%m|%d').split('|') } }
+                      %strong= date.strftime('%B %d, %Y')
+                      %ul.timeline-report__events-list
+                        - events.each do |event|
+                          %li
+                            = link_to event.name, "##{dom_id(event)}", { data: { tooltip: { trigger: 'click', interactive: true }.to_json } }
+
+- if @report.events.any?
+  - @report.events.each do |date, events|
+    - events.each do |event|
+      .tooltip-content{ id: dom_id(event) }
+
+        - if event.type == 'release'
+          .card
+            = link_to release_path(id: event.id), class: 'card__header' do
+              %span.card__header-text= event.name
+            .card__body
+              - if event.model.changesets_with_releasable.empty?
+                %p.card__empty-note= t('workarea.admin.reports.timeline.no_planned_changes')
+              - else
+                - event.model.changesets_with_releasable.take(3).each do |changeset|
+                  .activity
+                    .activity__header
+                      .activity__avatar
+                        = changeset_icon changeset, { class: 'svg-icon'}
+                      .activity__name= changeset.name
+                      .activity__time
+                        = changeset.publish_humanized
+                        - if changeset.release_date.present?
+                          = local_time(changeset.release_date, :long)
+                    .activity__message
+                      .release-changeset.release-changeset--activity
+                        .release-changeset__body
+                          - changeset.changed_fields.each do |field|
+                            = render_changeset_field(changeset, field)
+
+              = link_to release_path(id: event.id), class: 'card__button' do
+                %span.button.button--small= t('workarea.admin.reports.timeline.view_release')
+        - else
+          = form_tag report_custom_event_path(id: event.id), method: 'patch' do
+            .property
+              = label_tag 'custom_event_name', t('workarea.admin.fields.name'),  class: 'property__name'
+              = text_field_tag 'custom_event[name]', event.name, class: 'text-box', id: dom_id(event, 'name')
+            .property
+              .box.box--rounded.box--padded
+                = hidden_field_tag 'custom_event[occurred_at]', event.occurred_at, data: { datetimepicker_field: { inline: true } }, id: dom_id(event, 'date_picker')
+            .grid.grid--middle
+              .grid__cell.grid__cell--50
+                = link_to t('workarea.admin.actions.delete'), report_custom_event_path(id: event.id), class: 'text-button text-button--destroy', rel: 'nofollow', data: { method: 'delete' }
+              .grid__cell.grid__cell--50
+                .align-right
+                  = submit_tag t('workarea.admin.reports.timeline.update_event'), class: 'button button--create button--small'

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

@@ -11,7 +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?
+              = segments_icons_for(model)
             %li
               %strong= t('workarea.admin.search_customizations.cards.attribtes.search_id')
               = model.id

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

@@ -53,7 +53,7 @@
                 = comments_icon_for(customization)
                 = top_icon_for(customization)
                 = trending_icon_for(customization)
-                = segments_icon_for(customization)
+                = segments_icons_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/segment_rules/fields/_last_order.html.haml

@@ -1,3 +1,4 @@
-%span Ordered in the last
+= select_tag 'rule[within]', options_for_select(last_order_options, rule.within)
+%span within 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/_revenue.html.haml

@@ -1,9 +1,8 @@
 %span
-  From
+  Spent
   = Money.default_currency.symbol
 = number_field_tag 'rule[minimum]', rule.minimum, class: 'text-box text-box--small'
 %span
-  To
+  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/_traffic_referrer.html.haml

@@ -1,13 +1,19 @@
+%p= t('workarea.admin.segment_rules.fields.traffic_referrer.note_html')
+
 .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'
+  = select_tag 'rule[source]', options_for_select(traffic_referrer_source_options, rule.source), multiple: true, data: { select: { placeholder: t('workarea.admin.fields.source') + '...', allowClear: true } }
+
+.property
+  = label_tag 'rule[url]', t('workarea.admin.fields.url'), class: 'property__name'
+  = text_field_tag 'rule[url]', rule.url, 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')
+    = t('workarea.admin.segment_rules.fields.traffic_referrer.url_notes')
+    = link_to '#url-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.url'))
+  #url-help.tooltip-content
+    %p= t('workarea.admin.segment_rules.fields.traffic_referrer.url_notes_html')

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

@@ -1,2 +1,5 @@
 %span.text.text--large
-  = t('workarea.admin.segment_rules.summaries.last_order.description_html', count: rule.days)
+  - if rule.within?
+    = t('workarea.admin.segment_rules.summaries.last_order.within_description_html', count: rule.days)
+  - else
+    = t('workarea.admin.segment_rules.summaries.last_order.not_within_description_html', count: rule.days)

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

@@ -1,10 +1,2 @@
-- 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
+%span.text.text--large
+  %strong= [rule.medium.try(:titleize), rule.source, rule.url].flatten.reject(&:blank?).to_sentence

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

@@ -0,0 +1,46 @@
+- @page_title = t('workarea.admin.segmentables.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, :content)
+
+    .section
+      - if @search.results.empty?
+        .grid.grid--center
+          .grid__cell.grid__cell--50
+            %h2.align-center= t('workarea.admin.segmentables.index.no_content')
+            %p.align-center= t('workarea.admin.segmentables.index.no_content_instructions_html')
+
+      - else
+        %h2.align-center= t('workarea.admin.segmentables.index.title', name: @segment.name)
+        .browsing-controls.browsing-controls--with-divider.browsing-controls--center{ class: ('browsing-controls--filters-displayed' unless @search.toggle_facets?) }
+          = form_tag search_path, method: 'get', class: 'browsing-controls__form' do
+            = facet_hidden_inputs(@search.facets)
+            .browsing-controls__sort
+              .property.property--inline
+                = label_tag 'sort', t('workarea.admin.searches.show.sort_by'), class: 'property__name'
+                = select_tag :sort, options_for_select(@search.sorts, selected: @search.sort), data: { form_submitting_control: '' }
+
+            .browsing-controls__search
+              .search-form
+                = text_field_tag :q, params[:q], class: 'search-form__input', id: 'search_again', title: t('workarea.admin.search.keywords'), placeholder: t('workarea.admin.search.keywords')
+                = submit_tag 'search_again', class: 'search-form__button'
+
+          %p.browsing-controls__count= pluralize(@search.results.total, 'result')
+
+        - if @search.results.present?
+          - if @search.results.any?
+            .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