[4.0] RFC Quickicons Joomla and Extensions updates

[infograf768]

Replaces and complete #23061 (for what concerns Joomla Update).

Implement NOTE in #23061 (comment)

Summary of Changes

1. Adding Joomla Version
2. Change icon color to warning when an update is available as danger is used in case of error.
3. Place the Update Now and View Updates buttons to the bottom right of the Message, centering the rest of the message.
4. Adapt Atum CSS concerned to RTL, including the joomla-alert
5. Correct unnecessary , and : in the language strings
6. Correct Text::script to false by default to let single quotes in language strings to display unescaped instead of \'

Testing Instructions

To test on 4.0-dev branch

Concerning joomlaupdate:
Modify version.php line 63 to const EXTRA_VERSION = 'alpha4-dev';
Go to database and Fix database.
Then in JoomlaUpdate Options choose Custom URL and add this link (Thanks Tobias) :
https://update.joomla.org/core/nightlies/next_major_list.xml
Save Options.
Display Control Panel.

Concerning extensions update:
Install an older language pack in order to get a warning for an update.
fr-FR_joomla_lang_full_3.9.0v1.zip

in both cases, test also RTL by installing and switching to Persian language.

Test before patch, then run npm ci

Expected result

@tuum @wilsonge

[brianteeman]

surely there is a way to do this without using !important

[infograf768]

This is what is used in node_modules and vendor:

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .text#{$infix}-left   { text-align: left !important; }
    .text#{$infix}-right  { text-align: right !important; }
    .text#{$infix}-center { text-align: center !important; }
  }
}

and ported to /administrator/templates/atum/css/bootstrap.css once npm ci has run:

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

[brianteeman]

punctuation as commented inline

[brianteeman]

approve language strings

[richard67]

I have tested this item ✅ successfully on a419403

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[infograf768]

Note: furher PR will correct RTL for the J version

[infograf768]

@richard67
I need to update this now for RTL version but also for another js issue.
Please test again after I updated.

[infograf768]

@richard67
OK, you can test again now.
The modifications concern the version in RTL (Test by using Persian), as well as showing the Joomlaupdate Quickicon in Green when there is no Update available.

[richard67]

@infograf768 I don't see any difference in the Persian screenshots. What has changed?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[infograf768]

formerly (see on top), the version read alpha6-dev etc.
it now displays correctly 4.0.0-alpha etc, i.e. the version is ltr in a rtl lang string

[richard67]

I see now.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[richard67]

@infograf768 Now I tested and it seemed ok. But after switching back the Joomla update channel to "Default" and changing back Version.php and fixing the database, I get a javascript error from the Joomla update check, and the update check does not finish:

Reverting the PR and running "npm ci" does not fix that, so I am not sure if related to this PR or not.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[richard67]

@infograf768 I've started again with clean 4.0-dev, installed patch tester, applied your patch, run "npm ci", switched on system debugging in global settings so uncompressed js is used.
The js error is in jupdatecheck.js, row 32, column 11, which is statement "if (updateInfo.version === options.version) {", and sais "TypeError: updateInfo is undefined".
This seems to come from your last change.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[richard67]

@infograf768 It seems that the "if (updateInfoList.length === 0) {" you've removed with your last change was not there for no reason.

[infograf768]

on ipad now. will look later. the issue was to get the ‘success’ class instead of only ‘pulse’. we may have to define as var and empty the ‘updateinfo.version’ first.

[richard67]

@infograf768 Can you check if my PR infograf768#50 against your branch is the right thing to correct it and get what you want with the success class? Unfortunately I made a mistake in title of the commit so it contains "warning" instead of "success", which is misleading. So you better just check it and if ok do the same change yourself.

[richard67]

@infograf768 I've just tested my changes from infograf768#50, applied to this PR here, and it works. Javascript error is gone, and Joomla Update is green.

[infograf768]

Thanks @richard67
I mark your test Ok again.

[richard67]

Yes, I've just tested again, works all well.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[C-Lodder]

Alerts are not part of the template. please put RTL CSS in the custom element file

[infograf768]

@C-Lodder
This is an override for RTL.
The scss for alert is in /node_modules/joomla-ui-custom-elements/src/scss/alert/alert.scss

There is no provisions done for RTL in custom-elements which means we would have to use html[dir=rtl] (which is not a problem I guess).

Also it means that until someone merges a possible pull request in https://github.com/joomla-projects/custom-elements/blob/master/dist/css/joomla-alert.css and possibly https://github.com/joomla-projects/custom-elements/blob/master/dist/css/joomla-alert.min.css, this PR would not correct by itself the RTL display issue with alerts.

EDIT: Maybe it is only in https://github.com/joomla-projects/custom-elements/blob/master/src/scss/alert/alert.scss

The other solution I see is to add these (with html[dir=rtl] ), in the atum/scss/blocks/_alert.scss and also in Cassiopea equivalent file —which means that every 3rd party template will necessarily have to do that to be rtl compatible.

Just let me know what is the way to go.
calling @wilsonge as he has the hand on merging stuff in https://github.com/joomla-projects/custom-elements

[infograf768]

@C-Lodder
ping 😄

[infograf768]

After discussion with @wilsonge will make PR towards https://github.com/joomla-projects/custom-elements/blob/master/src/scss/alert/alert.scss
and delete the same in template-rtl.scss>

We will have to wait the PR is merged and compile is done to see the rtl results here.

[infograf768]

RTL can now be tested fully as alert has been updated.
One has to use present 4.0.0-dev branch, patch and run npm ci.

Result:

@richard67

[richard67]

I have tested this item ✅ successfully on 4ed7a1b

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/23095.}

[infograf768]

@wilsonge
same comment as in the other PR.
RTL testers are a rare category... ;)

[wilsonge]

Thanks JM!

[infograf768]

and @richard67 ;)