RTC NPM Resource Changed PR-5.1-dev Pending

User tests: Successful: Unsuccessful:

avatar C-Lodder
C-Lodder
27 Feb 2024

Summary of Changes

This PR has three parts:

  1. The core loader custom element has been rewritten to use an SVG rather than built using CSS.
  2. We can now pass inline="true" and size="xx", allowing us to have an inline instance, rather than fullscreen.
  3. The sample data module now uses the updated core loader, rather than an old animated GIF.

Why SVG over CSS?
The original CSS version has loads of hardcoded values, meaning scaling became extremely difficult.

Why aren't we observing the inline or size attributes?
Simply because I do not believe they need observing.

Testing Instructions

  1. Run npm i
  2. Go to your Joomla backend
  3. Install the sample data

Screenshot

loader2

Thank you to @dgrammatiko for providing the SVG.

avatar C-Lodder C-Lodder - open - 27 Feb 2024
avatar C-Lodder C-Lodder - change - 27 Feb 2024
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 27 Feb 2024
Category Modules Administration JavaScript Repository NPM Change
avatar C-Lodder C-Lodder - change - 27 Feb 2024
Labels Added: NPM Resource Changed PR-5.1-dev
avatar Quy
Quy - comment - 27 Feb 2024

Would you consider this to be a fix for #31078 #30099?

avatar dgrammatiko
dgrammatiko - comment - 27 Feb 2024

Nice one Charlie. Quick question: in the screenshots it seems that the logo is twisted (order of the colours). Was it my fault with the svg?

avatar C-Lodder
C-Lodder - comment - 27 Feb 2024

@dgrammatiko Good catch, fixed.

@Quy Probably not.

avatar C-Lodder C-Lodder - change - 27 Feb 2024
The description was changed
avatar C-Lodder C-Lodder - edited - 27 Feb 2024
3f83bf3 27 Feb 2024 avatar C-Lodder lint
avatar Quy Quy - test_item - 28 Feb 2024 - Tested successfully
avatar Quy
Quy - comment - 28 Feb 2024

I have tested this item ✅ successfully on ef94d64


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42903.

avatar fgsw fgsw - test_item - 28 Feb 2024 - Tested successfully
avatar fgsw
fgsw - comment - 28 Feb 2024

I have tested this item ✅ successfully on ef94d64


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42903.

avatar Quy Quy - change - 28 Feb 2024
Status Pending Ready to Commit
avatar Quy
Quy - comment - 28 Feb 2024

RTC


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/42903.

avatar Quy Quy - change - 28 Feb 2024
Labels Added: RTC

Add a Comment

Login with GitHub to post a comment