MokoConsulting/MokoOnyx
1
0
Fork 0
Code Issues 10 Pull Requests 1 Releases 2 Wiki Activity

feat: native social media icons (replaces mod_rssocial) #130

Merged
jmiller merged 3 commits from feature/social-icons into dev 2026-06-18 15:35:28 +00:00
Conversation 0 Commits 3 Files Changed 7
+353 -4
jmiller commented 2026-06-18 15:25:39 +00:00
Owner
Copy Link
Copy Source

Summary

  • Native social media icons built into MokoOnyx, replacing the third-party mod_rssocial module
  • Supports all 22 platforms using Font Awesome 7 brand icons (already bundled)
  • Independent topbar and footer display toggles with shared style/size config
  • Three icon styles (plain, circle, rounded) and three sizes (sm, md, lg)
  • Fully theme-aware via CSS custom properties, accessible with aria-labels

Changes

  • New: src/html/layouts/mokoonyx/social-icons.php -- single data-driven layout for all platforms
  • Modified: src/templateDetails.xml -- new Social Icons fieldset with 23 URL fields + display/style options
  • Modified: src/index.php -- renders social icons in topbar and/or footer via LayoutHelper
  • Modified: src/media/css/template.css -- social icon styles + replaced hardcoded #rssocial-133 in print CSS
  • Modified: src/language/en-GB/tpl_mokoonyx.ini -- 48 new language strings
  • Modified: src/language/en-US/tpl_mokoonyx.ini -- 48 new language strings

Test plan

  • Enable social_topbar, add a few platform URLs, verify icons appear right-aligned in topbar
  • Enable social_footer, verify icons appear centred above footer content
  • Toggle both on simultaneously, confirm independent rendering
  • Test all three icon styles (plain, circle, rounded) render correctly
  • Test all three sizes (sm, md, lg)
  • Verify dark mode theming applies correctly
  • Check mobile responsive layout (topbar centres on small screens)
  • Verify print stylesheet hides social icons
  • Confirm empty URLs hide platforms (no broken/empty icons)
  • Test accessibility: screen reader announces aria-labels, links have rel=noopener noreferrer

Resolves #129

## Summary - Native social media icons built into MokoOnyx, replacing the third-party mod_rssocial module - Supports all 22 platforms using Font Awesome 7 brand icons (already bundled) - Independent topbar and footer display toggles with shared style/size config - Three icon styles (plain, circle, rounded) and three sizes (sm, md, lg) - Fully theme-aware via CSS custom properties, accessible with aria-labels ## Changes - **New:** `src/html/layouts/mokoonyx/social-icons.php` -- single data-driven layout for all platforms - **Modified:** `src/templateDetails.xml` -- new Social Icons fieldset with 23 URL fields + display/style options - **Modified:** `src/index.php` -- renders social icons in topbar and/or footer via LayoutHelper - **Modified:** `src/media/css/template.css` -- social icon styles + replaced hardcoded #rssocial-133 in print CSS - **Modified:** `src/language/en-GB/tpl_mokoonyx.ini` -- 48 new language strings - **Modified:** `src/language/en-US/tpl_mokoonyx.ini` -- 48 new language strings ## Test plan - [ ] Enable social_topbar, add a few platform URLs, verify icons appear right-aligned in topbar - [ ] Enable social_footer, verify icons appear centred above footer content - [ ] Toggle both on simultaneously, confirm independent rendering - [ ] Test all three icon styles (plain, circle, rounded) render correctly - [ ] Test all three sizes (sm, md, lg) - [ ] Verify dark mode theming applies correctly - [ ] Check mobile responsive layout (topbar centres on small screens) - [ ] Verify print stylesheet hides social icons - [ ] Confirm empty URLs hide platforms (no broken/empty icons) - [ ] Test accessibility: screen reader announces aria-labels, links have rel=noopener noreferrer Resolves #129
jmiller added 2 commits 2026-06-18 15:25:39 +00:00
fix: gitignore site/ should be /site/ to avoid matching tmpl/site/ 7ec9b847fc
feat: native social media icons (replaces mod_rssocial dependency)
Generic: Repo Health / Scripts governance (push) Blocked by required conditions
Details
Generic: Repo Health / Repository health (push) Blocked by required conditions
Details
Generic: Repo Health / Report Issues (push) Blocked by required conditions
Details
Generic: Repo Health / Site Health (push) Has been skipped
Details
Generic: Repo Health / Access control (push) Successful in 2s
Details
Universal: PR Check / Build RC Package (pull_request) Blocked by required conditions
Details
Universal: PR Check / Report Issues (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Scripts governance (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Repository health (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Report Issues (pull_request) Blocked by required conditions
Details
Universal: PR Check / Branch Policy (pull_request) Successful in 2s
Details
Generic: Repo Health / Site Health (pull_request) Has been skipped
Details
Generic: Repo Health / Access control (pull_request) Successful in 1s
Details
Universal: Auto Version Bump / Version Bump (push) Successful in 3s
Details
Universal: PR Check / Validate PR (pull_request) Failing after 6s
Details
da66a969d2 
Add template-native social icons supporting 22 platforms via Font Awesome 7
brand icons. Configurable in the admin panel with independent topbar/footer
display toggles, three icon styles (plain/circle/rounded), and three sizes.

Resolves #129
jmiller added 1 commit 2026-06-18 15:35:06 +00:00
fix: harden social icons against XSS and invalid params
Universal: PR Check / Build RC Package (pull_request) Blocked by required conditions
Details
Universal: PR Check / Report Issues (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Scripts governance (push) Blocked by required conditions
Details
Generic: Repo Health / Repository health (push) Blocked by required conditions
Details
Generic: Repo Health / Report Issues (push) Blocked by required conditions
Details
Generic: Repo Health / Scripts governance (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Repository health (pull_request) Blocked by required conditions
Details
Generic: Repo Health / Report Issues (pull_request) Blocked by required conditions
Details
Universal: PR Check / Branch Policy (pull_request) Successful in 2s
Details
Generic: Repo Health / Site Health (push) Has been skipped
Details
Generic: Repo Health / Access control (push) Successful in 2s
Details
Generic: Repo Health / Access control (pull_request) Successful in 2s
Details
Generic: Repo Health / Site Health (pull_request) Has been skipped
Details
Universal: PR Check / Validate PR (pull_request) Failing after 12s
Details
Branch Cleanup / Delete merged branch (pull_request) Successful in 2s
Details
Universal: Auto Version Bump / Version Bump (push) Successful in 3s
Details
6645fdf041 
- Validate URL schemes (only https://, mailto:, / allowed)
- Allowlist style and size params against known values
- Escape icon class output for defense-in-depth
jmiller merged commit 40c36f7f7c into dev 2026-06-18 15:35:28 +00:00
jmiller deleted branch feature/social-icons 2026-06-18 15:35:28 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
automation
Automated processes or scripts
 breaking-change
Breaking API or functionality change
 build
Build system changes
 ci-cd
CI/CD pipeline changes
 config
Configuration file changes
 css
CSS/styling changes
 dependencies
Dependency updates
 deploy-failure
Automated deploy failure tracking
 docker
Docker configuration changes
 documentation
Documentation changes
 dolibarr
Dolibarr module or extension
 generic
Generic project or library
 good first issue
Good for newcomers
 health-check
Repository health check results
 health: excellent
Health score 90-100
 health: fair
Health score 50-69
 health: good
Health score 70-89
 health: poor
Health score below 50
 help wanted
Extra attention needed
 html
HTML template changes
 javascript
JavaScript code changes
 joomla
Joomla extension or component
 major-release
Major version release
 minor-release
Minor version release
 mokostandards
MokoStandards compliance
 needs-review
Awaiting code review
 patch-release
Patch version release
 php
PHP code changes
 push-failure
File push failure requiring attention
 python
Python code changes
 release-candidate
Release candidate build
 security
Security-related changes
 size/l
Large change (101-300 lines)
 size/m
Medium change (31-100 lines)
 size/s
Small change (11-30 lines)
 size/xl
Extra large change (301-1000 lines)
 size/xs
Extra small change (1-10 lines)
 size/xxl
Extremely large change (1000+ lines)
 standards-drift
Repository drifted from MokoStandards
 standards-update
MokoStandards sync update
 sync-failure
Bulk sync failure requiring attention
 sync-report
Bulk sync run report
 template-validation-failure
Template workflow validation failure
 tests
Test suite changes
 type: bug
Something isn't working
 type: chore
Maintenance tasks
 type: enhancement
Enhancement to existing feature
 type: feature
New feature or request
 type: refactor
Code refactoring
 type: version
Version-related change
 typescript
TypeScript code changes
 version
Version bump or release
 version-drift
Version mismatch detected
 work-in-progress
Work in progress, not ready for merge
No labels
Priority -
Type -
Milestone
No items
No Milestone
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#130
Delete Branch "feature/social-icons"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?