spina-conferences-primer_theme-fork 0.7.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1561b312a905740c2df8e80cfd2fb875333f588cab5ba2a67feafefeeccc2bf6
-  data.tar.gz: 0c4fbd31dd842563409598d4486414ef0f5328214c3d7b03c1f3086a3cd77709
+  metadata.gz: 49f472da2c641da3e9b2447dcf6d4cc9d10f15a374024eead49056e0ea430a5b
+  data.tar.gz: 5e6d9caf62a78d896a05d61199ddbf4ab39e8c1f71788880a0fdc646d9fc2a3c
 SHA512:
-  metadata.gz: 854bef4e11f026ceb8eb5db856a46e63416788e4401dc2b0d7d0d284f32c6d5095f4e9a412d7b66636c80b8e31efb4a68dda10acc1a2b6abd0b9b5cfad78d1d3
-  data.tar.gz: d84b45390c680a89cde4dc89fe6c14e869a11accf522e6a4229424dd177d52ec1472ede1748901873701faca6cb12b6878c756b3bcdd166d35e79fccbf67953c
+  metadata.gz: e053a5dc58adeb0a695d424441a46593c8a0eff9c387a0da1a3485616ac275cde4741ffaaa252d62a0f0d20218bbcac487a46c96fc71093df54a2bae37d9c84e
+  data.tar.gz: 28f300ad55d0f0aa33294dcf3f7d6671e9f0536da82ec42f522439a2745ca947dccc6992164993bded4a5a56e68ac3e5535a4ba31b84e91c8c3679a6bcd3d4f9

data/app/assets/javascripts/spina/conferences/primer_theme/controllers/slideshow_controller.es6

@@ -29,6 +29,26 @@ class SlideshowController extends Stimulus.Controller {
     this.showSlide()
   }
 
+  /**
+   * Returns the delay between slide transitions.
+   * @private
+   * @return {Number} The value for the delay.
+   */
+  get delay() {
+    return this.data.has('delay') 
+      ? Number.parseInt(this.data.get('delay'))
+      : 10000
+  }
+
+  /**
+   * Sets the delay between slide transitions.
+   * @private
+   * @param value {Number} The new value for the delay.
+   */
+  set delay(value) {
+    this.data.set('delay', value.toString())
+  }
+
   /**
    * Hook to start advancing the slides if necessary.
    * @private
@@ -36,7 +56,7 @@ class SlideshowController extends Stimulus.Controller {
   connect() {
     this.showSlide()
     if (this.data.has('advance')) {
-      setInterval(() => this.next(), 10000)
+      setInterval(() => this.next(), this.delay)
     }
   }
 

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

@@ -2,33 +2,15 @@
   - 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) }
+                                        style: 'background-color: #057fab; z-index: 0')
+      - if content(:carousel).present?
+        %div{data: { controller: :slideshow, slideshow_incrementer: 0, slideshow_advance: true, slideshow_delay: 20000 }}
+          - content(:carousel).each_with_index do |carousel_item, index|
+            = render partial: 'conferences_primer_theme/partials/homepage_item', locals: { item: carousel_item }
+          .position-absolute.top-0.left-0.right-0.bottom-0.container-xl.p-responsive{ style: 'z-index: 2' }
+            - if content(:carousel).many?
+              .d-flex.flex-justify-between.flex-items-center.height-full
+                = render Primer::ButtonComponent.new(data: { action: :'slideshow#previous' }) do
+                  = render Primer::OcticonComponent.new('arrow-left')
+                = render Primer::ButtonComponent.new(data: { action: :'slideshow#next' }) do
+                  = render Primer::OcticonComponent.new('arrow-right')

data/app/views/conferences_primer_theme/partials/_homepage_item.html.haml

@@ -0,0 +1,20 @@
+%div{ data: { slideshow_target: 'slide' } }
+  - if item.content(:background_image).present?
+    = render Primer::BoxComponent.new(position: :absolute, top: false, left: false, right: false, bottom: false, style: 'z-index: 1') do
+      = image_tag(main_app.url_for(item.content(:background_image).variant(resize_to_limit: [1680, 1680])),
+                  draggable: false,
+                  srcset: srcset(item.content(:background_image),
+                                variant: { resize_to_limit: [1680, 1680] }),
+                  style: 'object-fit: cover;',
+                  class: %w[width-full height-full])
+  .container-lg.p-responsive.position-relative.color-text-white.height-full{ style: 'z-index: 3'}
+    = render Primer::BoxComponent.new(py: [3, nil, nil, 6]) do
+      %div{ style: 'text-shadow: 0 1px 1px #01040940, 0 1px 25px #010409bf;' }
+        = render(Primer::HeadingComponent.new(tag: :h1, classes: 'h000-mktg lh-condensed-ultra')) do
+          = item.content(:title)
+      %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)) do
+          = item.content(:description).html_safe
+      - if item.content(:url).present?
+        = link_to t('.more_info'), item.content(:url),
+                  class: %w[btn-mktg btn-large-mktg btn-primary-mktg f3 mt-4]

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

@@ -1,2 +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 }
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title, hide_alert: false }

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

@@ -1,2 +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 }
+         locals: { author: current_account.name, description: @description, title: @title, seo_title: @title, hide_alert: false }

data/config/initializers/themes/conferences_primer_theme.rb

@@ -211,12 +211,25 @@
     title: 'Periodical Issues',
     part_type: 'Spina::Parts::Repeater',
     parts: %w[name date description cover_img attachment url]
+  }, {
+    name: 'title',
+    title: 'Title',
+    part_type: 'Spina::Parts::Line'
+  }, {
+    name: 'background_image',
+    title: 'Background Image',
+    part_type: 'Spina::Parts::Image'
+  }, {
+    name: 'carousel',
+    title: 'Carousel',
+    part_type: 'Spina::Parts::Repeater',
+    parts: %w[title description url background_image]
   }]
 
   theme.view_templates = [{
     name: 'homepage',
     title: 'Homepage',
-    parts: %w[gallery text]
+    parts: %w[carousel text]
   }, {
     name: 'information',
     title: 'Information',

data/config/locales/en.yml

@@ -85,6 +85,8 @@ en:
       event:
         dates_html: "%{start_date} – %{finish_date}"
         more_info: More information
+      homepage_item:
+        more_info: Find out more
 
 
   spina:

data/lib/spina/conferences/primer_theme/version.rb

@@ -3,7 +3,7 @@
 module Spina
   module Conferences
     module PrimerTheme
-      VERSION = '0.7.1'
+      VERSION = '0.8.0'
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spina-conferences-primer_theme-fork
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.8.0
 platform: ruby
 authors:
 - Justin Malčić
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-09-07 00:00:00.000000000 Z
+date: 2021-11-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: babel-transpiler
@@ -314,6 +314,7 @@ files:
 - app/views/conferences_primer_theme/pages/periodical.html.haml
 - app/views/conferences_primer_theme/pages/show.html.haml
 - app/views/conferences_primer_theme/partials/_event.html.haml
+- app/views/conferences_primer_theme/partials/_homepage_item.html.haml
 - app/views/layouts/conferences_primer_theme/application.html.haml
 - app/views/layouts/spina/conferences/primer_theme/application.html.haml
 - app/views/layouts/spina/conferences/primer_theme/conferences/conferences.html.haml