Important! Step by step tour already exists in BS. It is implemented in and it appears when a user opens BS for the first time - to highlight the full-screen feature. This issue is about reusing the same functionality to highlight scenarios described below.
5 seconds after creating a first content node, add a blinking spot (tour) on menu item Branching content: "Drag Branching question and drop it below your content to create branching".
Mark a "Branching content" with a purple rectangle
Make sure this is never shown a second time to the same user
5 seconds after creating a first branching question, add a blinking spot (tour) on menu item Info content: "Drag and drop any content type below alternatives to create a content that will appear after an alternative is selected."
Mark an "Info content" with a purple rectangle
Make sure this is never shown a second time to the same user
Please reuse the same tour we already have for the full-screen button
Updated the code. Please have a look and let me know if you require my assistance for code. Thanks.
Reverted the unwanted commit and update shape of an object as requested. Thanks
Great Ravi! I made one commit here to make eslint happy: https://github.com/h5p/h5p-editor-branching-scenario/commit/9d7dec53341c73a4a093062c1e9f0bb549e1d0ec
Oops! I thought I have eslint installed but let me check and next time it will be eslint friendly code. Thanks for letting me know.
I found one more issue. This is when creating a node and then going to preview mode before the 5 seconds have passed. In this case it shouldn’t be shown: