overleaf/services/web/app/views/project/editor/main.pug
M Fahru f7131b720b Implement onboarding video tour split test (#11889)
* Implement onboarding video tour split test:

- Add split test infrastructure
- Create new `OnboardingVideoTourModal` component
- Place the component inside the editor pug template with a split test

* add event segmentation for `onboarding-video-tour-close-button-click` event:

1. video: `first` | `second`
2. firstVideoWatchingTimeInSecond: total time watching first video
2. secondVideoWatchingTimeInSecond: total time watching second video (0 if skipped)

* add event segmentation for:

1.  `onboarding-video-tour-dismiss-button-click`
2. `onboarding-video-tour-next-button-click`
3. `onboarding-video-tour-done-button-click`

with these key/value:

1. firstVideoWatchingTimeInSecond: total time watching first video
2. secondVideoWatchingTimeInSecond: total time watching second video (0 if skipped/not watched yet)

* Use contentful to host video assets

GitOrigin-RevId: 27a6f38d15d7a03b07455e216dda63d99983ca80
2023-03-02 09:05:43 +00:00

57 lines
1.5 KiB
Text

if editorLeftMenuReact
include ./left-menu-react
else
include ./left-menu
#chat-wrapper.full-size(
layout="chat",
spacing-open="{{ui.chatResizerSizeOpen}}",
spacing-closed="{{ui.chatResizerSizeClosed}}",
ng-hide="state.loading",
ng-cloak
)
.ui-layout-center
include ./header-react
include ./history/toolbarV2.pug
main#ide-body(
ng-cloak,
role="main",
ng-class="{ 'ide-history-open' : (ui.view == 'history' && history.isV2) }",
layout="main",
ng-hide="state.loading",
resize-on="layout:chat:resize,history:toggle,layout:flat-screen:toggle,south-pane-toggled",
minimum-restore-size-west="130"
custom-toggler-pane=hasFeature('custom-togglers') ? "west" : false
custom-toggler-msg-when-open=hasFeature('custom-togglers') ? translate("tooltip_hide_filetree") : false
custom-toggler-msg-when-closed=hasFeature('custom-togglers') ? translate("tooltip_show_filetree") : false
tabindex="0"
initial-size-east="250"
init-closed-east="true"
open-east="ui.chatOpen"
)
.ui-layout-west
include ./file-tree-react
include ./file-tree-history
include ./history/fileTreeV2
.ui-layout-center
include ./editor
include ./history
if !isRestrictedTokenMember
.ui-layout-east
aside.chat
chat()
if showOnboardingVideoTour
div(
ng-if="!state.loading"
ng-controller="OnboardingVideoTourModalController"
)
onboarding-video-tour-modal(
close-modal="closeModal"
show="show"
)