3liz / lizmap-javascript-scripts

Scripts for Lizmap Web Client
Mozilla Public License 2.0
22 stars 41 forks source link

A guided tour created with drive.js #73

Closed altheaFeu closed 7 months ago

altheaFeu commented 8 months ago

Crafted using drive.js, this guided tour enable users to generate an engaging, interactive, and step-by-step tutorial experience

Gustry commented 8 months ago

Looks great !

Do you have a GIF or a PNG you can include in your PR and in your README.md ?

Side question, did you consider https://shepherdjs.dev/ ? We were thinking about this one.

altheaFeu commented 8 months ago

Side question, did you consider https://shepherdjs.dev/ ? We were thinking about this one.

I wasn't aware of Shepherd before. I updated the script to:

However, this script doesn't handle actions and multiple highlights. It's a very simple and basic tour guide.

altheaFeu commented 8 months ago

@Gustry, I have implemented a script that fetches data from a URL and displays it within a right-docked interface. This script allows users to view data that is not presented in the layer dock or attribute table but not external to the project (data_table.js).

Gustry commented 8 months ago

Thanks for your contribution @altheaFeu ! Can you look at comments above, on this page ? Like translating all sentences to English, store GIF on the repository ? Can you add the new directory in the main README.md as well ? Sorry, I saw it now

altheaFeu commented 8 months ago

@Gustry I made the changes as asked

altheaFeu commented 7 months ago

Hi @Gustry, As I'll be proposing several tools over the next few days, I'm closing this pull request and creating a new one from my branch named "tour-guide" to avoid any confusion.