Add active indicator to the shell nav items

[andrewsinnovations]

Allows the user to have SQL that indicates that a navigation bar should be shown as "active" in the shell.

select
  'shell' as component
  , '{"title": "Example Menu Item 1", "active": true}' as menu_item
  , '{"title": "Example Menu Item 2"}' as menu_item

Also works in the sidebar:

select
  'shell' as component
  , true as sidebar
  , '{"title": "Example Menu Item 1", "active": true}' as menu_item
  , '{"title": "Example Menu Item 2"}' as menu_item

[lovasoa]

Cool, thank you !
can you document it and add an example in https://github.com/sqlpage/SQLPage/blob/main/examples/official-site/sqlpage/migrations/01_documentation.sql#L1160-L1386 ?

[andrewsinnovations]

Done! Updated example 1 to mark one page as active in the documentation and added some text to reflect that.

[lovasoa]

Example 1 is the menu that is actually used in the official website. This change would mark the "About" menu as active on all pages !

[andrewsinnovations]

I pulled out the active flag example into its own example with a description of the SQL. Let me know if that is better!

[lovasoa]

Thank you @andrewsinnovations !