supports new slots for admin sidebar: before/after-footer

aggre · aggre · commit 3b2969b8408f · 2024-07-11T09:50:34.000+09:00
diff --git a/.gitignore b/.gitignore
@@ -109,3 +109,6 @@ dump
 
 # generated docs
 docs
+
+# Astro output
+.astro
diff --git a/planned-structure/src/pages/admin/[...page].astro b/planned-structure/src/pages/admin/[...page].astro
@@ -42,13 +42,42 @@ console.log('props.slots', Astro.props.clubs.slots)
 			>
 		</p>
 	</div>
+	<div slot="admin:sidebar:before-overview-link">
+		<p>
+			Injected contents<br /><span class="text-xs"
+				>admin:sidebar:before-overview-link</span
+			>
+		</p>
+	</div>
 	<div slot="admin:sidebar:before-theme-link">
 		<p>
 			Injected contents<br /><span class="text-xs"
 				>admin:sidebar:before-theme-link</span
 			>
 		</p>
 	</div>
+	<div slot="admin:sidebar:after-built-in-primary-links">
+		<p>
+			Injected contents<br /><span class="text-xs"
+				>admin:sidebar:after-built-in-primary-links</span
+			>
+		</p>
+	</div>
+	<div slot="admin:sidebar:before-footer">
+		<p>
+			Injected contents<br /><span class="text-xs"
+				>admin:sidebar:before-footer</span
+			>
+		</p>
+	</div>
+	<div slot="admin:sidebar:after-footer">
+		<p>
+			Injected contents<br /><span class="text-xs"
+				>admin:sidebar:after-footer</span
+			>
+		</p>
+	</div>
+
 	<Content {...Astro.props} />
 </Admin>
 
diff --git a/src/layouts/Admin.astro b/src/layouts/Admin.astro
@@ -68,6 +68,12 @@ const SlotsAsideAfterBuiltInButtons = clubs.slots.filter(
 const SlotsModalContent = clubs.slots.filter(
 	(slot) => slot.slot === ClubsSlotName.AdminModalCcontent
 )
+const SlotsSidebarBeforeFooter = clubs.slots.filter(
+	(slot) => slot.slot === ClubsSlotName.AdminSidebarBeforeFooter
+)
+const SlotsSidebarAfterFooter = clubs.slots.filter(
+	(slot) => slot.slot === ClubsSlotName.AdminSidebarAfterFooter
+)
 ---
 
 <!DOCTYPE html>
@@ -116,6 +122,8 @@ const SlotsModalContent = clubs.slots.filter(
 						name="admin:sidebar:after-built-in-primary-links"
 						slot="after-built-in-primary-links"
 					/>
+					<slot name="admin:sidebar:before-footer" slot="before-footer" />
+					<slot name="admin:sidebar:after-footer" slot="after-footer" />
 					{
 						SlotsSidebarBeforeTitle.map((Slot) => (
 							<Slot.component {...Slot.props} slot="before-title" />
@@ -139,6 +147,16 @@ const SlotsModalContent = clubs.slots.filter(
 							/>
 						))
 					}
+					{
+						SlotsSidebarBeforeFooter.map((Slot) => (
+							<Slot.component {...Slot.props} slot="before-footer" />
+						))
+					}
+					{
+						SlotsSidebarAfterFooter.map((Slot) => (
+							<Slot.component {...Slot.props} slot="after-footer" />
+						))
+					}
 				</AdminSidebar>
 				<button
 					id="__clubs:sidebar-close__"
diff --git a/src/layouts/AdminSidebar.astro b/src/layouts/AdminSidebar.astro
@@ -162,6 +162,8 @@ const navItemPluginInactive = 'hover:bg-surface-200'
 
 	<ThemeSwitcher client:only="vue" />
 
+	<slot name="before-footer" />
+
 	<span class="text-center"
 		><a
 			href={homepage}
@@ -171,4 +173,6 @@ const navItemPluginInactive = 'hover:bg-surface-200'
 			>clubs-core v.{version}</a
 		></span
 	>
+
+	<slot name="after-footer" />
 </nav>
diff --git a/src/types.ts b/src/types.ts
@@ -92,6 +92,8 @@ export enum ClubsSlotName {
 	AdminSidebarBeforeOverviewLink = 'admin:sidebar:before-overview-link',
 	AdminSidebarBeforeThemeLink = 'admin:sidebar:before-theme-link',
 	AdminSidebarAfterBuiltInPrimaryLinks = 'admin:sidebar:after-built-in-primary-links',
+	AdminSidebarBeforeFooter = 'admin:sidebar:before-footer',
+	AdminSidebarAfterFooter = 'admin:sidebar:after-footer',
 	PageContentHomeBeforeContent = 'page:content:home:before-content',
 	PageContentHomeAfterContent = 'page:content:home:after-content',
 	PageContentAnywhereBeforeContent = 'page:content:anywhere:before-content',
