card-mod-bar_and_box 0.17.0 → 0.18.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 636fadbb9bbe3602992ed6066c6fcab12d57edf178bac8c460b159f3a7abdb3d
-  data.tar.gz: f651af530fb42581530e5fcee9071ad75e3f3f18521b24c2cd6dfbbca1d1d252
+  metadata.gz: 9061f51aff47bab5b93fa42c029d676283a5d2dcfae7aa903b1ac2cd18d7c5a9
+  data.tar.gz: 7d318eef6b4c1a4460a18f8c294930e9238b4431e1515871d515b4e6570a2717
 SHA512:
-  metadata.gz: cf405d9341c1bf03478acbd6bfb62d9f509bf9c1e6ed7bb7df8a0cb71a9155f763624179626b5720a8245c2e55396754487d0ec380e59821c5c4799b91252c46
-  data.tar.gz: bfc0790319ccb91fdd96c7ee2eedf07580cd560ad4d950aff86fa447413dea678af1390301482cdd2c0069fe5e46bb2470450cb7d466f5c6df4bb68cf33ec258
+  metadata.gz: ff529c26b006992e7509be97fbe8ec4db1ce09a5ff04afde11cc8fe12a0dc036be8bb3043e70de53b91bc93aa4100dfaef065454364de9d237502df73b756c5f
+  data.tar.gz: 75bc73dfdb936c257bea2a43ab2e5b5c4d71aec186679fc80e3fc7f62aa761c1d3f5181ed48e75ba5034c4e05a7052a07c3944b8456474db6c537161210fe096

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/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

@@ -1,8 +1,7 @@
 views:
   - box
   - bar
-  - expanded_bar
-  - one_line_content
   - 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);
+(function(){var a,n;$(function(){return $(document).on("click","._card-link",function(t){var r;return"on"===(r=$(this)).data("skip")?r.data("skip",null):n(t)?window.open(a(r),"_tab_"+Math.floor(1e3*Math.random())):r.closest("._card-link-modal")[0]?r.find("._modal-page-link").trigger("click"):window.location=a(r)}),$("body").on("shown.bs.collapse",".bar > .collapse",function(){var a;return(a=$(this).find("> .d0-card-body > .card-slot-stub")).slotReload(a.data("stubUrl")),a.removeClass("card-slot-stub")})}),n=function(a){return a.metaKey},a=function(a){return decko.path(a.data("cardLinkUrl")||a.data("cardLinkName"))},decko.slot.ready(function(a){return a.find("._card-link a, ._card-link ._card-link-clickable").on("click",function(a){var n;return(n=$(this)).hasClass("_over-card-link")||n.closest("._over-card-link")[0]?n.closest("._card-link").data("skip","on"):a.preventDefault()})})}).call(this);
 // click_select.js.coffee
 (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,17 +35,17 @@ 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
@@ -46,9 +53,9 @@ format :html do
     wrap do
       accordion_item render_bar_body,
                      subheader: render_menu,
-                     body: render_bar_bottom,
+                     body: bar_bottom(open: open),
                      open: open,
-                     context: :accordion_bar
+                     context: :closed
     end
   end
 
@@ -86,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.17.0
+  version: 0.18.1
 platform: ruby
 authors:
 - Ethan McCutchen
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-12 00:00:00.000000000 Z
+date: 2024-11-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: card
@@ -18,28 +18,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.107.0
+        version: 1.108.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 1.107.0
+        version: 1.108.1
 - !ruby/object:Gem::Dependency
   name: card-mod-style
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.17.0
+        version: 0.18.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.17.0
+        version: 0.18.1
 description: ''
 email:
 - info@decko.org
@@ -67,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