Skip to Content

Changes for page Home

Last modified by Isaac Mejia on 2025/12/15 18:27
From version 16.1
edited by Isaac Mejia
on 2025/12/05 17:44
Change comment: There is no comment for this version
To version 30.2
edited by Isaac Mejia
on 2025/12/11 14:47
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -17,9 +17,9 @@
17 17   "and doc.name not like 'KB%' " +
18 18   "and doc.hidden <> true " +
19 19   "order by lower(doc.title)"
20 -)
21 -#set ($query = $services.query.xwql($xwql))
22 -#set ($rows = $query.execute())
20 +)##
21 +#set ($query = $services.query.xwql($xwql))##
22 +#set ($rows = $query.execute())##
23 23  
24 24  ## 2) Icon map (optional overrides)
25 25  #set ($kbCategoryIcons = {
... ... @@ -30,7 +30,7 @@
30 30   "Reporting & Analytics": "📊",
31 31   "Notifications": "🔔",
32 32   "Integrations": "🔗"
33 -})
33 +})##
34 34  
35 35  ## 3) Optional hand-authored descriptions for known categories
36 36  #set ($kbCategoryDescriptions = {
... ... @@ -41,36 +41,34 @@
41 41   "Reporting & Analytics": "Understand your numbers and performance.",
42 42   "Notifications": "Articles and guides for Notifications.",
43 43   "Integrations": "Connect Member Solutions with other tools in your stack."
44 -})
44 +})##
45 45  
46 46  ## 4) Build a normalized list of category objects
47 -#set ($kbCategories = [])
47 +#set ($kbCategories = [])##
48 48  
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))
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))##
54 54  
55 55   ## Label shown on the card
56 - #set ($label = $catDoc.displayTitle)
57 - #if ("$!label" == "")
58 - #set ($label = $pageName)
59 - #end
56 + #set ($label = $catDoc.displayTitle)##
57 + #if ("$!label" == "")##
58 + #set ($label = $pageName)##
59 + #end##
60 60  
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
61 + ## Description (custom if defined, otherwise auto)
62 + #set ($desc = $kbCategoryDescriptions.get($label))##
63 + #if ("$!desc" == "")##
64 + #set ($desc = "Articles and guides for $label.")##
65 + #end##
66 66  
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(" ", "_"))
67 + ## Article space: Main.<PageName with spaces replaced by underscores>
68 + #set ($articleSpace = "Main." + $pageName.replace(" ", "_"))##
71 71  
72 72   ## Count non-hidden, non-WebHome pages in that article space
73 - #set ($articleCount = 0)
71 + #set ($articleCount = 0)##
74 74   #set ($countXwql =
75 75   "select count(doc.fullName) " +
76 76   "from XWikiDocument doc " +
... ... @@ -77,26 +77,22 @@
77 77   "where doc.space = :space " +
78 78   "and doc.name <> 'WebHome' " +
79 79   "and doc.hidden <> true"
80 - )
81 - #set ($countQuery = $services.query.xwql($countXwql).bindValue("space", $articleSpace))
82 - #try
83 - #set ($resultList = $countQuery.execute())
84 - #if ($resultList && $resultList.size() > 0)
85 - #set ($articleCount = $resultList.get(0))
86 - #end
87 - #catch
88 - ## Swallow query errors so we don't break the homepage
89 - #end
78 + )##
79 + #set ($countQuery = $services.query.xwql($countXwql).bindValue("space", $articleSpace))##
80 + #set ($resultList = $countQuery.execute())##
81 + #if ($resultList && $resultList.size() > 0)##
82 + #set ($articleCount = $resultList.get(0))##
83 + #end##
90 90  
91 91   ## Icon, with a sensible default
92 - #set ($icon = $kbCategoryIcons.get($label))
93 - #if ("$!icon" == "")
94 - #set ($icon = "📘")
95 - #end
86 + #set ($icon = $kbCategoryIcons.get($label))##
87 + #if ("$!icon" == "")##
88 + #set ($icon = "📘")##
89 + #end##
96 96  
97 97   ## Build clean URL: /bin/view/Main/<PageName> (no trailing slash)
98 - #set ($encoded = $escapetool.url($pageName))
99 - #set ($cleanUrl = "/bin/view/Main/$encoded")
92 + #set ($encoded = $escapetool.url($pageName))##
93 + #set ($cleanUrl = "/bin/view/Main/$encoded")##
100 100  
101 101   ## Push into our categories array as a small map
102 102   #set ($entry = {
... ... @@ -106,9 +106,9 @@
106 106   "icon": $icon,
107 107   "url": $cleanUrl,
108 108   "count": $articleCount
109 - })
110 - #set ($discard = $kbCategories.add($entry))
111 -#end
103 + })##
104 + #set ($discard = $kbCategories.add($entry))##
105 +#end##
112 112  
113 113  {{html clean="false"}}
114 114  <div class="kb-home">
... ... @@ -120,9 +120,9 @@
120 120   Guides, walkthroughs, and best practices to help you and your team get the most out of the platform.
121 121   </p>
122 122  
123 - <!-- Enhanced search box (still uses XWiki search under the hood) -->
117 + <!-- Hero search wired to custom KB search page -->
124 124   <div class="kb-hero-search">
125 - <form action="$xwiki.getURL('Main.WebHome', 'view')" method="get">
119 + <form action="$xwiki.getURL('Main.KBSearch', 'view')" method="get">
126 126   <input
127 127   type="text"
128 128   name="text"
... ... @@ -129,6 +129,8 @@
129 129   placeholder="Search for an article (e.g. &quot;family membership&quot;)"
130 130   aria-label="Search the knowledge base"
131 131   />
126 + <!-- optional: add a button if you want -->
127 + <!-- <button type="submit" class="kb-search-button">Search</button> -->
132 132   </form>
133 133   </div>
134 134   </div>
... ... @@ -168,10 +168,62 @@
168 168   #end
169 169   </div>
170 170   </div>
171 -{{include reference="KBSupportCTA.WebHome"/}}
167 +
172 172  </div>
173 -{{/html}}
174 174  
175 -## Reusable bottom CTA (support panel)
170 +<style>
171 +/* HOMEPAGE HERO OVERRIDE – BIGGER + MORE BREATHING ROOM */
176 176  
173 +/* Scope tightly so we only touch KB home hero */
174 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero {
175 + padding: 4.2rem 1rem 3.3rem !important; /* more air above + below */
176 + max-width: 1100px;
177 + margin: 0 auto;
178 +}
179 +
180 +/* Title */
181 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-title {
182 + font-size: 3.5rem !important;
183 + font-weight: 800 !important;
184 + line-height: 1.15;
185 + margin-bottom: 1rem !important;
186 + color: #0f172a;
187 +}
188 +
189 +/* Subtitle */
190 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-subtitle {
191 + font-size: 1.35rem !important;
192 + line-height: 1.7;
193 + color: #4b5563 !important;
194 + max-width: 720px;
195 + margin: 0 auto 2.3rem !important; /* more space before search bar */
196 +}
197 +
198 +/* Search bar – taller + larger text */
199 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"] {
200 + max-width: 650px !important;
201 + padding: 1.25rem 1.6rem !important;
202 + font-size: 1.2rem !important;
203 + border-radius: 999px;
204 + border: 1px solid #d1d5db;
205 + box-shadow:
206 + 0 26px 60px rgba(15, 23, 42, 0.14),
207 + 0 2px 4px rgba(15, 23, 42, 0.06) !important;
208 +}
209 +
210 +/* Placeholder text tone/size */
211 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"]::placeholder {
212 + font-size: 1.15rem;
213 + color: #9ca3af;
214 +}
215 +
216 +/* Extra space between hero and "Browse by category" */
217 +body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-section {
218 + margin-top: 4.6rem !important;
219 +}
220 +</style>
221 +
222 +{{/html}}
177 177  {{/velocity}}
224 +
225 +{{include reference="KBSupportCTA.WebHome"/}}