spina-conferences-primer_theme-fork 0.6.0

data/app/controllers/spina/conferences/primer_theme/journal/issues_controller.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      module Journal
+        # User-facing controller for journal issues
+        class IssuesController < ApplicationController
+          before_action :set_journal
+          before_action :set_issue, :set_breadcrumb, only: :show
+          before_action :set_metadata
+
+          def index
+            # having multiple journals is not currently allowed anyway
+            @issues = if current_spina_user.present?
+                        Admin::Journal::Issue.sorted_desc
+                      else
+                        Admin::Journal::Issue.sorted_desc.where('date <= ?', Time.zone.today)
+                      end
+            @latest_issue = @issues.first
+          end
+
+          def show
+            @articles = current_spina_user.present? ? @issue.articles : @issue.articles.visible
+            add_breadcrumb t('spina.conferences.primer_theme.journal.volume_issue', volume_number: @issue.volume.number, issue_number: @issue.number)
+          end
+
+          private
+
+          def set_journal
+            @journal = Admin::Journal::Journal.instance
+          end
+
+          def set_issue
+            @issue = Admin::Journal::Issue.includes(:volume, :articles).find(params[:id])
+          rescue ActiveRecord::RecordNotFound
+            send_file Rails.root.join('public/404.html'), type: 'text/html; charset=utf-8', status: 404
+          end
+
+          def set_breadcrumb
+            add_breadcrumb @journal.name, frontend_issues_path
+            add_breadcrumb Admin::Journal::Issue.model_name.human.pluralize, frontend_issues_path
+          end
+
+          def set_metadata
+            @title = @journal.name
+            @description = ActionView::Base.full_sanitizer.sanitize(@journal.content(:description))
+          end
+        end
+      end
+    end
+  end
+end

data/app/helpers/spina/conferences/primer_theme/application_helper.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      # Base helper
+      module ApplicationHelper
+        include Spina::PagesHelper
+
+        # Because the upper bound is exclusive a conference is current the day after it ends
+        def current_conference
+          Spina::Admin::Conferences::Conference.order(dates: :asc).find_by('upper(dates) >= ?', Date.today)
+        end
+
+        def ancestors
+          return [] if current_page.blank?
+
+          render Primer::BreadcrumbComponent.new(mb: 4) do |component|
+            current_page.ancestors.each do |ancestor|
+              component.item(href: ancestor.materialized_path) { ancestor.menu_title }
+            end
+            component.item(selected: true) { current_page.menu_title }
+          end
+        end
+
+        def calendar(name:)
+          Icalendar::Calendar.new
+                              .tap { |calendar| calendar.x_wr_calname = name }
+                              .tap { |calendar| yield(calendar) }
+                              .tap(&:publish)
+                              .then(&:to_ical)
+        end
+      end
+    end
+  end
+end

data/app/helpers/spina/conferences/primer_theme/asset_helper.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      # Helper for computing asset sources
+      module AssetHelper
+        def srcset(image, **options)
+          return if image.blank?
+
+          options = options.symbolize_keys
+          variant_options = options.delete(:variant)
+          return if variant_options.blank?
+
+          factors = options.delete(:factors) || DEFAULT_FACTORS
+          variants_for image, variant_options: variant_options, factors: factors
+        end
+
+        def srcset_string(image, **options)
+          srcset(image, **options).collect { |key, value| "#{key} #{value}" }
+                                  .join(', ')
+        end
+
+        private
+
+        METHODS_TO_RESIZE = %i[resize_to_limit resize_to_fit resize_to_fill resize_and_pad].freeze
+        DEFAULT_FACTORS = [1, 2, 3, 4].freeze
+
+        def variants_for(image, variant_options:, factors:)
+          factors.inject({}) { |srcset, factor| srcset.update(variant_url(image, variant_options, factor) => "#{factor}x") }
+        end
+
+        def variant_url(image, variant_options, factor)
+          main_app.url_for(image.variant(resize_options(variant_options, factor)))
+        end
+
+        def resize_options(variant_options, factor)
+          variant_options.to_h { |key, value| [key, resize_dimensions_for_key(key, factor, value)] }
+        end
+
+        def resize_dimensions_for_key(key, factor, dimensions)
+          METHODS_TO_RESIZE.include?(key) ? dimensions.collect { |dimension| resize_dimension(dimension, factor) } : dimensions
+        end
+
+        def resize_dimension(dimension = 0, factor = 0)
+          factor * dimension
+        end
+      end
+    end
+  end
+end

data/app/helpers/spina/conferences/primer_theme/navigations_helper.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Spina
+  module Conferences
+    module PrimerTheme
+      # Helper for accessing navigation items
+      module NavigationsHelper
+        def main_navigation_items
+          @main_navigation_items ||= live_navigation_items('main')
+        end
+
+        def footer_navigation_items
+          @footer_navigation_items ||= live_navigation_items('footer')
+        end
+
+        private
+
+        def live_navigation_items(name)
+          ::Spina::NavigationItem.joins(:navigation).where(spina_navigations: { name: name }).roots.regular_pages.in_menu.live.sorted
+        end
+      end
+    end
+  end
+end

data/app/views/conferences_primer_theme/pages/about.html.haml

@@ -0,0 +1,92 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+  - if content(:contact).present?
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.contact.title' }
+    = render(Primer::MarkdownComponent.new) { content.html(:contact) }
+
+  .clearfix.gutter
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      = render Primer::SubheadComponent.new do |component|
+        = component.heading { t :'.constitution.title' }
+      - if content(:constitution).present?
+        = render Primer::FlexComponent.new(align_items: :center, py: 1) do
+          = render Primer::FlexItemComponent.new(flex_auto: true, pr: 1) do
+            = t :'.constitution.uploaded',
+                date: l(Spina::Attachment.find(content(:constitution).attachment_id).created_at.to_date, format: :long)
+          = render Primer::ButtonComponent.new(tag: :a, href: content.attachment_url(:constitution), ml: 2, download: '') do
+            = render Primer::OcticonComponent.new('desktop-download')
+            = t :'.constitution.download'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.constitution.no_constitution'), icon: 'law')
+
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      = render Primer::SubheadComponent.new do |component|
+        = component.heading { t :'.minutes.title' }
+      - if content(:minutes).present?
+        %ul
+          - repeater :minutes do |minutes_entry|
+            %li.list-style-none.py-1.d-flex.flex-items-center
+              = render Primer::FlexItemComponent.new(flex_auto: true) do
+                - if minutes_entry.content(:date).present?
+                  = t(:'.minutes.minutes_for_html', date: time_tag(minutes_entry.content(:date)))
+                - else
+                  = t(:'.minutes.no_date')
+              - if minutes_entry.content(:attachment).present?
+                = render Primer::ButtonComponent.new(tag: :a, ml: 2, href: minutes_entry.content.attachment_url(:attachment),
+                                                     download: '') do
+                  = render Primer::OcticonComponent.new('desktop-download')
+                  = t(:'.minutes.download')
+              - else
+                = render(Primer::TextComponent.new(color: :text_secondary, font_size: 6)) { t :'.minutes.no_file' }
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.minutes.no_minutes'), icon: 'file')
+
+    = render Primer::BoxComponent.new(mt: 4, col: [12, nil, 6, nil], float: [nil, nil, :left, nil]) do
+      - if content(:documents).present?
+        = render Primer::SubheadComponent.new do |component|
+          = component.heading { t :'.documents.title' }
+        %ul
+          - repeater :documents do |document|
+            %li.list-style-none.py-1.d-flex.flex-items-center
+              = render(Primer::TextComponent.new(tag: :div, flex: :auto)) { document.content(:name).presence ||  t(:'.documents.no_name') }
+              - if document.content(:attachment).present?
+                = render Primer::ButtonComponent.new(tag: :a, ml: 2, href: document.content.attachment_url(:attachment), download: '') do
+                  = render Primer::OcticonComponent.new('desktop-download')
+                  = t :'.documents.download'
+              - else
+                = render(Primer::TextComponent.new(tag: :div, font_size: 6, color: :text_secondary)) { t :'.documents.no_file' }
+
+  = render Primer::SubheadComponent.new(mt: 4) do |component|
+    = component.heading { t :'.partner_societies.title' }
+  - if content(:partner_societies).present?
+    %ul
+      - repeater :partner_societies do |partner_society|
+        %li.list-style-none.py-4.border-bottom
+          = render Primer::FlexComponent.new(direction: [:column, nil, :row_reverse, nil], align_items: :start) do
+            = render Primer::BaseComponent.new(tag: :div, flex: :auto) do
+              = render Primer::HeadingComponent.new(tag: :h3, mb: 1) do
+                = render Primer::FlexComponent.new(flex_wrap: true, justify_content: :space_between) do
+                  - if partner_society.content(:name).present?
+                    = render(Primer::TextComponent.new(tag: :div)) { partner_society.content(:name) }
+                  = render Primer::ButtonGroupComponent.new(aria: { label: t(:'.partner_societies.contact_buttons') }) do |component|
+                    - if partner_society.content(:website).present?
+                      = component.button(tag: :a, href: partner_society.content(:website)) do
+                        = render Primer::OcticonComponent.new('browser')
+                        = t(:'.partner_societies.website')
+                    - if partner_society.content(:email_address).present?
+                      = component.button(tag: :a, href: "mailto:#{partner_society.content(:email_address)}") do
+                        = render Primer::OcticonComponent.new('mail')
+                        = t(:'.partner_societies.email')
+              - if partner_society.content(:description).present?
+                = render Primer::MarkdownComponent.new(color: :text_secondary) do
+                  = partner_society.content(:description).try(:html_safe)
+            - if partner_society.content(:logo).present?
+              = partner_society.content.image_tag(:logo, { resize_to_limit: [200, 150] }, size: nil, draggable: false,
+                                                  srcset: srcset(partner_society.content(:logo), variant: { resize_to_limit: [200, 150] }),
+                                                  class: %w[mt-4 mt-md-0 mr-md-4])
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.partner_societies.no_societies'), icon: 'organization')

data/app/views/conferences_primer_theme/pages/committee.html.haml

@@ -0,0 +1,42 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+
+  - if content(:committee_bios).present?
+    %ul.mt-4
+      - repeater(:committee_bios) do |committee_bio|
+        %li.list-style-none.py-4.border-bottom
+          = render Primer::FlexComponent.new(direction: [:column, nil, :row, nil], align_items: :start) do
+            - if committee_bio.content(:profile_picture).present?
+              = render Primer::AvatarComponent.new(src: committee_bio.content.image_url(:profile_picture, resize_to_fill: [150, 150]),
+                                                   srcset: srcset_string(committee_bio.content(:profile_picture),
+                                                                         variant: { resize_to_fill: [150, 150] }),
+                                                   draggable: false, alt: committee_bio.content(:profile_picture).alt, size: 150,
+                                                   mr: [nil, nil, 3, nil], mb: [3, nil, 0, nil], flex_shrink: 0)
+            = render Primer::FlexItemComponent.new(flex_auto: true) do
+              = render Primer::FlexComponent.new(direction: [:column, nil, :row, nil], mb: 1) do
+                = render Primer::BoxComponent.new do
+                  - if committee_bio.content(:name).present?
+                    = render(Primer::HeadingComponent.new(tag: :h3)) do
+                      - if committee_bio.content(:role).present?
+                        = t :'.name_and_role', name: committee_bio.content(:name), role: committee_bio.content(:role)
+                      - else
+                        = committee_bio.content(:name)
+                  - if committee_bio.content(:institution).present?
+                    = render(Primer::HeadingComponent.new(tag: :h4)) { committee_bio.content(:institution) }
+                = render Primer::ButtonGroupComponent.new(mt: [1, nil, 0, nil], ml: [nil, nil, 1, nil],
+                                                          aria: { label: t(:'.contact_buttons') }) do |component|
+                  - if committee_bio.content(:twitter_profile).present?
+                    = component.button(tag: :a, href: committee_bio.content(:twitter_profile)) do
+                      = render Primer::OcticonComponent.new('link-external')
+                      = t(:'.twitter')
+                  - if committee_bio.content(:facebook_profile).present?
+                    = component.button(tag: :a, href: committee_bio.content(:facebook_profile)) do
+                      = render Primer::OcticonComponent.new('link-external')
+                      = t(:'.facebook')
+              - if committee_bio.content(:bio).present?
+                = render(Primer::TextComponent.new(tag: :div, color: :text_secondary)) { committee_bio.content.html(:bio) }
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_bios'), icon: 'file')

data/app/views/conferences_primer_theme/pages/embedded_form.html.haml

@@ -0,0 +1,9 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+
+  - if content(:embed_url).present?
+    = render Primer::BoxComponent.new(mt: 4, col: 12) do
+      %iframe#form_frame{ src: content(:embed_url), allowfullscreen: true }

data/app/views/conferences_primer_theme/pages/events.html.haml

@@ -0,0 +1,59 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }
+
+  - if content(:events_list).present?
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.upcoming' }
+    - content(:events_list).filter { |event| event.content(:start_time).blank? || event.content(:start_time) >= Time.now }.then do |events|
+      - if events.any?
+        %ul
+          - repeater(events) do |event|
+            %li.list-style-none.py-4.border-bottom
+              = render Primer::FlexComponent.new(direction: :column, align_items: :start) do
+                - if event.content(:name).present?
+                  = render(Primer::HeadingComponent.new(tag: :h3, flex: :auto)) { event.content(:name) }
+                = render Primer::HeadingComponent.new(tag: :h4, flex: :auto) do
+                  - if event.content(:start_time).present?
+                    = t(:'.time_and_place_html',
+                        time: time_tag(event.content(:start_time), format: :ordinal_datetime_with_year),
+                        place: event.content(:location).presence || t('.location_tbc'))
+                  - else
+                    = t(:'.time_and_place_html', time: t('.time_tbc'), place: event.content(:location).presence || t('.location_tbc'))
+                - if event.content(:description).present?
+                  = render(Primer::TextComponent.new(mt: 1, color: :text_secondary)) { event.content.html(:description) }
+                - if event.content(:url).present?
+                  = render Primer::ButtonComponent.new(tag: :a, href: event.content(:url), mt: 2) do
+                    = render Primer::OcticonComponent.new('link-external')
+                    = t :'.more_info'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+    = render Primer::SubheadComponent.new(mt: 4) do |component|
+      = component.heading { t :'.past' }
+    - content(:events_list).filter { |event| event.content(:start_time).present? && event.content(:start_time) < Time.now }.then do |events|
+      - if events.any?
+        %ul
+          - repeater(events) do |event|
+            %li.list-style-none.py-4.border-bottom
+              = render Primer::FlexComponent.new(direction: :column, align_items: :start) do
+                - if event.content(:name).present?
+                  = render(Primer::HeadingComponent.new(tag: :h3, flex: :auto)) { event.content(:name) }
+                = render Primer::HeadingComponent.new(tag: :h4, flex: :auto) do
+                  - if event.content(:start_time).present?
+                    = t(:'.time_and_place_html',
+                        time: time_tag(event.content(:start_time), format: :ordinal_datetime_with_year),
+                        place: event.content(:location).presence || t('.location_tbc'))
+                  - else
+                    = t(:'.time_and_place_html', time: t('.time_tbc'), place: event.content(:location).presence || t('.location_tbc'))
+                - if event.content(:description).present?
+                  = render(Primer::TextComponent.new(mt: 1, color: :text_secondary)) { event.content.html(:description) }
+                - if event.content(:url).present?
+                  = render Primer::ButtonComponent.new(tag: :a, href: event.content(:url), mt: 2) do
+                    = render Primer::OcticonComponent.new('link-external')
+                    = t :'.more_info'
+      - else
+        = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')
+  - else
+    = render Primer::BlankslateComponent.new(title: t(:'.no_events'), icon: 'calendar')

data/app/views/conferences_primer_theme/pages/homepage.html.haml

@@ -0,0 +1,34 @@
+- content_for :hero do
+  - cache [current_page, current_conference] do
+    = render Primer::BoxComponent.new(position: :relative, style: 'height: 639px') do
+      = render Primer::BoxComponent.new(position: :absolute, top: false, left: false, right: false, bottom: false,
+                                        style: 'background-color: var(--color-scale-blue-9)')
+      - if content(:gallery).present?
+        = render Primer::FlexComponent.new(position: :absolute, top: false, left: false, right: false, bottom: false, style: 'z-index: 1',
+                                           flex_direction: :column, justify_content: :center, align_items: :center,
+                                           data: { controller: :slideshow, slideshow_incrementer: 0, slideshow_advance: true }) do
+          - content(:gallery).each_with_index do |image, index|
+            = content.image_tag(image, { resize_to_limit: [1680, 1680] }, draggable: false, hidden: index != 0,
+                                srcset: srcset(image, variant: { resize_to_limit: [1680, 1680] }),
+                                style: 'object-fit: cover; max-width: max-content; max-height: max-content',
+                                data: { slideshow_target: 'slide' }, class: %w[width-full height-full])
+      .container-lg.p-responsive.position-relative.color-text-white.height-full{ style: 'z-index: 2' }
+        = render Primer::BoxComponent.new(py: [3, nil, nil, 6]) do
+          %div{ style: 'text-shadow: 0 1px 1px #01040940, 0 1px 25px #010409bf;' }
+            - if current_conference.present?
+              = render(Primer::HeadingComponent.new(tag: :h1, classes: 'h000-mktg lh-condensed-ultra')) { current_conference.name }
+              = render Primer::TextComponent.new(tag: :address, classes: 'f2-light') do
+                = current_conference.institutions.collect(&:name).to_sentence
+              = render(Primer::TextComponent.new(tag: :time, classes: 'f2-light')) do
+                = t :'.dates_html', start_date: time_tag(current_conference.start_date, format: :day_and_month),
+                                    finish_date: time_tag(current_conference.finish_date, format: :day_and_month)
+            - else
+              = render(Primer::HeadingComponent.new(tag: :h1, classes: 'h000-mktg lh-condensed-ultra')) { Spina::Account.first.name }
+          - if current_conference.present? && current_conference.finish_date >= Date.today
+            = link_to t('.more_info'), frontend_conference_path(current_conference),
+                      class: %w[btn-mktg btn-large-mktg btn-primary-mktg f3 mt-4]
+          - else
+            = link_to t('.more_info'), Spina::Page.find_by(name: 'about').materialized_path,
+                      class: %w[btn-mktg btn-large-mktg btn-primary-mktg f3 mt-4]
+          %div{ style: 'text-shadow: 0 1px 1px rgba(var(--color-scale-black), 0.25), 0 1px 25px rgba(var(--color-scale-black), 0.75);' }
+            = render(Primer::MarkdownComponent.new(my: 4)) { content(:text).try(:html_safe) }

data/app/views/conferences_primer_theme/pages/information.html.haml

@@ -0,0 +1,5 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }
+
+  - if content(:text).present?
+    = render(Primer::MarkdownComponent.new(mt: 4)) { content.html(:text) }

data/app/views/conferences_primer_theme/pages/show.html.haml

@@ -0,0 +1,2 @@
+- cache current_page do
+  = render(Primer::HeadingComponent.new) { current_page.title }

data/app/views/layouts/conferences_primer_theme/application.html.haml

@@ -0,0 +1,7 @@
+- content_for :breadcrumbs do
+  - if current_page.ancestors.any?
+    = ancestors
+
+= render template: 'layouts/spina/conferences/primer_theme/application',
+         locals: { author: current_account.name, description: current_page.description,
+                   seo_title: current_page.seo_title, title: current_page.title }

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

@@ -0,0 +1,40 @@
+!!!
+%html{ lang: I18n.locale, data: { color_mode: 'auto', light_theme: 'light', dark_theme: 'dark' } }
+  %head
+    %meta{ charset: 'utf-8' }
+    %meta{ name: 'author', content: author }
+    %meta{ name: 'description', content: description }
+    %meta{ name: 'viewport', content: 'initial-scale=1.0' }
+    %meta{ name: 'og:title', content: t(:'.title', title: title, suffix: current_account.name) }
+    %meta{ name: 'og:description', content: description }
+    %meta{ name: 'turbolinks-cache-control', content: 'no-preview' }
+    %base{ target: '_blank' }
+    = csrf_meta_tags
+    %title= t(:'.title', title: seo_title, suffix: current_account.name)
+    = render 'spina/shared/google_site_verification'
+    = render 'spina/shared/analytics'
+    = stylesheet_link_tag 'spina/conferences/primer_theme/application', media: 'all', data: { turbolinks_track: true }
+    = javascript_include_tag 'spina/conferences/primer_theme/application', data: { turbolinks_track: true }
+    = javascript_include_tag 'turbo', type: 'module'
+    %script{ type: 'module', src: asset_path('@github/details-dialog-element/dist/index.js') }
+    %script{ type: 'module', src: asset_path('@github/include-fragment-element/dist/index.js') }
+    %script{ type: 'module', src: asset_path('@github/filter-input-element/dist/index.js') }
+    %script{ type: 'module', src: asset_path('@github/details-menu-element/dist/index.js') }
+    = yield :head
+  %body
+    - if current_spina_user.present?
+      .admin= render 'spina/shared/admin_bar'
+    %header= render 'navigation'
+    - unless local_assigns[:hide_alert]
+      = render 'current_conference_alert'
+    - if content_for? :flash
+      .flash-messages= yield :flash
+    %main
+      = yield :hero
+      - if content_for? :breadcrumbs
+        .container-lg.p-responsive.mt-4= yield :breadcrumbs
+      = yield :header
+      .container-lg.p-responsive.mt-4= yield
+    %footer
+      .container-lg.p-responsive.py-4= render 'footer'
+    = render 'spina/shared/social'