workarea-admin 3.4.12

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

@@ -0,0 +1,46 @@
+- @page_title = t('workarea.admin.content_assets.insert.page_title')
+
+.view{ data: { turbolinks: false, asset_picker: '' } }
+  .grid.grid--middle.grid--center
+    .grid__cell.grid__cell--50
+      %h1.view__heading= t('workarea.admin.content_assets.insert.title')
+
+  .view__container
+
+    .direct-upload{ data: { direct_upload: { type: 'asset' }.to_json, unsaved_changes: '' } }
+      .direct-upload__content
+        .direct-upload__heading= t('workarea.admin.direct_uploads.drop_files_here')
+        .direct-upload__info= t('workarea.admin.direct_uploads.info')
+
+    .browsing-controls.browsing-controls--with-divider.browsing-controls--center{ class: ('browsing-controls--filters-displayed' unless @search.toggle_facets?) }
+      = form_tag insert_content_assets_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.search.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_products', title: t('workarea.admin.search.keywords'), placeholder: t('workarea.admin.search.keywords')
+            = submit_tag 'search_assets', class: 'search-form__button'
+
+        = render 'workarea/admin/shared/creation_date', search: @search, form_path: insert_content_assets_path
+
+        - if @search.facets.present?
+          - @search.facets.each do |facet|
+            = render "workarea/admin/facets/#{facet.type}", facet: facet
+
+        - if @search.toggle_facets?
+          .browsing-controls__toggle-filters
+            %button.text-button{ type: 'button', data: { toggle_filters: '' } }= t('workarea.admin.search.show_filters')
+
+      = render 'workarea/admin/facets/applied', search: @search, reset_path: content_assets_path
+
+    - if @search.results.any?
+      .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

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

@@ -0,0 +1,36 @@
+- @page_title = t('workarea.admin.content_assets.new.page_title')
+
+.view
+  .view__header
+    .grid.grid--middle.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to_index_for(@asset)
+          %h1= t('workarea.admin.content_assets.new.title')
+
+  .view__container
+
+    - if @asset.errors.present?
+      - @asset.errors.full_messages.each do |message|
+        = render_message 'error', message
+
+    = form_tag content_assets_path, method: 'post', multipart: true, id: 'asset_form', data: { unsaved_changes: '' } do
+
+      .section
+
+        .property
+          = label_tag 'asset_name', t('workarea.admin.fields.name'), class: 'property__name'
+          = text_field_tag 'asset[name]', @asset.name, class: 'text-box'
+
+        .property
+          = label_tag 'asset[file]', t('workarea.admin.fields.file'), class: 'property__name'
+          = file_field_tag 'asset[file]', required: true
+
+        .property
+          = label_tag 'asset_tag_list', t('workarea.admin.fields.tags'), class: 'property__name'
+          = text_field_tag 'asset[tag_list]', @asset.tag_list, class: 'text-box'
+          %span.property__note= t('workarea.admin.content_assets.new.tags_note')
+
+      .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_assets/show.html.haml

@@ -0,0 +1,21 @@
+- @page_title = @asset.name
+
+.view
+  .view__header
+    .grid.grid--middle.grid--right
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to_index_for(@asset)
+          %h1= @asset.name
+      .grid__cell.grid__cell--25
+        = render_aux_navigation_for(@asset)
+
+  .view__container
+    = render_cards_for(@asset)
+
+    .workflow-bar
+      .grid
+        .grid__cell.grid__cell--50
+          = link_to t('workarea.admin.actions.delete'), content_asset_path(@asset), class: 'workflow-bar__button workflow-bar__button--delete', data: { method: 'delete', confirm: t('workarea.admin.actions.delete_confirmation') }
+        .grid__cell.grid__cell--50.grid--right
+          = append_partials('admin.asset_show_workflow_bar', model: @asset)

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

@@ -0,0 +1,24 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  .asset-picker-field{ data: { asset_picker_field: '' } }
+    .asset-picker-field__cell
+      = hidden_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--i18n', required: field.required?
+
+      %span{ data: { asset_name: true } }
+        - asset = Workarea::Content::Asset.find_or_initialize_by(id: block.data[field.slug])
+        = asset.name.presence || t('workarea.admin.content_blocks.asset.name_missing')
+
+    .asset-picker-field__cell= link_to t('workarea.admin.content_blocks.asset.select_an_asset'), insert_content_assets_path(file_type: field.file_types), class: 'text-button', data: { asset_picker_field_open: '', turbolinks: false }
+    - if asset.name.present?
+      .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: '' }
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = toggle_button_for "block[data][#{field.slug}]", block.data[field.slug], id: block.id
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,17 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  - Workarea.config.storefront_break_points.each_key do |breakpoint|
+    = check_box_tag "block[data][#{field.slug}][]", breakpoint[:name], Array(block.data[field.slug]).include?(breakpoint[:name]), id: dom_id(block, "#{field.slug}_#{breakpoint[:name]}")
+    = label_tag dom_id(block, "#{field.slug}_#{breakpoint[:name]}"), nil, class: 'property__name' do
+      = breakpoint[:name].titleize
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = select_tag "block[data][#{field.slug}]", options_for_category(block.data[field.slug]), id: nil, include_blank: true, id: dom_id(block, field.slug), data: { remote_select: { source: catalog_categories_path(format: :json), options: { placeholder: t('workarea.admin.content_blocks.category.select_placeholder'), allowClear: true } }.to_json }, required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,19 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  .color-picker
+    = color_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'color-picker__input', required: field.required?, list: (color_picker_id(block, field) if field.presets.present?)
+    - if field.presets.present?
+      %datalist{ id: color_picker_id(block, field) }
+        - field.presets.each do |color|
+          %option= color
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = number_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--i18n', required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = select_tag "block[data][#{field.slug}]", options_for_select(field.values, block.data[field.slug]), id: nil
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = select_tag "block[data][#{field.slug}]", options_for_products(block.data[field.slug]), id: nil, include_blank: true, multiple: field.options[:single] ? false : true, data: { remote_select: { source: catalog_products_path(format: :json), options: { placeholder: t('workarea.admin.content_blocks.products.select_placeholder') } }.to_json }, required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,16 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  .range-field{ data: { range_field:'' } }
+    = range_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: dom_id(block, field.slug), class: 'range-field__input', value: block.data[field.slug], max: field.max, min: field.min, step: field.step
+    = number_field_tag "block[data][#{field.slug}]", block.data[field.slug], class: 'text-box text-box--small text-box--i18n', max: field.max, min: field.min, step: field.step
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,17 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  - if field.multi_line?
+    = text_area_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--code text-box--multi-line text-box--i18n', required: field.required?
+  - else
+    = text_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--i18n', required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = taxonomy_select "block[data][#{field.slug}]", block.data[field.slug]
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  .wysiwyg{ data: { wysiwyg: '' } }= text_area_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--multi-line text-box--i18n', required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,14 @@
+.property{ class: ('property--required' if field.required?), data: field.options[:html_data_attributes] }
+  = label_tag dom_id(block, field.slug), class: 'property__name' do
+    = field.name
+    - if field.tooltip.present?
+      = link_to "##{dom_id(block, field.slug)}_tooltip", data: { tooltip: '' } do
+        = inline_svg('workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', title: t('workarea.admin.content_blocks.tooltips.more_info'))
+
+  - if field.note.present?
+    %span.property__note= field.note
+  = text_field_tag "block[data][#{field.slug}]", block.data[field.slug], id: nil, class: 'text-box text-box--i18n', required: field.required?
+
+- if field.tooltip.present?
+  .tooltip-content{ id: "#{dom_id(block, field.slug)}_tooltip" }
+    %p= field.tooltip

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

@@ -0,0 +1,31 @@
+.grid.grid--large.grid--center
+  .grid__cell.grid__cell--50
+    .view__heading
+      %span.heading.heading--1= t('workarea.admin.content_blocks.index.title')
+
+.grid.grid--auto.grid--huge.grid--top.grid--center
+  - @system_block_types.each do |block_type|
+    .grid__cell
+      = link_to url_for(@return.merge(new_block: { type_id: block_type.id, position: params[:position] }, return_to: @return)), class: 'new-block-button', data: { turbolinks: false } do
+        = content_block_icon(block_type.icon, title: block_type.name, class: 'new-block-button__icon')
+        %span.new-block-button__name= block_type.name
+        %span.new-block-button__help
+          = inline_svg 'workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', data: { tooltip: { content_id: "##{block_type.id}-description" }.to_json }
+      .tooltip-content{ id: "#{block_type.id}-description" }= block_type.description
+
+- if @content_presets.any?
+  .grid.grid--large.grid--center
+    .grid__cell.grid__cell--50
+      .view__heading
+        %span.heading.heading--1= t('workarea.admin.content_blocks.index.title_preset')
+
+  .grid.grid--auto.grid--huge.grid--top.grid--center
+    - @content_presets.each do |preset|
+      .grid__cell.grid__cell--25
+        = link_to url_for(@return.merge(new_block: { type_id: preset.type_id, position: params[:position] }, preset_id: preset.id, return_to: @return)), class: 'new-block-button', data: { turbolinks: false } do
+          = content_block_icon(preset.type.icon, title: preset.name, class: 'new-block-button__icon')
+          %span.new-block-button__name= preset.name
+          %span.new-block-button__help
+            = inline_svg 'workarea/admin/icons/help.svg', class: 'svg-icon svg-icon--small svg-icon--blue', data: { tooltip: { content_id: "##{preset.id}-description" }.to_json }
+        .align-center= link_to t('workarea.admin.actions.delete'), content_preset_path(preset), data: { method: 'delete', confirm: t('workarea.admin.actions.delete_confirmation'), dom_remove: '.grid__cell' }
+        .tooltip-content{ id: "#{preset.id}-description" }= preset.type.description

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

@@ -0,0 +1,22 @@
+- @page_title = "#{@email.type.titleize} #{t('workarea.admin.content_emails.email_content')}"
+
+.content-email.view
+  .view__header
+    .grid.grid--middle.grid--center
+      .grid__cell.grid__cell--50
+        .view__heading
+          = link_to "↑ #{t('workarea.admin.content_emails.transactional_email_content')}", content_emails_path
+          %h1 #{@email.type.titleize} #{t('workarea.admin.content_emails.email_content')}
+
+  .view__container.view__container--narrow
+
+    = form_tag content_email_path(@email), method: 'patch', id: 'content-email_form', data: { unsaved_changes: '' } do
+
+      .section
+        .property
+          = label_tag 'email[content]', t('workarea.admin.fields.content'), class: 'property__name'
+          .wysiwyg{ data: { wysiwyg: '' } }= text_area_tag 'email[content]', @email.content, class: 'text-box text-box--multi-line text-box--i18n'
+
+      .workflow-bar
+        .grid.grid--auto.grid--right.grid--middle
+          .grid__cell= button_tag t('workarea.admin.content_emails.save_content'), value: 'save_content_email', class: 'workflow-bar__button workflow-bar__button--update'

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

@@ -0,0 +1,26 @@
+- @page_title = t('workarea.admin.content_emails.email_content')
+
+.view
+  .view__header
+    .view__heading
+      = link_to "↑ #{t('workarea.admin.content_emails.marketing_dashboard')}", marketing_dashboards_path, class: 'view__dashboard-button'
+      %h1= t('workarea.admin.content_emails.transactional_email_content')
+
+  .view__container
+    .browsing-controls.browsing-controls--with-divider
+      .browsing-controls__count
+        = t('workarea.admin.content_emails.transactional_email', count: @emails.count)
+
+    - if @emails.any?
+      %table.index-table
+        %thead
+          %tr
+            %th= t('workarea.admin.content_emails.type')
+            %th= t('workarea.admin.content_emails.email_content')
+            %th.align-right= t('workarea.admin.content_emails.updated_at')
+        %tbody
+          - @emails.each do |email|
+            %tr.index-table__row
+              %td= link_to email.type.titleize, edit_content_email_path(email)
+              %td= strip_tags(email.content)
+              %td.align-right= local_time_ago(email.updated_at)

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

@@ -0,0 +1,2 @@
+.grid.grid--auto.grid--right.grid--middle
+  .grid__cell= link_to t('workarea.admin.actions.view_on_storefront'), storefront.page_path(model), local_assigns[:html_options]

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

@@ -0,0 +1,40 @@
+.grid.grid--auto.grid--flush.grid--center
+  .grid__cell
+    .card{ class: card_classes(:attributes, local_assigns[:active]) }
+      = link_to edit_content_page_path(model), class: 'card__header' do
+        %span.card__header-text= t('workarea.admin.cards.attributes.title')
+        = 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.active')
+              = check_box_tag 'page', 'active', model.active, disabled: true
+            %li
+              %strong= t('workarea.admin.fields.show_left_navigation')
+              = model.show_navigation?.to_s.titleize
+            %li
+              %strong= t('workarea.admin.fields.template')
+              = model.template.try(:titleize).presence || '(none)'
+            %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_content_page_path(model), class: 'card__button' do
+            %span.button.button--small= t('workarea.admin.cards.attributes.button')
+
+  .grid__cell
+    = render 'workarea/admin/content/card', content: model.content, active: local_assigns[:active]
+
+  .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]