card-mod-bar_and_box 0.16.0 → 0.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 045d48b15ab21786a41caf92d84a18c62112aafb66524d5a9f58d157759bd847
-  data.tar.gz: 3c673705d9a60869fa6b303f38a576990cb7f1b72b2c147e2ea3650a5abca3e3
+  metadata.gz: 190d7d4831a2ae497659729cec7e0e2d6b75cde8160b3313474452b5d6ea9c5a
+  data.tar.gz: c5f650e79126ad7b072c2ebdba5450212cd9432444605950c31e7b7c9984e234
 SHA512:
-  metadata.gz: 8310e4f931acdc9aaa70ac8d01c91f416be60282a70cb3e4a35ad84a68da4aab537f77b8fb98846932a7f882a98731a07a3f5953837822cd57c111103e01f9ef
-  data.tar.gz: 505d58da24346ff16d17ce09e6378d4d5bbcab4073124c955fd3f6fd34e03c70300579253f1b1b60f17f2e30457fa88a9983a2428ce5e739fbda91019f86c73b
+  metadata.gz: 1472daa4fff82f6660d17995383f6861b294b912464ec1aaec8f0f4cd384405ae4e3b1fdfb489b50bb0953bd78835ea63d364283de0d83b2a6731f1a9b14afca
+  data.tar.gz: bef94ea876185503f22cff962615dd308f8193f88881c30a5da6c4b8ad3844f931bacc0ca60281922e431306b424d7d265a5ead97ce7bfd95e39efbb8d68db90

data/assets/script/bar_and_box.js.coffee

@@ -1,4 +1,4 @@
-$(window).ready ->
+$ ->
 # $("body").on "click", ".bar-menu", (e) ->
 #   e.stopImmediatePropagation()
 
@@ -13,6 +13,11 @@ $(window).ready ->
     else
       window.location = cardLinkPath(cl)
 
+  $("body").on "shown.bs.collapse", ".bar > .collapse", (_event) ->
+    s = $(this).find "> .d0-card-body > .card-slot-stub"
+    s.slotReload s.data("stubUrl")
+    s.removeClass "card-slot-stub"
+
 openInNewTab = (event) -> event.metaKey
 cardLinkPath = (cl) -> decko.path(cl.data("cardLinkUrl") || cl.data("cardLinkName"))
 

data/assets/script/click_select.js.coffee

@@ -1,12 +1,13 @@
 # TODO: move to list mod when possible
 # (currently not because list mod comes before jquery)
 
-$("body").on "click", "._click-multiselect-editor ._select-item", (event) ->
-  $(this).closest("._select-item").toggleClass("selected")
-  event.stopPropagation()
+$(window).ready ->
+  $("body").on "click", "._click-multiselect-editor ._select-item", (event) ->
+    $(this).closest("._select-item").toggleClass("selected")
+    event.stopPropagation()
 
-$("body").on "click", "._click-select-editor ._select-item", (event) ->
-  selectEditor = $(this).closest("._click-select-editor")
-  selectEditor.find(".selected").removeClass("selected")
-  $(this).closest("._select-item").addClass("selected")
-  event.stopPropagation()
+  $("body").on "click", "._click-select-editor ._select-item", (event) ->
+    selectEditor = $(this).closest("._click-select-editor")
+    selectEditor.find(".selected").removeClass("selected")
+    $(this).closest("._select-item").addClass("selected")
+    event.stopPropagation()

data/assets/style/bar.scss

@@ -1,4 +1,7 @@
 $bar_stripe_color: $dark !default;
+$bar-body-hover-color: rgba($gray-100, 0.5) !default;
+$bar-transition: $accordion-transition !default;
+
 
 ._card-link {
   cursor: pointer;
@@ -6,13 +9,16 @@ $bar_stripe_color: $dark !default;
 
 .bar {
   border: 1px solid $border-color;
-  &:hover {
+  > .bar-body, > .bar-menu, > .accordion-header > .accordion-button {
+    @include transition($bar-transition);
+  }
+  &:hover:not(.no-bar-hover) {
     cursor: pointer;
-    > .bar-body, > .bar-menu, > .accordion-header >.accordion-button {
-      background-color: $gray-200;
+    > .bar-body, > .bar-menu, > .accordion-header > .accordion-button {
+      background-color: $bar-body-hover-color;
     }
   }
-  &.accordion-item {
+  &.accordion-item > .accordion-header {
     .bar-left, .bar-right {
       padding: 0;
     }

data/assets/style/box.scss

@@ -8,7 +8,6 @@ $box_stripe_color: $secondary !default;
     cursor: pointer
   }
   border-top: 3px solid $box_stripe_color;
-  width: 320px;
 }
 
 .box-top {
@@ -55,12 +54,19 @@ $box_stripe_color: $secondary !default;
 .card-list-box {
   display: flex;
   flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-around;
 }
 
 // wrapper around box in list context
 .item-box {
-  display: inline-block;
-  padding: 10px 1%;
+  display: flex;
+  padding: 1rem 0;
   vertical-align: top;
-}
+  justify-content: center;
+}
+
+.box, .item-box {
+  min-width: 320px;
+  max-width: 400px;
+  width: 100%
+}

data/config/admin.yml

@@ -0,0 +1,7 @@
+views:
+  - box
+  - bar
+  - mini_bar
+  - closed
+  - open
+  - one_line_content

data/data/files/mod_bar_and_box_script_asset_output/file.js

@@ -1,4 +1,4 @@
 // bar_and_box.js.coffee
 (function(){var n,a;$(window).ready(function(){return $(document).on("click","._card-link",function(i){var r;return"on"===(r=$(this)).data("skip")?r.data("skip",null):a(i)?window.open(n(r),"_tab_"+Math.floor(1e3*Math.random())):r.closest("._card-link-modal")[0]?r.find("._modal-page-link").trigger("click"):window.location=n(r)})}),a=function(n){return n.metaKey},n=function(n){return decko.path(n.data("cardLinkUrl")||n.data("cardLinkName"))},decko.slot.ready(function(n){return n.find("._card-link a, ._card-link ._card-link-clickable").on("click",function(n){var a;return(a=$(this)).hasClass("_over-card-link")||a.closest("._over-card-link")[0]?a.closest("._card-link").data("skip","on"):n.preventDefault()})})}).call(this);
 // click_select.js.coffee
-(function(){$("body").on("click","._click-multiselect-editor ._select-item",function(e){return $(this).closest("._select-item").toggleClass("selected"),e.stopPropagation()}),$("body").on("click","._click-select-editor ._select-item",function(e){return $(this).closest("._click-select-editor").find(".selected").removeClass("selected"),$(this).closest("._select-item").addClass("selected"),e.stopPropagation()})}).call(this);
+(function(){$(window).ready(function(){return $("body").on("click","._click-multiselect-editor ._select-item",function(e){return $(this).closest("._select-item").toggleClass("selected"),e.stopPropagation()}),$("body").on("click","._click-select-editor ._select-item",function(e){return $(this).closest("._click-select-editor").find(".selected").removeClass("selected"),$(this).closest("._select-item").addClass("selected"),e.stopPropagation()})})}).call(this);

data/set/all/bar.rb

@@ -5,17 +5,24 @@ format :html do
   bar_cols 9, 3
   mini_bar_cols 9, 3
 
-  view :bar, unknown: :mini_bar do
+  # drops bar-middle in small viewports
+  view :bar, unknown: :mini_bar, cache: :yes do
     cols = bar_cols.size == 3 ? [mini_bar_cols, bar_cols] : [bar_cols]
     prepare_bar(*cols)
     build_bar
   end
 
-  view :mini_bar, unknown: true do
+  view :mini_bar, cache: :yes, unknown: true do
     prepare_bar mini_bar_cols
     build_bar
   end
 
+  view :full_bar, unknown: :mini_bar, cache: :yes do
+    class_up "bar", full_page_card.safe_set_keys
+    class_up_cols %w[bar-left bar-middle bar-right], bar_cols
+    build_bar
+  end
+
   view(:bar_left, unknown: true) { render_title }
   view(:bar_middle, unknown: :blank) { "" }
   view(:bar_right, unknown: :blank) { "" }
@@ -28,26 +35,28 @@ format :html do
   view :bar_menu, unknown: true, template: :haml
   view :bar_body, unknown: true, template: :haml
 
-  view :accordion_bar, unknown: :mini_bar do
+  view :closed, unknown: :mini_bar, cache: :yes do
     build_accordion_bar
   end
-  view :closed_bar, :accordion_bar
-  view :closed, :accordion_bar
+  view :closed_bar, :closed
+  view :accordion_bar, :closed
 
-  view :open_bar do
+  view :open, cache: :yes do
     build_accordion_bar open: true
   end
-  view :expanded_bar, :open_bar
-  view :open, :open_bar
+  view :open_bar, :open
+  view :expanded_bar, :open
 
   def build_accordion_bar open: false
     prepare_bar mini_bar_cols
     class_up "accordion-item", "bar #{classy 'bar'}"
-    accordion_item render_bar_body,
-                   subheader: render_menu,
-                   body: render_bar_bottom,
-                   open: open,
-                   context: :accordion_bar
+    wrap do
+      accordion_item render_bar_body,
+                     subheader: render_menu,
+                     body: bar_bottom(open: open),
+                     open: open,
+                     context: :closed
+    end
   end
 
   def build_bar
@@ -84,4 +93,18 @@ format :html do
   def bar_wrap_data
     full_page_card == card ? wrap_data : full_page_card.format.wrap_data
   end
+
+  # TODO: make card_stubs work
+  def bar_bottom open: false
+    open ? render_bar_bottom : card_stub(view: :bar_bottom)
+  end
+
+  # TODO: move to a more general accessible place (or its own abstract module)
+  def card_stub path_args
+    wrap_with :div,
+              class: "card-slot card-slot-stub",
+              data: { "stub-url": path(path_args) } do
+      ""
+    end
+  end
 end

data/set/all/box.rb

@@ -1,4 +1,4 @@
-view :box, template: :haml do
+view :box, template: :haml, cache: :yes do
   voo.hide :menu
 end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: card-mod-bar_and_box
 version: !ruby/object:Gem::Version
-  version: 0.16.0
+  version: 0.18.0
 platform: ruby
 authors:
 - Ethan McCutchen
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-18 00:00:00.000000000 Z
+date: 2024-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: card
@@ -18,28 +18,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.106.0
+        version: 1.108.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.106.0
+        version: 1.108.0
 - !ruby/object:Gem::Dependency
   name: card-mod-style
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.16.0
+        version: 0.18.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.16.0
+        version: 0.18.0
 description: ''
 email:
 - info@decko.org
@@ -54,6 +54,7 @@ files:
 - assets/style/bar.scss
 - assets/style/box.scss
 - assets/style/image_box.scss
+- config/admin.yml
 - data/files/mod_bar_and_box_script_asset_output/file.js
 - set/abstract/media.rb
 - set/abstract/media/media_snippet.haml
@@ -66,7 +67,7 @@ files:
 - set/type/image.rb
 homepage: https://decko.org
 licenses:
-- GPL-3.0
+- GPL-3.0-or-later
 metadata:
   source_code_uri: https://github.com/decko-commons/decko
   homepage_uri: https://decko.org
@@ -83,14 +84,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.5'
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
+rubygems_version: 3.5.7
 signing_key:
 specification_version: 4
 summary: bar and box views