yummy-guide-generic-administrate 0.8.14 → 0.8.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 31c95c124f946da973981b50eaf0247b854e0eca67d35a1fa2d120c58567d366
-  data.tar.gz: 4a27c58133a3ec86c2fd483cfd80cef1c45a6655d91316b790dfe0732c0a1d29
+  metadata.gz: a9da6643ffb00010859cc51766113d7c757744a92cb1415ce70a30dafb33c194
+  data.tar.gz: 984902613fa65606e1ca1404bed57cc90b40cf821f678343583ec80e42ee8d95
 SHA512:
-  metadata.gz: b0a893584bf5d7b1db8baee814bb2802ec78e1ce2c61701e411b4166b235d8ab9fba5d5fe4304d837a73fd9ea0d03a787e02912d27d6ead5325d238bc0b3b21e
-  data.tar.gz: 854c72827dafd518d89c481a7d54da30245fb360e8a717e80b58bb18ac4e82b17e7527bababf8f9bd867b9077ca6d9134de899838de20db5ba6f9e7517a281ad
+  metadata.gz: 7cb593f606f48ca2bb18af508fd9df0e567cabfb457ae105901152d7501bc32c069ec5c7e662365e26084cd5b1095e949a9ea920d206da2525eec17db08bca2e
+  data.tar.gz: 1ea3603669a04a6a83ef151dfe48b2c961befdd8e1d6de81f13407fb871980b5556f4e14d4db3ab47746b1907cc83b832354d2cd57db14190b4f649296c01f53

data/app/assets/stylesheets/yummy_guide_administrate/components.scss

@@ -140,6 +140,11 @@
     box-shadow: 0 calc(0px - var(--admin-sticky-page-header-top, 0px)) 0 var(--admin-sticky-page-header-top, 0px) var(--admin-page-background, #f6f7f7);
   }
 
+  .app-container > .main-content:has(> .main-content__header > .main-content__header-pagination),
+  body.admin-body > main.main-content:has(> .main-content__header > .main-content__header-pagination) {
+    --admin-sticky-page-header-height: 8rem;
+  }
+
   .main-content__header--sticky-table-layout + .main-content__body,
   [data-reservations-sticky-header] + .main-content__body,
   .app-container > .main-content:has(> .main-content__body--flush [data-css-sticky-table]) > .main-content__body--flush,
@@ -188,6 +193,57 @@
     --admin-sticky-page-header-height: 6.75rem;
     --admin-sticky-page-header-z-index: 10;
   }
+
+  .app-container > .main-content:has(> .main-content__header > .main-content__header-pagination),
+  body.admin-body > main.main-content:has(> .main-content__header > .main-content__header-pagination) {
+    --admin-sticky-page-header-height: 9rem;
+  }
+}
+
+.main-content__header:has(> .main-content__header-pagination) {
+  padding-bottom: calc(var(--admin-sticky-page-header-pagination-height, 2.5rem) + 0.75rem);
+}
+
+.main-content__header-pagination {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  inset-block-end: 0.5rem;
+  inset-inline-start: 50%;
+  justify-content: center;
+  max-inline-size: calc(100% - 2rem);
+  pointer-events: none;
+  position: absolute;
+  transform: translateX(-50%);
+  width: max-content;
+  z-index: 1;
+}
+
+.main-content__header-pagination .pagination {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 0.5rem;
+  justify-content: center;
+  margin: 0;
+  max-inline-size: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  pointer-events: auto;
+  text-align: center;
+}
+
+.main-content__header-pagination .pagination .first,
+.main-content__header-pagination .pagination .prev,
+.main-content__header-pagination .pagination .page,
+.main-content__header-pagination .pagination .next,
+.main-content__header-pagination .pagination .last {
+  flex: 0 0 auto;
+  inline-size: auto;
+  margin: 0;
+  max-inline-size: none;
+  white-space: nowrap;
+  width: auto;
 }
 
 .scroll-table {

data/app/views/administrate/application/_header_pagination.html.erb

@@ -0,0 +1,7 @@
+<% pagination = local_assigns[:pagination] %>
+
+<% if pagination.present? %>
+  <div class="main-content__header-pagination">
+    <%= pagination %>
+  </div>
+<% end %>

data/app/views/administrate/application/_index_header.html.erb

@@ -0,0 +1,30 @@
+<% content_for(:title) do %>
+  <%= display_resource_name(page.resource_name) %>
+<% end %>
+
+<header class="main-content__header main-content__header--sticky-table-layout">
+  <h1 class="main-content__page-title" id="page-title">
+    <%= content_for(:title) %>
+  </h1>
+
+  <% if show_search_bar %>
+    <%= render(
+      "search",
+      search_term: search_term,
+      resource_name: display_resource_name(page.resource_name)
+    ) %>
+  <% end %>
+
+  <div>
+    <%= link_to(
+      t(
+        "administrate.actions.new_resource",
+        name: display_resource_name(page.resource_name, singular: true).downcase
+      ),
+      [:new, namespace, page.resource_path.to_sym],
+      class: "button",
+    ) if accessible_action?(new_resource, :new) %>
+  </div>
+
+  <%= render("administrate/application/header_pagination", pagination: local_assigns[:pagination]) %>
+</header>

data/app/views/administrate/application/index.html.erb

@@ -0,0 +1,22 @@
+<% pagination = render("pagination", resources: resources) %>
+
+<%=
+  render("index_header",
+    resources: resources,
+    search_term: search_term,
+    page: page,
+    show_search_bar: show_search_bar,
+    pagination: pagination,
+  )
+%>
+
+<section class="main-content__body main-content__body--flush">
+  <%= render(
+    "collection",
+    collection_presenter: page,
+    collection_field_name: resource_name,
+    page: page,
+    resources: resources,
+    table_title: "page-title"
+  ) %>
+</section>

data/lib/yummy_guide/administrate/version.rb

@@ -2,6 +2,6 @@
 
 module YummyGuide
   module Administrate
-    VERSION = "0.8.14"
+    VERSION = "0.8.15"
   end
 end

data/spec/yummy_guide/administrate/column_resizer_asset_spec.rb

@@ -358,6 +358,22 @@ RSpec.describe "column resizer assets" do
     expect(resizable_navigation_source).to include("z-index: var(--admin-navigation-z-index, 40)")
   end
 
+  # ページネーションを固定ページヘッダー下部中央に配置するCSSがあることを静的に確認する
+  it "places pagination at the bottom center of the sticky page header" do
+    expect(components_source).to include(".main-content__header-pagination")
+    expect(components_source).to include("inset-block-end: 0.5rem")
+    expect(components_source).to include("inset-inline-start: 50%")
+    expect(components_source).to include("transform: translateX(-50%)")
+    expect(components_source).to include("justify-content: center")
+    expect(components_source).to include("pointer-events: none")
+    expect(components_source).to include("pointer-events: auto")
+    expect(components_source).to include("--admin-sticky-page-header-height: 8rem")
+    expect(components_source).to include("--admin-sticky-page-header-height: 9rem")
+    expect(components_source).to include(".main-content__header:has(> .main-content__header-pagination)")
+    expect(components_source).to include("white-space: nowrap")
+    expect(components_source).to include("inline-size: auto")
+  end
+
   # 固定列リサイズ後にCSS変数のleftと幅を再計算する処理があることを静的に確認する
   it "recalculates CSS sticky-left offsets after applying column widths" do
     expect(javascript_source).to include("function refreshCssStickyLeftColumns(table)")

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: yummy-guide-generic-administrate
 version: !ruby/object:Gem::Version
-  version: 0.8.14
+  version: 0.8.15
 platform: ruby
 authors:
 - akatsuki-kk
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-06-29 00:00:00.000000000 Z
+date: 2026-07-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: administrate
@@ -121,6 +121,9 @@ files:
 - app/helpers/yummy_guide/administrate/filter_form_helper.rb
 - app/helpers/yummy_guide/administrate/number_input_helper.rb
 - app/helpers/yummy_guide/administrate/tooltip_helper.rb
+- app/views/administrate/application/_header_pagination.html.erb
+- app/views/administrate/application/_index_header.html.erb
+- app/views/administrate/application/index.html.erb
 - app/views/fields/number/_form.html.erb
 - app/views/fields/yummy_guide_administrate/area/picture/_form.html.erb
 - app/views/fields/yummy_guide_administrate/area/picture/_index.html.erb