[5.3] Iconography

[dgrammatiko]

3rd try for inline SVG icons.

This is ONLY for demo purposes, if it gets a consensus there would be be a proper PR

Prior work:

• [WIP] SVG Icons 40-backend-template#441
• [4.0] [RFC] SVG icons #28351

Summary of Changes

• Introduce an HTML helper class
• Create an array (type [ name => svgCode ]) with all the FA icons
• Introduce a simple conditional to inline the sig's as sprite at the end of the document body

Scope

• Introduce a way to have inline svg icons
• Make sure it's safe
• It's easy to use
• Can work together with the font icons (ie no B/C break)
• It can work within JS

Testing Instructions

I Just covered few icons so that it's easy for any reviewers to check what is happening.
The icon part could be done with a Layout for even easier usage.
I picked the show/hide password to showcase the JS changes (supports both font/inline svg icons)

Actual result BEFORE applying this Pull Request

Login

Cpanel

Expected result AFTER applying this Pull Request

Login

Cpanel

Link to documentations

Please select:

• Documentation link for docs.joomla.org:

• No documentation changes for docs.joomla.org needed

• Pull Request link for manual.joomla.org:

• No documentation changes for manual.joomla.org needed

@laoneo @HLeithner @bembelimen @SniperSister @rdeutz

[HLeithner]

I'm not in favor doing this (or anyting else) with the htmlhelper, it's a thing that should be removed and directly done in the webassetmanager or document it self. Didn't looked at the svg implementation it self, will do that later, at least it would be cool to have this if it's working.

[dgrammatiko]

Could move it to the Document class or WAM. Fwiw first or second try was on the document class anyways this is implementation details could move the code around

[dgrammatiko]

I'll close it for now. If I get some spare time I'll have another look