NPM Resource Changed ? ? Pending

User tests: Successful: Unsuccessful:

avatar joomdonation
joomdonation
7 Mar 2021

Pull Request for part of Issue #31490.

Summary of Changes

My attempt to remove jQuery dependency for com_joomlaupdate Pre-Update Check.

Testing Instructions

  1. Login to administrator area of your site. Access to Joomla Update component (System -> Update -> Joomla) with this URL http://localhost/joomla4/administrator/index.php?option=com_joomlaupdate (replace http://localhost/joomla4/administrator/ with administrator URL of your site)
  1. Install an old version of an extension you know that there is new update available. I would suggest you to install this old version of Akeeba Backup extension which can be downloaded from this URL https://www.akeeba.com/download/akeeba-backup/8-0-1/pkg_akeeba-8-0-1-core-zip.zip

  2. Get the attached zip file (it contains complied javascript files comes from this PR), unzip it to the folder media of your site (it will replace the current javascript code in media/com_joomla update folder)
    com_joomlaupdate.zip

  3. Come back to Joomla Update Screen, press Check for Updates button, confirm that you see a screen like below telling you that there are Joomla update available and extensions compatible with that update.

joomla_update_pre_check

  1. Click on [ More Detail ] text, confirm that you will see more for the table Displayed and the text will be changed to [Less Detail]

pre-update-check-more-detail

  1. Click again on [Less Detail], confirm that some columns are hidden in the table and the text changed back to [More Detail] like before

pre-update-check-less-detail

avatar joomdonation joomdonation - open - 7 Mar 2021
avatar joomdonation joomdonation - change - 7 Mar 2021
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 7 Mar 2021
Category JavaScript Repository NPM Change
avatar joomdonation joomdonation - change - 7 Mar 2021
Title
Remove jQuery dependency for com_joomlaupdate Pre-Update Check
[4.0] Remove jQuery dependency for com_joomlaupdate Pre-Update Check
avatar joomdonation joomdonation - edited - 7 Mar 2021
avatar dgrammatiko
dgrammatiko - comment - 7 Mar 2021

Couple of things: rename the file to .es6.js to get the lint work on that. I was supposed to do this work... also you might want to take the source directly from 3.10 and then do transformation (I’m not sure if the version here is the same as the one in 3.10). One more thing, thanks ?

avatar richard67
richard67 - comment - 7 Mar 2021
  1. This is my first PR modify JS code. Not sure what we need to do have the changes to JS applied to testing site. Could @richard67 helps with some instructions here?

If you have a development environment with composer and npm, you can "compile" (i.e. copy, transpile, minify) the JS as described here: https://docs.joomla.org/J4.x:Setting_Up_Your_Local_Environment

Testers who don't have npm can use the installation package built by our drone CI job to make a new installation, or the update package or custom update URL to update a J4 without the PR to the PR (but then there's no way back). These packages can be found by expanding the "Show all checks" at the bottom of the PR and the using the "Details" link at the right side of the "Download" step.

avatar joomdonation joomdonation - change - 7 Mar 2021
Labels Added: NPM Resource Changed ?
avatar joomdonation
joomdonation - comment - 7 Mar 2021

@dgrammatiko Thanks. I renamed the file as instructed. For taking the source directly from 3.10, I think we should not do that for now because I it is different with the source from 4.0-dev (I think @wilsonge had made some adjustment to fix some bugs with 4.0-dev before).

avatar richard67
richard67 - comment - 7 Mar 2021
avatar dgrammatiko
dgrammatiko - comment - 7 Mar 2021

Run npm run lint:js

copy the eslint... from the cli and add after the last dot a space and the —fix
This will fix most cs automatically

Edit the command is:

eslint --config build/.eslintrc --ignore-pattern '/media/' --ext .es6.js,.es6,.vue . --fix
e389683 7 Mar 2021 avatar joomdonation CS
avatar dgrammatiko
dgrammatiko - comment - 7 Mar 2021

@joomdonation use this (remove the.txt):
update.es6.js.txt

avatar richard67
richard67 - comment - 7 Mar 2021
15b6b67 8 Mar 2021 avatar joomdonation CS
avatar joomdonation joomdonation - change - 13 Mar 2021
The description was changed
avatar joomdonation joomdonation - edited - 13 Mar 2021
avatar joomdonation
joomdonation - comment - 13 Mar 2021

I updated the PR with a more clear testing instructions. Hopefully testers can follow instructions to test now.

avatar wilsonge wilsonge - change - 21 Mar 2021
Status Pending Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2021-03-21 23:17:13
Closed_By wilsonge
Labels Added: ?
avatar wilsonge wilsonge - close - 21 Mar 2021
avatar wilsonge wilsonge - merge - 21 Mar 2021
avatar wilsonge
wilsonge - comment - 21 Mar 2021

I did some basic testing of this and it seemed to work fine for me in Chrome OSX. I'm merging this so we get wider testing exposure. Thankyou!

Add a Comment

Login with GitHub to post a comment