Issues on mapper frontend on offline mode

[manjitapandey]

Describe the bug
The button for downloading and loading tiles on mapper frontend is missing

To Reproduce
Steps to reproduce the behavior:

1. Go to 'mapper frontend page'
2. Click on 'offline mode'
3. Choose the basemap
4. See error

Expected behavior
The button should be visible for downloading the tiles as well as visualising the tiles on mapper frontend

Screenshots

[spwoodcock]

Which project was this for?

I can see the buttons on this project: https://dev.fmtm.hotosm.org/mapnow/35
Just checking if you can too?

[manjitapandey]

I can't see the buttons on https://dev.fmtm.hotosm.org/mapnow/35 (Naxa Demo project).
They are still not visible on my device

[spwoodcock]

Confirmed on mobile - this is a mobile only bug - will look into it!

[spwoodcock]

@NSUWAL123 if you could possibly look at this and do a sanity check, it would be really appreciated 🙏

I haven't really had a chance to check it thoroughly, but it's quite an important thing to fix.

Such a weird error 😅 The buttons are visible on desktop, but not mobile, I think it's to do with the CSS classes, but on first look I couldn't work it out!

[NSUWAL123]

Sure!

[NSUWAL123]

The problem is different event target support for different browsers.
Mozilla Firefox seems to support target and originalTarget, but Chrome only supports target.
As originalTarget was used there to retrieve the URL id, chromium browsers couldn't access it.

Now the issue is the PMTile showed on the base maps list but didn't load due to s3 URL error.

Chrome

Mozilla Firefox

[spwoodcock]

Wow, really great debugging!

I definitely learnt something new 😁

I can look into the s3 URL issue

[spwoodcock]

Reminder to me: check the URLs on the basemap uploads

[manjitapandey]

Now I can see the buttons and the PM tiles.
Steps :

1. Select the PM tile.
2. Click on 'Show on map'
3. Go to baselayer and choose the PM tile
4. See the PM tile layer is loaded on the map.

Is there anything to add on this or is it ready to test a bit more and close?
@NSUWAL123 , @spwoodcock

[spwoodcock]

Nice!

Perhaps the URL error was because @NSUWAL123 is using a project that was made prior to the basemap S3 upload changes?

There is a migration script that can be used to upload all the basemaps for your local projects to local S3:

docker compose exec api bash
python migrations/upload_basemaps_s3.py

This can probably be closed then 😃