mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-10-27 20:44:07 +00:00
693f2f6325
Summary:
This diff brings in the new welcome tour. It builds upon `client/ui/OnBoardingPopup` that was committed to that purposes. Per this diff, the tour is accessible behind a flag and won't be visible to user: few caveats listed below needs to be adressed first.
This diff also brings few changes to onboarding module.
- allow to refer to element with selector
- usually dynamic selection of element sounds useful for when the
element does not exist yet when the tour starts. But the actual
reason when add it here, is to allow selecting the first cell.
- if the selector yields undefined (missing element), the popup
is simply skipped
- got rid of the internal registry to link between popup contents
and popup options. All is now define in the same interface. Registry
overall felt overkill and not needed.
- adds an option to show message as a simple modal that is centered
on the screen
This diff also brings the new welcome tour and hide it behind a flag
CAVEATS that need to be addressed in follow up commit:
- The url needs cleanup, #repeat-welcome-tour sticks to it and so even when navigating to home page. This could eventually become an issue: if user opens another document it would starts the onboarding tour again.
- For now you have to manually make sure the right panel is opened with the Column tab selected before starting the tour.
- On boarding tours were not designed with mobile support in mind. So probably a good idea to disable.
- Backend support needs to be done (persistence of first time user).
Test Plan:
Updated `projects/OnBoardingPopup` and adds new `nbrowser/welcomeTour`
To launch the tour:
- open any document
- open manually the right panel and the field tab
- append the flag `#repeat-welcome-tour` at the end of the url in the url bar and reload the page
Reviewers: dsagal
Reviewed By: dsagal
Differential Revision: https://phab.getgrist.com/D2917
|
||
|---|---|---|
| .. | ||
| AbstractWidget.js | ||
| AttachmentsEditor.ts | ||
| AttachmentsWidget.css | ||
| AttachmentsWidget.ts | ||
| BaseEditor.js | ||
| CheckBox.css | ||
| CheckBox.js | ||
| CheckBoxEditor.js | ||
| ChoiceEditor.js | ||
| ChoiceListCell.ts | ||
| ChoiceListEditor.ts | ||
| ChoiceListEntry.ts | ||
| ChoiceTextBox.ts | ||
| ChoiceToken.ts | ||
| DateEditor.js | ||
| DateTextBox.js | ||
| DateTimeEditor.css | ||
| DateTimeEditor.js | ||
| DateTimeTextBox.js | ||
| DiffBox.ts | ||
| EditorButtons.ts | ||
| EditorPlacement.ts | ||
| EditorTooltip.ts | ||
| ErrorDom.ts | ||
| FieldBuilder.css | ||
| FieldBuilder.ts | ||
| FieldEditor.ts | ||
| FormulaEditor.ts | ||
| HyperLinkEditor.ts | ||
| HyperLinkTextBox.ts | ||
| NewAbstractWidget.ts | ||
| NewBaseEditor.ts | ||
| NTextBox.ts | ||
| NTextEditor.ts | ||
| NumericTextBox.ts | ||
| Reference.css | ||
| Reference.ts | ||
| ReferenceEditor.ts | ||
| Spinner.css | ||
| Spinner.ts | ||
| Switch.css | ||
| Switch.js | ||
| TextBox.css | ||
| TextEditor.css | ||
| TextEditor.js | ||
| UserType.js | ||
| UserTypeImpl.js | ||