spina-conferences-primer_theme-fork 0.6.0

data/app/views/layouts/spina/conferences/primer_theme/conferences/conferences.html.haml

@@ -0,0 +1,5 @@
+- content_for :breadcrumbs do
+  = render_breadcrumbs(builder: Spina::Conferences::PrimerTheme::Breadcrumbs::Builder)
+
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title }

data/app/views/layouts/spina/conferences/primer_theme/conferences/presentations.html.haml

@@ -0,0 +1,6 @@
+- content_for :breadcrumbs do
+  = render_breadcrumbs(builder: Spina::Conferences::PrimerTheme::Breadcrumbs::Builder)
+
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: @presentation.abstract.try(:to_plain_text), title: @presentation.name,
+                   seo_title: @presentation.name }

data/app/views/layouts/spina/conferences/primer_theme/journal/articles.html.haml

@@ -0,0 +1,2 @@
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title, hide_alert: true }

data/app/views/layouts/spina/conferences/primer_theme/journal/issues.html.haml

@@ -0,0 +1,2 @@
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title, hide_alert: true }

data/app/views/spina/admin/layout_partables/texts/_form.html.haml

@@ -0,0 +1,4 @@
+= f.fields_for :layout_partable, f.object.layout_partable do |ff|
+  - object_id = (ff.object.persisted? ? ff.object.object_id : "new_association_#{ff.object.object_id}").to_s + "_content"
+  = ff.hidden_field :content, id: "#{object_id}_input", value: ff.object.content(fallback: false, default: nil)
+  %trix-editor.text-input.trix-content{ input: "#{object_id}_input" }

data/app/views/spina/application/_cookies.html.haml

@@ -0,0 +1,7 @@
+= render Primer::BorderBoxComponent.new(classes: 'Box--overlay') do |component|
+  - component.header do
+    = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
+                 class: %w[Box-btn-octicon btn-octicon float-right]) do
+      = render Primer::OcticonComponent.new('x')
+    .Box-title= t(:'.title')
+  = component.body { }

data/app/views/spina/application/_current_conference_alert.html.haml

@@ -0,0 +1,4 @@
+- content_for :flash do
+  - cache current_account do
+    - if current_account.has_content? :current_conference_alert
+      = render(Primer::FlashComponent.new(full: true, variant: :warning)) { current_account.content(:current_conference_alert).html_safe }

data/app/views/spina/application/_footer.html.haml

@@ -0,0 +1,17 @@
+- cache [footer_navigation_items, current_account] do
+  = render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil], align_items: :center) do
+    = render Primer::FlexComponent.new(direction: [:column, :row, nil, nil], mb: [4, nil, 0, nil], flex: :auto) do
+      - cache footer_navigation_items do
+        %ul.list-style-none.flex-auto.mb-2.mb-sm-0.mr-sm-2
+          - footer_navigation_items.each do |item|
+            - cache item do
+              %li
+                = render Primer::ButtonComponent.new(tag: :a, href: item.materialized_path, variant: :small) { item.menu_title }
+      = render 'footer_content'
+      - if current_account.has_content? :github_url
+        = render Primer::ButtonComponent.new(tag: :a, href: current_account.content(:github_url), button_type: :outline, variant: :small,
+                                             display: :inline_block) do
+          = render Primer::OcticonComponent.new('mark-github')
+          = t :'.find_on_github'
+    = render(Primer::TextComponent.new(tag: :small, color: :text_secondary, mr: [nil, 2, nil, nil], font_size: 6, flex_grow: 0)) do
+      = t :'.copyright', name: current_account.name, year: Date.today.year

data/app/views/spina/application/_footer_content.html.haml

@@ -0,0 +1,13 @@
+= render Primer::DetailsComponent.new(overlay: :dark, reset: true, mb: [2, 0, nil, nil], mr: [nil, 2, nil, nil]) do |component|
+  = component.summary(button_type: :outline, variant: :small, aria: { haspopup: 'dialog' }, type: nil) do
+    = render Primer::OcticonComponent.new('info')
+    = t :'.cookies'
+  = component.body(tag: :'details-dialog') do
+    %include-fragment{ src: frontend_cookies_info_path, loading: :lazy }
+      = render Primer::BorderBoxComponent.new(classes: 'Box--overlay') do |box_component|
+        = box_component.body do
+          = button_tag(data: { 'close-dialog': true }, aria: { label: t(:'spina.close') }, type: 'button',
+                       class: %w[Box-btn-octicon btn-octicon m-0 position-absolute right-0 top-0]) do
+            = render Primer::OcticonComponent.new('x')
+          = render Primer::BlankslateComponent.new(title: t('.loading')) do |blankslate_component|
+            = blankslate_component.spinner(size: :large)

data/app/views/spina/application/_list_item.html.haml

@@ -0,0 +1 @@
+%li.list-style-none.py-4.border-bottom= yield

data/app/views/spina/application/_logo.html.haml

@@ -0,0 +1 @@
+= render Primer::OcticonComponent.new('home', mr: 2, height: 24)

data/app/views/spina/application/_mobile_navigation_item.html.haml

@@ -0,0 +1,12 @@
+.Header-item.mr-0.border-top.border-white-fade-15.flex-column.flex-items-stretch
+  - if navigation_item.has_children?
+    %details.details-reset
+      %summary.Header-link.py-2
+        = navigation_item.menu_title
+        = render Primer::OcticonComponent.new('chevron-down')
+      %ul.list-style-none
+        - navigation_item.children.each do |child|
+          %li= link_to child.menu_title, child.materialized_path, class: %w[d-block py-2 pl-3 border-top border-white-fade color-text-white]
+  - elsif navigation_item.is_root?
+    = link_to navigation_item.menu_title, navigation_item.materialized_path,
+              class: %w[Header-link py-2]

data/app/views/spina/application/_mobile_navigation_items.html.haml

@@ -0,0 +1,4 @@
+%nav.d-flex.flex-column.flex-self-stretch
+  = render partial: 'mobile_navigation_item', collection: main_navigation_items, as: :navigation_item, cache: -> navigation_item { [navigation_item, navigation_item.children] }
+  .Header-item.mr-0.border-top.border-white-fade-15= link_to 'Journal', frontend_issues_path, class: %w[Header-link py-2 py-lg-0]
+  .Header-item.mr-0.border-top.border-white-fade-15= link_to 'Conferences', frontend_conferences_path, class: %w[Header-link py-2 py-lg-0]

data/app/views/spina/application/_navigation.html.haml

@@ -0,0 +1,11 @@
+- cache main_navigation_items do
+  .Header.px-3.px-md-4.px-lg-5.flex-wrap.flex-lg-nowrap
+    .Header-item.mt-n1.mb-n1= link_to render('logo'), root_path, class: 'Header-link'
+    %details.details-reset.d-lg-none{ style: 'display: contents' }
+      %summary.Header-item.Header-link.btn-link
+        = render Primer::OcticonComponent.new('three-bars', height: 24)
+      .Header-item.Header-item--full.flex-column.width-full.flex-order-1.mr-0.mt-3
+        = render partial: 'mobile_navigation_items'
+    = render partial: 'navigation_item', collection: main_navigation_items, cache: -> navigation_item { [navigation_item, navigation_item.children] }
+    .Header-item.d-none.d-lg-flex= link_to 'Journal', frontend_issues_path, class: %w[Header-link]
+    .Header-item.d-none.d-lg-flex= link_to 'Conferences', frontend_conferences_path, class: %w[Header-link]

data/app/views/spina/application/_navigation_item.html.haml

@@ -0,0 +1,11 @@
+.Header-item.position-relative.d-none.d-lg-flex
+  - if navigation_item.has_children? && navigation_item.children.regular_pages.in_menu.live.sorted.any?
+    %details.details-reset.details-overlay
+      %summary.Header-link{ role: 'button', aria: { haspopup: 'menu' } }
+        = navigation_item.menu_title
+        = render Primer::OcticonComponent.new('chevron-down')
+      %ul.dropdown-menu.dropdown-menu-sw
+        - navigation_item.children.regular_pages.in_menu.live.sorted.each do |child|
+          %li= link_to child.menu_title, child.materialized_path, class: 'dropdown-item'
+  - elsif navigation_item.is_root?
+    = link_to navigation_item.menu_title, navigation_item.materialized_path, class: %w[Header-link]

data/app/views/spina/application/_text.html.haml

@@ -0,0 +1 @@
+= render(Primer::MarkdownComponent.new) { text.html_safe }

data/app/views/spina/conferences/primer_theme/conferences/conferences/_conference.html.haml

@@ -0,0 +1,15 @@
+= render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil]) do
+  %ul.list-style-none.d-flex.flex-wrap.flex-md-justify-end.pl-md-2.pb-2.pb-md-0
+    = render partial: 'institution', collection: conference.institutions, cached: -> institution { [institution, institution.logo] }
+  = render Primer::FlexItemComponent.new(flex_auto: true) do
+    = render(Primer::HeadingComponent.new(tag: :h3, mb: 1)) { link_to conference.name, frontend_conference_path(conference) }
+    %ul.text-secondary.list-style-none.d-flex.flex-column.flex-sm-row.flex-wrap
+      %li.mr-sm-3
+        = render Primer::OcticonComponent.new('calendar')
+        = t :'.dates_html', start_date: time_tag(conference.start_date, format: :date), finish_date: time_tag(conference.finish_date)
+      - if conference.institutions.any?
+        %li
+          = render Primer::OcticonComponent.new('location')
+          = render Primer::BaseComponent.new(tag: :address, display: :inline) do
+            = t :'.locations', institutions: conference.institutions.pluck(:name).to_sentence,
+                               cities: conference.institutions.pluck(:city).uniq.to_sentence

data/app/views/spina/conferences/primer_theme/conferences/conferences/_event.html.haml

@@ -0,0 +1,12 @@
+= render Primer::FlexComponent.new(direction: [:column, nil, :row, nil]) do
+  = render Primer::FlexItemComponent.new(mr: [nil, nil, 3, nil], mb: [3, nil, 0, nil], col: [nil, nil, 4, nil]) do
+    = render Primer::TextComponent.new(tag: :div, font_size: 3, font_weight: :light, mb: 1) do
+      = render Primer::OcticonComponent.new('clock', vertical_align: :baseline)
+      = t :'.times_html', start_time: time_tag(event.start_time, format: :short), finish_time: time_tag(event.finish_time, format: :time)
+    = render Primer::TextComponent.new(tag: :div, color: :text_secondary) do
+      = render Primer::OcticonComponent.new('location')
+      = render(Primer::BaseComponent.new(tag: :address, display: :inline)) { event.location }
+  = render Primer::FlexItemComponent.new(flex_auto: true, col: [nil, nil, 8, nil]) do
+    = render(Primer::HeadingComponent.new(tag: :h3, mb: 1)) { event.name }
+    = render(Primer::TextComponent.new(tag: :div, color: :text_secondary)) do
+      = event.description

data/app/views/spina/conferences/primer_theme/conferences/conferences/_events.html.haml

@@ -0,0 +1,16 @@
+- cache [events, @tab] do
+  = render Primer::BaseComponent.new(tag: :div, my: 4) do
+    - if events.any?
+      %filter-input{ aria: { owns: 'event_list' } }
+        .subnav.subnav-flush
+          .subnav-search.float-left.ml-0
+            = search_field_tag 'search', nil, class: %w[form-control subnav-search-input], aria: { label: t(:'.search') }
+            = octicon 'search', class: 'subnav-search-icon'
+    %div{ id: 'event_list' }
+      - if events.any?
+        %ul{ data: { filter: { list: true } } }
+          = render partial: 'event', collection: events.sorted, layout: 'list_item', cached: true
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+      = render Primer::BlankslateComponent.new(title: t(:'.no_matching_events'), icon: 'calendar', hidden: true,
+                                               data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/conferences/_header.html.haml

@@ -0,0 +1,47 @@
+- cache [@conference, @conference.institutions] do
+  .container-lg.p-responsive.mb-4
+    = render(Primer::HeadingComponent.new( mb: [1, nil, 2, nil])) { @conference.name }
+    %ul.text-secondary.list-style-none.d-flex.flex-column.flex-sm-row.flex-wrap
+      %li.mr-sm-3.mb-1
+        = render Primer::OcticonComponent.new('calendar')
+        = t :'.dates_html', start_date: time_tag(@conference.start_date, format: :date), finish_date: time_tag(@conference.finish_date)
+      - if @conference.institutions.any?
+        - cache @conference.institutions do
+          %li.mb-1
+            = render Primer::OcticonComponent.new('location')
+            = render Primer::BaseComponent.new(tag: :address, display: :inline) do
+              = t :'.locations', institutions: @conference.institutions.pluck(:name).to_sentence,
+                                 cities: @conference.institutions.pluck(:city).uniq.to_sentence
+    - if @conference.institutions.any?
+      %ul.list-style-none.d-flex.flex-wrap.mt-4
+        = render partial: 'institution', collection: @conference.institutions,
+                 cached: -> institution { [institution, institution.logo] }
+    - if @conference.content(:sponsors).present?
+      = render Primer::SubheadComponent.new(spacious: true) do |component|
+        = component.heading(tag: :h2) { t :'.sponsors.title' }
+      = render Primer::FlexComponent.new(flex_wrap: true, ml: -2, mr: -2, mt: -2, mb: -2) do
+        - repeater @conference.content(:sponsors) do |sponsor|
+          = render Primer::FlexItemComponent.new(m: 2, vertical_align: :middle) do
+            - if sponsor.content(:logo).present?
+              = link_to sponsor.content(:website) do
+                = sponsor.content.image_tag(:logo, { resize_to_limit: [200, 60] }, draggable: false,
+                                            srcset: srcset(sponsor.content(:logo), variant: { resize_to_limit: [200, 60] }))
+            - else
+              = render(Primer::LinkComponent.new(href: sponsor.content(:website) || '')) { sponsor.content(:name) }
+
+  - if @conference.content(:gallery).present?
+    = render Primer::FlexComponent.new(flex_direction: :column, justify_content: :center, align_items: :center, mb: 4, position: :relative,
+                                       data: { controller: :slideshow, slideshow_incrementer: 0, slideshow_advance: true }) do
+      - @conference.content(:gallery).each_with_index do |image, index|
+        = @conference.content.image_tag(image, { resize_to_fill: [1680, 600] }, draggable: false, data: { 'slideshow-target': 'slide' },
+                                        srcset: srcset(image, variant: { resize_to_fill: [1680, 600] }), hidden: index != 0,
+                                        class: %w[width-fit])
+      .position-absolute.top-0.left-0.right-0.bottom-0.container-lg.p-responsive
+        - if @conference.content(:gallery).many?
+          .d-none.d-sm-flex.flex-justify-between.flex-items-center.height-full
+            = render Primer::ButtonComponent.new(data: { action: :'slideshow#previous' }) do
+              = render Primer::OcticonComponent.new('arrow-left')
+              = t(:'.gallery.previous')
+            = render Primer::ButtonComponent.new(data: { action: :'slideshow#next' }) do
+              = t(:'.gallery.next')
+              = render Primer::OcticonComponent.new('arrow-right')

data/app/views/spina/conferences/primer_theme/conferences/conferences/_institution.html.haml

@@ -0,0 +1,5 @@
+%li
+  - if institution.logo.present?
+    = render partial: 'institution_logo', object: institution.logo, locals: { institution: institution }
+  - else
+    = institution.name

data/app/views/spina/conferences/primer_theme/conferences/conferences/_institution_logo.html.haml

@@ -0,0 +1,4 @@
+- cache institution_logo do
+  - if institution_logo.file.present?
+    = image_tag main_app.url_for(institution_logo.file.variant(resize_to_limit: [300, 60])), srcset: srcset(institution_logo.file,
+                variant: { resize_to_limit: [300, 60] }), alt_description: institution.name, draggable: false, class: 'p-1'

data/app/views/spina/conferences/primer_theme/conferences/conferences/_presentation.html.haml

@@ -0,0 +1,15 @@
+= render Primer::FlexComponent.new(direction: [:column, nil, :row, nil]) do
+  = render Primer::BaseComponent.new(tag: :div, flex_shrink: 0, mr: [nil, nil, 3, nil], mb: [3, nil, 0, nil], col: [nil, nil, 3, nil]) do
+    = render Primer::TextComponent.new(tag: :div, font_size: 3, font_weight: :light, mb: 1) do
+      = render Primer::OcticonComponent.new('clock', vertical_align: :baseline)
+      = time_tag presentation.start_datetime, format: :short
+    = render Primer::TextComponent.new(tag: :div, color: :text_secondary) do
+      = render Primer::OcticonComponent.new('location')
+      = render(Primer::BaseComponent.new(tag: :address, display: :inline)) { presentation.session.room_name }
+  = render Primer::BaseComponent.new(tag: :div, flex: :auto) do
+    = render Primer::HeadingComponent.new(tag: :h3, mb: 1) do
+      = render(Primer::LinkComponent.new(href: frontend_conference_presentation_path(conference, presentation), data: { turbo_frame: '_top' })) { presentation.title }
+    = render Primer::TextComponent.new(tag: :div, color: :text_secondary) do
+      = render Primer::OcticonComponent.new(presentation.presenters.many? ? 'people' : 'person')
+      = render Primer::BaseComponent.new(tag: :address, display: :inline) do
+        = presentation.presenters.collect(&:full_name_and_institution).to_sentence

data/app/views/spina/conferences/primer_theme/conferences/conferences/_presentation_type.html.haml

@@ -0,0 +1,5 @@
+%li
+  = link_to frontend_conference_path(presentation_type.conference, presentation_type: presentation_type.id, tab: 'presentations'),
+            class: 'filter-item', aria: { current: @presentation_type == presentation_type ? 'page' : nil } do
+    = presentation_type.name.pluralize
+    %span.count{ title: t(:'.results') }= presentation_type.presentations.count

data/app/views/spina/conferences/primer_theme/conferences/conferences/_presentations.html.haml

@@ -0,0 +1,29 @@
+- cache [@conference.presentations, @presentation_type, @presentations, @presentations.collect(&:presenters), @tab] do
+  = render Primer::FlexComponent.new(direction: [:column, nil, nil, :row], my: 4) do
+    = render Primer::FlexItemComponent.new(pr: [nil, nil, nil, 4], mb: [4, nil, nil, 0], col: [12, nil, nil, 3]) do
+      %ul.filter-list
+        - cache [@conference.presentations, @presentation_type] do
+          %li
+            = link_to frontend_conference_path(@conference, tab: 'presentations'),
+                      class: 'filter-item', aria: { current: ('page' if @presentation_type.blank?) } do
+              = t('.all_presentation_types')
+              %span.count{ title: t(:'.results') }= @conference.presentations.count
+        = render partial: 'presentation_type', collection: @conference.presentation_types.sorted,
+                 cached: -> presentation_type { [presentation_type, @presentation_type] }
+    = render Primer::FlexItemComponent.new(col: [12, nil, nil, 9]) do
+      - if @presentations.any?
+        %filter-input{ aria: { owns: 'presentation_list' } }
+          .subnav.subnav-flush
+            .subnav-search.float-left.ml-0
+              = search_field_tag 'search', nil, class: %w[form-control subnav-search-input], aria: { label: t(:'.search') }
+              = octicon 'search', class: 'subnav-search-icon'
+      %div{ id: 'presentation_list' }
+        - if @presentations.any?
+          %ul{ data: { filter: { list: true } } }
+            = render partial: 'presentation', collection: @presentations.sorted.reverse_order, layout: 'list_item',
+                     locals: { conference: @conference }, cached: -> presentation { [presentation, presentation.presenters] }
+          = paginate @presentations.sorted, views_prefix: 'spina/conferences/primer_theme/conferences'
+        - else
+          = render Primer::BlankslateComponent.new(title: t(:'.no_presentations'), icon: 'mortar-board')
+        = render Primer::BlankslateComponent.new(title: t(:'.no_matching_presentations'), icon: 'mortar-board', hidden: true,
+                                                 data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/conferences/_submission_flash.html.haml

@@ -0,0 +1,10 @@
+= render Primer::FlashComponent.new(variant: :warning, full: true, icon: 'clock') do |component|
+  = render Primer::TextComponent.new(tag: :div, display: :inline) do
+    = t :'.submit_by_html', date: time_tag(@conference.content(:submission_date), format: :full)
+  - if @conference.content(:submission_text).present?
+    = render(Primer::TextComponent.new(tag: :div, color: :text_secondary, display: :inline)) { @conference.content.html(:submission_text) }
+  - if @conference.content(:submission_url).present?
+    - component.action do
+      = render Primer::ButtonComponent.new(tag: :a, href: @conference.content.html(:submission_url), button_type: :primary,
+                                           variant: :small) do
+        = t :'.submit_abstract'

data/app/views/spina/conferences/primer_theme/conferences/conferences/index.html.haml

@@ -0,0 +1,23 @@
+= render Primer::FlexComponent.new(direction: [:column_reverse, nil, :row, nil]) do
+  = render Primer::FlexItemComponent.new(flex_auto: true, mb: [4, nil, 0, nil]) do
+    %filter-input{ aria: { owns: 'conference_list' } }
+      - if @conferences.any?
+        .subnav.subnav-flush
+          .subnav-search.float-left.ml-0
+            = search_field_tag 'search', nil, class: %w[form-control subnav-search-input], aria: { label: t(:'.search') }
+            = render Primer::OcticonComponent.new('search', classes: 'subnav-search-icon')
+  = render Primer::FlexItemComponent.new(mb: [4, nil, 0, nil]) do
+    = render Primer::ButtonComponent.new(tag: :a, href: frontend_conferences_url(protocol: :webcal, format: :ics), button_type: :primary,
+                                         ml: [0, nil, 6, nil]) do
+      = render Primer::OcticonComponent.new('calendar')
+      = t(:'.subscribe')
+
+%div{ id: 'conference_list' }
+  - if @conferences.any?
+    %ul{ data: { filter: { list: true } } }
+      = render partial: 'conference', collection: @conferences, layout: 'list_item',
+               cached: -> conference { [conference, conference.institutions, conference.institutions.collect(&:logo)] }
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_conferences'), icon: 'mortar-board')
+  = render Primer::BlankslateComponent.new(title: t(:'.no_matching_conferences'), icon: 'mortar-board', hidden: true,
+                                           data: { 'filter-empty-state': true })

data/app/views/spina/conferences/primer_theme/conferences/conferences/show.html.haml

@@ -0,0 +1,37 @@
+- if @conference.content(:submission_date).present? && @conference.content(:submission_date) >= Date.today
+  - content_for(:flash) { render 'submission_flash' }
+
+- content_for(:header) { render 'header' }
+
+= turbo_frame_tag 'conference_tabs' do
+  = render Primer::UnderlineNavComponent.new(label: t(:'.conference_navigation')) do |component|
+    - component.tab(href: frontend_conference_path(@conference, tab: 'information', presentation_type: @presentation_type&.id),
+                    aria: { selected: (@tab == 'information').to_s }, classes: 'UnderlineNav-item', role: 'tab') do
+      = t(:'.tabs.information')
+    - component.tab(href: frontend_conference_path(@conference, tab: 'presentations', presentation_type: @presentation_type&.id),
+                    aria: { selected: (@tab == 'presentations').to_s }, classes: 'UnderlineNav-item', role: 'tab') do
+      = t(:'.tabs.presentations')
+    - component.tab(href: frontend_conference_path(@conference, tab: 'events', presentation_type: @presentation_type&.id),
+                    aria: { selected: (@tab == 'events').to_s }, classes: 'UnderlineNav-item', role: 'tab') do
+      = t(:'.tabs.events')
+    - component.actions do
+      = render Primer::ButtonComponent.new(tag: :a, href: frontend_conference_url(@conference, protocol: :webcal, format: :ics),
+                                           button_type: :primary, variant: :small) do
+        = render Primer::OcticonComponent.new('calendar')
+        = t(:'.subscribe')
+  - case @tab
+    - when 'information'
+      - cache [@conference, @tab] do
+        - if @conference.content(:text).present?
+          = render(Primer::MarkdownComponent.new(my: 4)) { @conference.content.html(:text) }
+        - else
+          = render Primer::BlankslateComponent.new(title: t(:'.no_information'), icon: 'info', my: 4)
+    - when 'presentations'
+      - cache [@conference.presentations, @presentation_type, @presentations, @presentations.collect(&:presenters), @tab] do
+        = render partial: 'presentations'
+    - when 'events'
+      - cache [@conference.events, @tab] do
+        = render partial: 'events', locals: { events: @conference.events }
+    - else
+      = render Primer::BlankslateComponent.new(title: t('.no_tab'), description: t('.tab_does_not_exist', tab: @tab), icon: 'x-circle',
+                                               my: 4)

data/app/views/spina/conferences/primer_theme/conferences/kaminari/_gap.html.haml

@@ -0,0 +1,2 @@
+%span.gap
+  …

data/app/views/spina/conferences/primer_theme/conferences/kaminari/_next_page.html.haml

@@ -0,0 +1,9 @@
+-# Link to the "Previous" page
+-#  - available local variables
+-#    url:           url to the previous page
+-#    current_page:  a page object for the currently displayed page
+-#    total_pages:   total number of pages
+-#    per_page:      number of items to fetch per page
+-#    remote:        data-remote
+= link_to_unless current_page.last?, t(:'.next'), url, rel: 'next', class: 'next_page', aria: { label: t('.next_page') } do
+  %span.next_page{ aria: { disabled: 'true' } }= t('.next')

data/app/views/spina/conferences/primer_theme/conferences/kaminari/_page.html.haml

@@ -0,0 +1,10 @@
+-# Link showing page number
+-#  - available local variables
+-#    page:          a page object for "this" page
+-#    url:           url to this page
+-#    current_page:  a page object for the currently displayed page
+-#    total_pages:   total number of pages
+-#    per_page:      number of items to fetch per page
+-#    remote:        data-remote
+= link_to_unless page.current?, page, url, aria: { label: t(:'.page', number: page) } do
+  %em{ aria: { current: 'page' } }= page

data/app/views/spina/conferences/primer_theme/conferences/kaminari/_paginator.html.haml

@@ -0,0 +1,17 @@
+-# The container tag
+-#  - available local variables
+-#    current_page:  a page object for the currently displayed page
+-#    total_pages:   total number of pages
+-#    per_page:      number of items to fetch per page
+-#    remote:        data-remote
+-#    paginator:     the paginator that renders the pagination tags inside
+= paginator.render do
+  %nav.paginate-container{ aria: { label: 'Pagination' } }
+    .pagination
+      = prev_page_tag
+      - each_page do |page|
+        - if page.display_tag?
+          = page_tag page
+        - elsif !page.was_truncated?
+          = gap_tag
+      = next_page_tag

data/app/views/spina/conferences/primer_theme/conferences/kaminari/_prev_page.html.haml

@@ -0,0 +1,9 @@
+-# Link to the "Previous" page
+-#  - available local variables
+-#    url:           url to the previous page
+-#    current_page:  a page object for the currently displayed page
+-#    total_pages:   total number of pages
+-#    per_page:      number of items to fetch per page
+-#    remote:        data-remote
+= link_to_unless current_page.first?, t(:'.previous'), url, rel: 'prev', class: 'previous_page', aria: { label: t('.previous_page') } do
+  %span.previous_page{ aria: { disabled: 'true' } }= t('.previous')

data/app/views/spina/conferences/primer_theme/conferences/presentations/_abstract.html.haml

@@ -0,0 +1,2 @@
+= render(Primer::MarkdownComponent.new(my: 4)) do
+  = abstract

data/app/views/spina/conferences/primer_theme/conferences/presentations/_attachment.html.haml

@@ -0,0 +1,5 @@
+- cache [attachment, attachment.attachment] do
+  - unless attachment.attachment.blank?
+    = component.button(tag: :a, href: main_app.rails_blob_path(attachment.attachment.file, disposition: :attachment)) do
+      = render Primer::OcticonComponent.new('download')
+      = attachment.name