Skip to content

bugfix/AB#87069_SUI-map-unable-close-full-screen-of-map-on-click-of-expand-icon-on-map-widget #2425

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

Conversation

unai-reliefapp
Copy link
Contributor

@unai-reliefapp unai-reliefapp commented Mar 1, 2024

Description

  • feat: add first version of custom fullscreen control for leaflet map

Useful links

Type of change

Please delete options that are not relevant.

  • Bug fix (non-breaking change which fixes an issue)
  • Improvement (refactor or addition to existing functionality)

How Has This Been Tested?

Please refer to videos below

Screenshots

On web component

Compartir.pantalla.-.2024-03-01.13_00_10.mp4

On App Builder:
https://github.com/ReliefApplications/ems-frontend/assets/123092672/24ca420b-8975-4226-b9b1-0408dcb204c4

Checklist:

( * == Mandatory )

  • * I have set myself as assignee of the pull request
  • * My code follows the style guidelines of this project
  • * Linting does not generate new warnings
  • * I have performed a self-review of my own code
  • * I have put the ticket for review, adding the oort-frontend team to the list of reviewers
  • * I have commented my code, particularly in hard-to-understand areas
  • * I have put JSDoc comment in all required places
  • * My changes generate no new warnings
  • * I have included screenshots describing my changes if relevant
  • * I have selected labels in the Pull Request, according to the changes with code brings
  • I have made corresponding changes to the documentation ( if required )
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules

More explanation

https://www.loom.com/share/05a716d61b9744faaf51fb304c21d1e5?sid=f87cf896-582a-4f76-93ae-8ceed801b145

…xpand-icon-on-map-widget feat: add first version of custom fullscreen control for leaflet map
@unai-reliefapp unai-reliefapp added bug Something isn't working refactor Refactor of the code labels Mar 1, 2024
@unai-reliefapp unai-reliefapp self-assigned this Mar 1, 2024
…xpand-icon-on-map-widget feat: add translations for title property in the new custom leaflet fullscreen control
…xpand-icon-on-map-widget feat: missing listener clean up for custom leaflet fullscreen control
…xpand-icon-on-map-widget fix: property names for clearer ones
@unai-reliefapp unai-reliefapp marked this pull request as ready for review March 1, 2024 12:01
@unai-reliefapp
Copy link
Contributor Author

@AntoineRelief I add some new translations but are not set when using the translate instante.
I dont remember if i had to update some file in the sui in order to take the new translations or not, I'll wait for your feedback

Otherwise this new fullscreen control works as expected for both web component and app builder
KR, Unai

@AntoineRelief
Copy link
Collaborator

AntoineRelief commented Mar 1, 2024

@unai-reliefapp
translations are fetched from CDN, so you can't update them locally

as long as you're able to add them in the translation files, I'll deploy them later and it should work

…xpand-icon-on-map-widget fix: delete console logs
@unai-reliefapp
Copy link
Contributor Author

@unai-reliefapp translations are fetched from CDN, so you can't update them locally

as long as you're able to add them in the translation files, I'll deploy them later and it should work

PR ready then 👍

…xpand-icon-on-map-widget fix: hardcoded title
@unai-reliefapp unai-reliefapp mentioned this pull request Mar 1, 2024
21 tasks
'components.map.controls.fullScreen.exitFullscreen'
);
this.fullscreenControl.onAdd = () => {
const mapContainer = map.getContainer();
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Suggested change
const mapContainer = map.getContainer();
const mapContainer = map.getContainer()?.parentElement;

@AntoineRelief
This would fix the first part of this one: #2422 (comment) and fullscreen would still work fine

@AntoineRelief AntoineRelief merged commit 4f0dd92 into 2.x.x Mar 1, 2024
@AntoineRelief AntoineRelief deleted the bugfix/AB#87069_SUI-map-unable-close-full-screen-of-map-on-click-of-expand-icon-on-map-widget branch March 1, 2024 15:18
AntoineRelief pushed a commit that referenced this pull request Mar 1, 2024
…3-01) ### Bug Fixes CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json due to query params some components could be duplicated in sui ([faf3986](faf3986)) CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json fullscreen control would not work in web elements mode ([#2425](#2425)) ([4f0dd92](4f0dd92)) CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json layers overlay could be hidden on maps, when using fullscreen & web elements ([#2424](#2424)) ([49e6db7](49e6db7)) CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json map could sometimes disappear on some browsers due to a browser limitation ([79d1a1c](79d1a1c)) CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json only one mutation instance supported ([#2419](#2419)) ([2b80a9f](2b80a9f)) CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json selecting some reference data in questions in dashboard filter, using web elements, could not reflect on other pages ([#2420](#2420)) ([729957a](729957a)) ### Features CHANGELOG CHANGELOG.md CI LICENSE README.md TODO.md apps assets error_pages jest-shim.ts jest.config.ts jest.preset.js libs makefile migration-storybook.log node_modules nx.json package-lock.json package.json release.config.js tailwind.config.js tools tsconfig.base.json allow widgets to build automation rules ([#2422](#2422)) ([9457fd4](9457fd4))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working refactor Refactor of the code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants