Changes for page Home

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,68 +1,173 @@
1		-{{html wiki="true"}}
	1	+{{velocity}}
	2	+## ---------------------------------------------
	3	+## KB Home (Main.WebHome)
	4	+## Discover category landing pages dynamically.
	5	+## ---------------------------------------------
2	2
3		-<!-- HERO -->
4		-<div class="kb-hero">
5		- <h1 class="kb-hero-title">Welcome to the Member Solutions Knowledge Base</h1>
6		- <p class="kb-hero-subtitle">
7		- Guides, troubleshooting, and best practices to help you run a better business.
8		- </p>
	7	+## 1) Find all top-level category pages under "Main"
	8	+## We exclude:
	9	+## - WebHome itself
	10	+## - any technical KB* pages (KBStyles, KBArticleHeader, etc.)
	11	+## - hidden docs
	12	+#set ($xwql =
	13	+ "select doc.fullName, doc.title, doc.name " +
	14	+ "from XWikiDocument doc " +
	15	+ "where doc.space = 'Main' " +
	16	+ "and doc.name <> 'WebHome' " +
	17	+ "and doc.name not like 'KB%' " +
	18	+ "and doc.hidden <> true " +
	19	+ "order by lower(doc.title)"
	20	+)
	21	+#set ($query = $services.query.xwql($xwql))
	22	+#set ($rows = $query.execute())
9	9
10		- #set($searchDoc = 'Main.WebSearch')
11		- <form class="kb-hero-search" method="get" action="$xwiki.getURL($searchDoc)">
12		- <input type="text" name="text" placeholder="Search for articles..." />
13		- </form>
14		-</div>
	24	+## 2) Icon map (optional overrides)
	25	+#set ($kbCategoryIcons = {
	26	+ "Member Management": "👥",
	27	+ "Configuration": "⚙️",
	28	+ "Billing & Payments": "💳",
	29	+ "Payment Management": "💳",
	30	+ "Reporting & Analytics": "📊",
	31	+ "Notifications": "🔔",
	32	+ "Integrations": "🔗"
	33	+})
15	15
16		-<!-- CATEGORY GRID -->
17		-<div class="kb-section">
18		- <h2 class="kb-section-title">Browse by category</h2>
19		- <div class="kb-category-grid">
	35	+## 3) Optional hand-authored descriptions for known categories
	36	+#set ($kbCategoryDescriptions = {
	37	+ "Member Management": "How to manage members, families, and profiles.",
	38	+ "Configuration": "Set up locations, billing, and core system settings.",
	39	+ "Billing & Payments": "Invoices, collections, and payment processing.",
	40	+ "Payment Management": "Articles and guides for Payment Management.",
	41	+ "Reporting & Analytics": "Understand your numbers and performance.",
	42	+ "Notifications": "Articles and guides for Notifications.",
	43	+ "Integrations": "Connect Member Solutions with other tools in your stack."
	44	+})
20	20
21		- <a class="kb-card" href="$xwiki.getURL('Main.GettingStarted')">
22		- <h3 class="kb-card-title">Getting Started</h3>
23		- <p class="kb-card-body">Start here to set up your account and learn the basics.</p>
24		- <span class="kb-card-meta">Setup • Onboarding</span>
25		- </a>
	46	+## 4) Build a normalized list of category objects
	47	+#set ($kbCategories = [])
26	26
27		- <a class="kb-card" href="$xwiki.getURL('Main.BillingPayments')">
28		- <h3 class="kb-card-title">Billing & Payments</h3>
29		- <p class="kb-card-body">Invoices, payments, autopay, collections, and more.</p>
30		- <span class="kb-card-meta">Finance</span>
31		- </a>
	49	+#foreach ($row in $rows)
	50	+ #set ($fullName = $row.get(0)) ## e.g. "Main.Member Management"
	51	+ #set ($title = $row.get(1)) ## display title
	52	+ #set ($pageName = $row.get(2)) ## page name, used in URL & article space
	53	+ #set ($catDoc = $xwiki.getDocument($fullName))
32	32
33		- <a class="kb-card" href="$xwiki.getURL('Main.MemberManagement')">
34		- <h3 class="kb-card-title">Member Management</h3>
35		- <p class="kb-card-body">Day-to-day operations for memberships and classes.</p>
36		- <span class="kb-card-meta">Members • Attendance</span>
37		- </a>
	55	+ ## Label shown on the card
	56	+ #set ($label = $catDoc.displayTitle)
	57	+ #if ("$!label" == "")
	58	+ #set ($label = $pageName)
	59	+ #end
38	38
39		- <a class="kb-card" href="$xwiki.getURL('Main.Integrations')">
40		- <h3 class="kb-card-title">Integrations</h3>
41		- <p class="kb-card-body">Automations, data sync, APIs, and external tools.</p>
42		- <span class="kb-card-meta">Automations</span>
43		- </a>
	61	+ ## Default description (auto-generated if we don't have a custom one)
	62	+ #set ($desc = $kbCategoryDescriptions.get($label))
	63	+ #if ("$!desc" == "")
	64	+ #set ($desc = "Articles and guides for $label.")
	65	+ #end
44	44
	67	+ ## Article space follows the convention:
	68	+ ## Main.<PageName with spaces replaced by underscores>
	69	+ ## e.g. Member Management -> space "Main.Member_Management"
	70	+ #set ($articleSpace = "Main." + $pageName.replace(" ", "_"))
	71	+
	72	+ ## Count non-hidden, non-WebHome pages in that article space
	73	+ #set ($articleCount = 0)
	74	+ #set ($countXwql =
	75	+ "select count(doc.fullName) " +
	76	+ "from XWikiDocument doc " +
	77	+ "where doc.space = :space " +
	78	+ "and doc.name <> 'WebHome' " +
	79	+ "and doc.hidden <> true"
	80	+ )
	81	+ #set ($countQuery = $services.query.xwql($countXwql).bindValue("space", $articleSpace))
	82	+ #set ($resultList = $countQuery.execute())
	83	+ #if ($resultList && $resultList.size() > 0)
	84	+ #set ($articleCount = $resultList.get(0))
	85	+ #end
	86	+
	87	+ ## Icon, with a sensible default
	88	+ #set ($icon = $kbCategoryIcons.get($label))
	89	+ #if ("$!icon" == "")
	90	+ #set ($icon = "📘")
	91	+ #end
	92	+
	93	+ ## Build clean URL: /bin/view/Main/<PageName> (no trailing slash)
	94	+ #set ($encoded = $escapetool.url($pageName))
	95	+ #set ($cleanUrl = "/bin/view/Main/$encoded")
	96	+
	97	+ ## Push into our categories array as a small map
	98	+ #set ($entry = {
	99	+ "label": $label,
	100	+ "pageName": $pageName,
	101	+ "desc": $desc,
	102	+ "icon": $icon,
	103	+ "url": $cleanUrl,
	104	+ "count": $articleCount
	105	+ })
	106	+ #set ($discard = $kbCategories.add($entry))
	107	+#end
	108	+
	109	+{{html clean="false"}}
	110	+<div class="kb-home">
	111	+
	112	+ <!-- HERO -->
	113	+ <div class="kb-hero">
	114	+ <h1 class="kb-hero-title">Member Solutions Knowledge Base</h1>
	115	+ <p class="kb-hero-subtitle">
	116	+ Guides, walkthroughs, and best practices to help you and your team get the most out of the platform.
	117	+ </p>
	118	+
	119	+ <!-- Enhanced search box (still uses XWiki search under the hood) -->
	120	+ <div class="kb-hero-search">
	121	+ <form action="$xwiki.getURL('Main.WebHome', 'view')" method="get">
	122	+ <input
	123	+ type="text"
	124	+ name="text"
	125	+ placeholder="Search for an article (e.g. &quot;family membership&quot;)"
	126	+ aria-label="Search the knowledge base"
	127	+ />
	128	+ </form>
	129	+ </div>
45	45	</div>
46		-</div>
47	47
48		-<!-- POPULAR ARTICLES -->
49		-<div class="kb-section">
50		- <h2 class="kb-section-title">Popular articles</h2>
51		- <ul class="kb-popular-list">
52		- <li><a href="$xwiki.getURL('Main.ImportingData')">How to import member data</a></li>
53		- <li><a href="$xwiki.getURL('Main.BillingBasics')">Billing basics: everything you need to know</a></li>
54		- <li><a href="$xwiki.getURL('Main.DigitalCheckin')">Using digital check-in</a></li>
55		- <li><a href="$xwiki.getURL('Main.EventSetup')">Creating your first event</a></li>
56		- </ul>
57		-</div>
	132	+ <!-- CATEGORY GRID -->
	133	+ <div class="kb-section">
	134	+ <h2 class="kb-section-title">Browse by category</h2>
58	58
59		-<!-- CTA -->
60		-<div class="kb-cta">
61		- <div class="kb-cta-content">
62		- <h2>Need more help?</h2>
63		- <p>Our support team is here for you.</p>
64		- <a class="kb-cta-button" href="$xwiki.getURL('Main.ContactSupport')">Contact Support</a>
	136	+ <div class="kb-category-grid">
	137	+ #foreach ($cat in $kbCategories)
	138	+ #set ($label = $cat.get("label"))
	139	+ #set ($desc = $cat.get("desc"))
	140	+ #set ($icon = $cat.get("icon"))
	141	+ #set ($url = $cat.get("url"))
	142	+ #set ($count = $cat.get("count"))
	143	+
	144	+ <a class="kb-card" href="$url">
	145	+ <div>
	146	+ <div class="kb-card-title">
	147	+ <span class="kb-card-icon">$icon</span>
	148	+ $escapetool.xml($label)
	149	+ </div>
	150	+ <div class="kb-card-body">
	151	+ $escapetool.xml($desc)
	152	+ </div>
	153	+ </div>
	154	+ <div class="kb-card-meta">
	155	+ #if ($count == 1)
	156	+ 1 article
	157	+ #elseif ($count > 1)
	158	+ $count articles
	159	+ #else
	160	+ Category
	161	+ #end
	162	+ </div>
	163	+ </a>
	164	+ #end
	165	+ </div>
65	65	</div>
66		-</div>
67	67
	168	+</div>
68	68	{{/html}}
	170	+
	171	+{{/velocity}}
	172	+
	173	+{{include reference="KBSupportCTA.WebHome"/}}