Changes for page KBCategoryLanding

Last modified by Isaac Mejia on 2026/06/08 20:12

From version 1.1

edited by Isaac Mejia
on 2026/06/08 20:07

Change comment: There is no comment for this version

To version 2.1

edited by Isaac Mejia
on 2026/06/08 20:12

Change comment: There is no comment for this version

Raw
Rendered

Summary

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

Details

Page properties

Content

@@ -1,12 +1,11 @@
  {{velocity}}
  ## ------------------------------------------------------------
  ## Category landing page for eFit subwiki
--## Reads the category space from the URL so it works correctly
--## when included via {{include reference="KBCategoryLanding.WebHome"/}}
++## URL pattern: /Main/<Category>/WebHome
++## e.g. /Main/Payment_Management/WebHome
  ## ------------------------------------------------------------
--## Extract the space name from the request URI
--## URL pattern: /wiki/efit-kb.membies.com/view/<Space>/WebHome
++## Extract category from URL - grab segment after "Main"
  #set ($uri = $request.getRequestURI())
  #set ($baseSpace = '')
  #set ($catDisplayName = '')
@@ -15,23 +15,22 @@
  #if ($uri.contains($viewMarker))
    #set ($afterView = $uri.substring($uri.indexOf($viewMarker) + $viewMarker.length()))
    #set ($uriParts = $afterView.split('/'))
--  #if ($uriParts.size() > 0)
--    #set ($baseSpace = $uriParts.get(0))
++  ## uriParts: [0]=Main, [1]=Payment_Management, [2]=WebHome
++  #if ($uriParts.size() > 1)
++    #set ($baseSpace = $uriParts.get(1))
    #end
  #end
--## Fallback to doc.space if URL parsing fails
--#if ("$!baseSpace" == "" || $baseSpace == 'KBCategoryLanding')
--  #set ($baseSpace = $doc.space)
++## Fallback
++#if ("$!baseSpace" == "" || $baseSpace == 'WebHome' || $baseSpace == 'Main')
++  #set ($baseSpace = $doc.space.replace('Main.', ''))
  #end
--## Build display name from space name (replace underscores with spaces)
--#set ($catDisplayName = $baseSpace.replace('_', ' '))
++## Full XWiki space reference e.g. "Main.Payment_Management"
++#set ($fullSpace = "Main." + $baseSpace)
--## In eFit subwiki, articles live directly in the space (not a sub-space)
--## e.g. space = "Technical_Knowledge_Base", articles are in that space
--#set ($spaceA = $baseSpace)
--#set ($spaceB = $baseSpace)
++## Display name - replace underscores and hyphens with spaces
++#set ($catDisplayName = $baseSpace.replace('_', ' ').replace('-', '-'))
  ## -----------------------------
  ## Read query params safely
@@ -66,7 +66,7 @@
  ## XWQL WHERE
  ## -----------------------------
  #set ($where =
--  "where doc.space = :spaceA " +
++  "where doc.space = :fullSpace " +
    "and doc.name <> 'WebHome' " +
    "and doc.hidden <> true "
  )
@@ -86,7 +86,7 @@
  )
  #set ($countQuery = $services.query.xwql($countXwql))
--#set ($discard = $countQuery.bindValue('spaceA', $spaceA))
++#set ($discard = $countQuery.bindValue('fullSpace', $fullSpace))
  #if ($hasFilter)
    #set ($discard = $countQuery.bindValue('q', "%" + $filter.toLowerCase() + "%"))
  #end
@@ -121,7 +121,7 @@
  )
  #set ($listQuery = $services.query.xwql($listXwql))
--#set ($discard = $listQuery.bindValue('spaceA', $spaceA))
++#set ($discard = $listQuery.bindValue('fullSpace', $fullSpace))
  #if ($hasFilter)
    #set ($discard = $listQuery.bindValue('q', "%" + $filter.toLowerCase() + "%"))
  #end
@@ -179,11 +179,11 @@
          #if (!$hasFilter)
            #set ($popXwql =
              "select doc.fullName from XWikiDocument doc " +
--            "where doc.space = :spaceA and doc.name <> 'WebHome' and doc.hidden <> true " +
++            "where doc.space = :fullSpace and doc.name <> 'WebHome' and doc.hidden <> true " +
              "order by lower(doc.title)"
            )
            #set ($popQuery = $services.query.xwql($popXwql))
--          #set ($discard = $popQuery.bindValue('spaceA', $spaceA))
++          #set ($discard = $popQuery.bindValue('fullSpace', $fullSpace))
            #set ($discard = $popQuery.setLimit(4))
            #set ($popRows = $popQuery.execute())
@@ -301,104 +301,35 @@
  <style>
  .kb-category-page { max-width: 1200px; margin: 0 auto; padding: 0 1rem 3rem; }
--
  .kb-hero { text-align: center; padding: 2.2rem 0 1rem; }
  .kb-hero-title { font-size: 2.2rem; font-weight: 800; margin: 0; }
  .kb-hero-subtitle { color: #6b7280; margin: 0.6rem 0 1.2rem; }
--
  .kb-category-search { display: flex; gap: 0.6rem; justify-content: center; align-items: center; flex-wrap: wrap; }
--.kb-category-search-input {
--  width: min(680px, 92vw);
--  padding: 0.9rem 1.1rem;
--  border: 1px solid #d1d5db;
--  border-radius: 999px;
--  font-size: 1.05rem;
--}
--.kb-category-search-button {
--  padding: 0.9rem 1.1rem;
--  border-radius: 999px;
--  border: none;
--  background: #2563eb;
--  color: #fff;
--  font-weight: 700;
--}
++.kb-category-search-input { width: min(680px, 92vw); padding: 0.9rem 1.1rem; border: 1px solid #d1d5db; border-radius: 999px; font-size: 1.05rem; }
++.kb-category-search-button { padding: 0.9rem 1.1rem; border-radius: 999px; border: none; background: #2563eb; color: #fff; font-weight: 700; }
  .kb-category-clear { color: #6b7280; text-decoration: none; font-weight: 700; }
  .kb-category-clear:hover { text-decoration: underline; }
  .kb-muted { color: #9ca3af; }
--
  .kb-category-columns { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: start; }
--@media (min-width: 1100px) {
--  .kb-category-columns { grid-template-columns: 340px minmax(0, 1fr); gap: 2.5rem; }
--}
--@media (max-width: 1099px) {
--  .kb-sidebar { order: 2; }
--  .kb-main { order: 1; }
--}
--
--.kb-sidebar {
--  border: 1px solid #e5e7eb;
--  border-radius: 1rem;
--  padding: 1rem 1.1rem;
--  background: #fff;
--  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
--}
++@media (min-width: 1100px) { .kb-category-columns { grid-template-columns: 340px minmax(0, 1fr); gap: 2.5rem; } }
++@media (max-width: 1099px) { .kb-sidebar { order: 2; } .kb-main { order: 1; } }
++.kb-sidebar { border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1rem 1.1rem; background: #fff; box-shadow: 0 4px 12px rgba(15,23,42,0.06); }
  .kb-category-list { list-style: none; padding: 0; margin: 0.8rem 0 0; }
  .kb-category-list li { margin: 0.5rem 0; }
--
  .kb-category-header-row { display: flex; gap: 0.75rem; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
--
--.kb-article-count-badge {
--  font-size: 0.85rem;
--  padding: 0.15rem 0.55rem;
--  border-radius: 999px;
--  border: 1px solid #d4d4d8;
--  background: #f4f4f5;
--  color: #4b5563;
--}
--
++.kb-article-count-badge { font-size: 0.85rem; padding: 0.15rem 0.55rem; border-radius: 999px; border: 1px solid #d4d4d8; background: #f4f4f5; color: #4b5563; }
  .kb-pager { display: flex; gap: 0.75rem; align-items: center; justify-content: space-between; margin: 1rem 0 1.25rem; flex-wrap: wrap; }
  .kb-pager-pages { display: flex; gap: 0.35rem; align-items: center; flex-wrap: wrap; justify-content: center; }
--.kb-pager-btn {
--  padding: 0.55rem 0.9rem;
--  border-radius: 999px;
--  border: 1px solid #e5e7eb;
--  background: #fff;
--  text-decoration: none;
--  font-weight: 800;
--  color: #111827;
--}
++.kb-pager-btn { padding: 0.55rem 0.9rem; border-radius: 999px; border: 1px solid #e5e7eb; background: #fff; text-decoration: none; font-weight: 800; color: #111827; }
  .kb-pager-btn.is-disabled { opacity: 0.45; cursor: not-allowed; }
--.kb-pager-page {
--  padding: 0.4rem 0.7rem;
--  border-radius: 999px;
--  border: 1px solid #e5e7eb;
--  text-decoration: none;
--  color: #111827;
--  font-weight: 800;
--}
++.kb-pager-page { padding: 0.4rem 0.7rem; border-radius: 999px; border: 1px solid #e5e7eb; text-decoration: none; color: #111827; font-weight: 800; }
  .kb-pager-page.is-current { background: #111827; color: #fff; border-color: #111827; }
  .kb-pager-status { color: #6b7280; font-weight: 800; }
  .kb-pager-bottom { justify-content: center; margin-top: 1.25rem; }
--
  .kb-category-card-grid { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.9rem; grid-template-columns: 1fr; }
--@media (min-width: 860px) {
--  .kb-category-card-grid { grid-template-columns: 1fr 1fr; }
--}
--.kb-article-card {
--  border: 1px solid #e5e7eb;
--  border-radius: 0.95rem;
--  padding: 0.9rem 1rem;
--  background: #fff;
--  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
--}
--.kb-article-card-title {
--  display: inline-block;
--  font-size: 1.05rem;
--  font-weight: 900;
--  color: #2563eb;
--  text-decoration: none;
--  line-height: 1.25;
--}
++@media (min-width: 860px) { .kb-category-card-grid { grid-template-columns: 1fr 1fr; } }
++.kb-article-card { border: 1px solid #e5e7eb; border-radius: 0.95rem; padding: 0.9rem 1rem; background: #fff; box-shadow: 0 4px 12px rgba(15,23,42,0.06); }
++.kb-article-card-title { display: inline-block; font-size: 1.05rem; font-weight: 900; color: #2563eb; text-decoration: none; line-height: 1.25; }
  .kb-article-card-title:hover { text-decoration: underline; }
  .kb-article-card-meta { margin-top: 0.35rem; color: #6b7280; font-size: 0.86rem; }
  .kb-article-card-empty { text-align: center; padding: 1.4rem; }
@@ -409,7 +409,6 @@
    const input = document.querySelector('.kb-category-search-input');
    const grid  = document.getElementById('kbCategoryGrid');
    if (!input || !grid) return;
--
    input.addEventListener('input', function () {
      const q = (input.value || '').trim().toLowerCase();
      const cards = grid.querySelectorAll('.kb-article-card[data-title]');
@@ -422,3 +422,4 @@
  </script>
  {{/html}}
  {{/velocity}}
++