Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MWPW-120020 - Event-driven Modals #403

Merged
merged 2 commits into from
Jan 25, 2023
Merged

MWPW-120020 - Event-driven Modals #403

merged 2 commits into from
Jan 25, 2023

Conversation

auniverseaway
Copy link
Member

  • Ability to open a modal with a custom event
  • Ability to customize the look and behavior of a modal
    • Can add class names to modal via modal-metadata
    • Can turn off curtain for modal via modal-metadata
  • Turned on GeoRouting for Milo
  • Minor updates to tests
  • Non-breaking updates to Section Metadata

Resolves: MWPW-120020

Test URLs:

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Jan 23, 2023

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Jan 23, 2023

Page Score PSI Audit Google
/?martech=off SI FCP LCP TBT CLS PSI

Copy link
Contributor

@chrischrischris chrischrischris left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 to code, have not done functional testing

Copy link
Contributor

@vhargrave vhargrave left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In general looks really good!
Found two small things:

  1. Unit tests are failing atm.
  2. If you go to this link https://event-modal--milo--adobecom.hlx.page/drafts/vhargrave/modals and open the first modal, you'll see no curtain is behind it. Try also clicking out of the modal to close it. That doesn't work.
    This was a super quick review from me though. If this branch is not merged by my morning tomorrow then I'll take a more detailed look.

@rgclayton
Copy link
Contributor

In general looks really good. Found two small things:

  1. Unit tests are failing atm.
  2. If you go to this link https://event-modal--milo--adobecom.hlx.page/drafts/vhargrave/modals and open the first modal, you'll see no curtain is behind it. Try also clicking out of hte modal to close it. That doens't work.

@vhargrave
Regarding #2. I think that's the intent. That modal fragment has modal metadata that turns the curtain off, it's also applying a custom class (qtip :)), from the modal metadata to the modal. I was putting that page together to test those features of this PR.

If no curtain is enabled, the close button will be the way to close the modal.

@rgclayton
Copy link
Contributor

@auniverseaway auniverseaway added the high-impact Any PR that may affect consumers label Jan 24, 2023
@adobecom adobecom deleted a comment from aem-code-sync bot Jan 24, 2023
@auniverseaway
Copy link
Member Author

auniverseaway commented Jan 24, 2023

What am I missing here? https://main--bacom--adobecom.hlx.page/drafts/rclayton/modal-samples?milolibs=event-modal#video

Great catch. modal-metadata is not listed in supported blocks.

It's fixed now.

@codecov
Copy link

codecov bot commented Jan 24, 2023

Codecov Report

Merging #403 (14e39da) into main (ec77160) will decrease coverage by 0.03%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #403      +/-   ##
==========================================
- Coverage   98.92%   98.89%   -0.03%     
==========================================
  Files          78       79       +1     
  Lines       20745    20816      +71     
==========================================
+ Hits        20523    20587      +64     
- Misses        222      229       +7     
Impacted Files Coverage Δ
libs/blocks/card/card.js 100.00% <100.00%> (ø)
libs/blocks/fragment/fragment.js 94.91% <100.00%> (-5.09%) ⬇️
libs/blocks/modal/modal.js 100.00% <100.00%> (ø)
libs/blocks/section-metadata/section-metadata.js 100.00% <100.00%> (ø)
libs/scripts/scripts.js 100.00% <100.00%> (ø)
libs/utils/utils.js 97.26% <100.00%> (-0.27%) ⬇️
libs/blocks/review/components/review/Comments.js 100.00% <0.00%> (ø)
libs/blocks/walls-io/walls-io.js 97.10% <0.00%> (ø)
... and 1 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Jan 24, 2023

Page Score PSI Audit Google
/?martech=off SI FCP LCP TBT CLS PSI

@auniverseaway
Copy link
Member Author

@rgclayton fixed: https://main--bacom--adobecom.hlx.page/drafts/rclayton/modal-samples?milolibs=event-modal#video

Thanks!

* Ability to open a modal with a custom event
* Ability to customize the look and behavior of a modal
* Turned GeoRouting on for Milo
@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Jan 25, 2023

Page Score PSI Audit Google
/?martech=off SI FCP LCP TBT CLS PSI

Copy link
Contributor

@rgclayton rgclayton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good now!

@rgclayton rgclayton added the verified PR has been E2E tested by a reviewer label Jan 25, 2023
@aem-code-sync
Copy link
Contributor

aem-code-sync bot commented Jan 25, 2023

Page Score PSI Audit Google
/?martech=off SI FCP LCP TBT CLS PSI

@auniverseaway auniverseaway merged commit 0beaeff into main Jan 25, 2023
@auniverseaway auniverseaway deleted the event-modal branch January 25, 2023 03:38
mokimo added a commit that referenced this pull request Feb 2, 2023
* MWPW-122131 - Embed Blocks (#348)

* add twitter auto_block

* add tiktok

* add tiktok test

* add vimeo

* add instagram

* add slideshare

* minor fix

* fix vimeo player link

* fix vimeo url check

* PR feedback

Co-authored-by: Chris Millar <cmillar@adobe.com>
Co-authored-by: Ryan Clayton <rgclayton@gmail.com>

* MWPW-120782 - Fix Chart Color Order (#393)

* MWPW-109331 - Carousel (#375)

* Carousel v1

* PR feedback, clean up

* PR feedback. Clean up.

Co-authored-by: Ryan Clayton <rclayton@adobe.com>
Co-authored-by: Chris Peyer <chrischrischris@users.noreply.github.com>

* MWPW-124631 check if adobe logo block exists in document (#406)

check if adobe logo block exists in doc

* Migrate Walls.io (#378)

* add walls.io block

* add test

* fix css

* fix url vulnerability

* pr feedback

* fix vulnerability

* pr feedback

* MWPW-124632 [Milo] No character count in the review component text box (#407)

* MWPW-124584 (#411)

Co-authored-by: Blaine Gunn <gunn@adobe.com>

* MWPW-124845 - Start Project button missing for only some projects (#409)

MWPW-124845 - Start Project button missing for only English Copy Projects

- update start button show condition to handle the case where there are no translation projects

Resolves: MWPW-124845

* MWPW-124277 - Link Localization not working for some links in Gnav and Footer (#396)

- call decorateLinks for gnav in gnav init instead of individual blocks
- removed decorateSVG and localizeLink instances as it is called in decorateLinks
- added tests to verify link localization in gnav menu, breadcrumb, cta, brand link
- call decorateLinks for footer links in init method
- added try catch in utils for empty href or malformed href
- fix https://business.adobe.com/au getting converted to https://business.adobe.com/au/au
- add test for this fix
- Support www.adobe.com link localization and add test for the same

Resolves: MWPW-124277

* MWPW-124277 - Regression Fix Link Localization (#416)

MWPW-124277 - Regression Fix Link Localization for

- Retaining the per menu localize link to avoid regression issue noticed with few links not being localized.

Resolves: MWPW-124277

* MWPW-123893 - Review Schema (#415)

* Add product schema to review block

* MWPW-123745 SVG alt text (#401)

* MWPW-123745 SVG alt text

Added feature to svg images to allow for authors to add alt text.

* PR feedback

Co-authored-by: Ryan Clayton <rclayton@adobe.com>
Co-authored-by: Chris Millar <cmillar@adobe.com>

* MWPW-120020 - Event-driven Modals (#403)

* Ability to open a modal with a custom event
* Ability to customize the look and behavior of a modal
* Turned GeoRouting on for Milo

* MWPW-1224169 Updated How-to block (#404)

* MWPW-1224169 Updated How-to block

* Fix tests; Update ld json

* Update inline image size

* Die gracefully with old format

* full backwards compatibility

Co-authored-by: ChrisChrisChris <chrischrischris@users.noreply.github.com>

* small windows fix (#418)

* MWPW-123760 (#383)

Co-authored-by: Chris Millar <cmillar@adobe.com>
Co-authored-by: Ryan Clayton <rgclayton@gmail.com>
Co-authored-by: Chris Peyer <chrischrischris@users.noreply.github.com>

* MWPW-124906 - Embed links inside text block (#420)

Co-authored-by: Chris Millar <cmillar@adobe.com>

* MWPW-124846 - Loc Support fragments at any level in hierarchy (#419)

Co-authored-by: bhagwath <bhagwath@adobe.com>

* MWPW-125032 Brand Block: using an SVG link for logo breaks gnav rendering (#422)

* MWPW-120802 - Diagonal Labels for Chart (#412)

* MWPW-120802 - Diagonal Labels for Chart

* pr

* Add asset support to library

* Add Franklin customer library support

* Remove 3rd party libraries if not used

* Add utils test coverage (#427)

Co-authored-by: Ryan Clayton <rclayton@adobe.com>

* A simple `reading-time` block to estimate the reading time of the article (#356)

* A simple  block to estimate the reading time of the article

* reading-time: typo in the css

* reading-time: small change to the css

* reading-time PR review changes

* added placeholders for localization of the '5 min read' text

* [reading-time]: add a placeholder key for singular reading time value

* [reading-time]: less strict scoping for css

* [reading-time]: less strict scoping for css

* [reading-time]: text-align center only if it's in a center section

* reading-time tests added

* reading-time tests added

* Fixing bug for faas import from link clicked. (#424)

* Fixing bug for faas import from link clicked.

* adding ||= sytex.

* same as before.

* MWPW-122611 - [GH Action] Old browser function detection (#423)

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

* MWPW-122611 - [GH Action] Old browser function detection

- add a Github action to check for unsupported functions

---------

Co-authored-by: Aaron Mauchley <mauchley@adobe.com>

* removing display none from accordion (#433)

---------

Co-authored-by: Saugat Malla <saugat013@gmail.com>
Co-authored-by: Chris Millar <cmillar@adobe.com>
Co-authored-by: Ryan Clayton <rgclayton@gmail.com>
Co-authored-by: Megan Thomas <methomas@adobe.com>
Co-authored-by: Ryan Clayton <rclayton@adobe.com>
Co-authored-by: Chris Peyer <chrischrischris@users.noreply.github.com>
Co-authored-by: Mirko Sagolj <37147400+msagolj@users.noreply.github.com>
Co-authored-by: Blaine Gunn <Blainegunn@gmail.com>
Co-authored-by: Blaine Gunn <gunn@adobe.com>
Co-authored-by: Janaki R Bhagwath <janaki.r.bhagwath@gmail.com>
Co-authored-by: bhagwath <bhagwath@adobe.com>
Co-authored-by: Solène <62023521+So1ene@users.noreply.github.com>
Co-authored-by: Sean Choi <seanchoi@adobe.com>
Co-authored-by: jckautzmann <jkautzma@adobe.com>
Co-authored-by: Aaron Mauchley <mauchley@adobe.com>
Co-authored-by: Brad Johnson <fullcolorcoder@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
high-impact Any PR that may affect consumers verified PR has been E2E tested by a reviewer
Projects
None yet
5 participants