overleaf/services/web/app/views/project/editor/feature-onboarding.pug
2017-02-07 15:07:26 +00:00

85 lines
No EOL
3.4 KiB
Text

.feat-onboard(
ng-controller="FeatureOnboardingController"
ng-class="('feat-onboard-step' + onboarding.innerStep)"
ng-cloak
)
.feat-onboard-wrapper
div(ng-if="onboarding.innerStep === 1;")
h1.feat-onboard-title
span.feat-onboard-title-name Commenting
|  & 
span.feat-onboard-title-name Track Changes
p.feat-onboard-description
| Collaboration features are finally here! 
p.feat-onboard-description
span.feat-onboard-description-name Commenting 
| and 
span.feat-onboard-description-name Track Changes 
| will make it easier for you to work with peers in your documents.
.row
video.feat-onboard-video(autoplay, loop)
source(src="/img/onboarding/review-panel/open-review.mp4", type="video/mp4")
img(src="/img/onboarding/review-panel/open-review.gif")
.row.feat-onboard-adv-wrapper
.col-xs-6
h2.feat-onboard-adv-title
span.feat-onboard-adv-title-highlight Commenting
p Want to discuss specific parts of the text?
p Use our brand-new commenting system.
.col-xs-6
h2.feat-onboard-adv-title
span.feat-onboard-adv-title-highlight Track Changes
p See changes in your documents, live.
p Track, accept and reject changes individually.
.feat-onboard-btn-wrapper
button.btn.btn-primary(ng-click="onboarding.innerStep = 2;") Next
//- .feat-onboard-btn-wrapper
//- button.btn.btn-default(ng-click="turnCodeCheckOff();") No, disable it for now
div(ng-if="onboarding.innerStep === 2;")
h1.feat-onboard-title
span.feat-onboard-title-name Commenting
p.feat-onboard-description
span.feat-onboard-description-name Commenting 
| is very easy.
p.feat-onboard-description Just select a span of text and click on 
span.feat-onboard-description-name “Add comment”
| .
.row
video.feat-onboard-video(autoplay, loop)
source(src="/img/onboarding/review-panel/commenting.mp4", type="video/mp4")
img(src="/img/onboarding/review-panel/commenting.gif")
.feat-onboard-btn-wrapper
button.btn.btn-primary(ng-click="onboarding.innerStep = 3;") Next
div(ng-if="onboarding.innerStep === 3;")
h1.feat-onboard-title
span.feat-onboard-title-name Track Changes
p.feat-onboard-description
| Let your peers know what you've been up to.
p.feat-onboard-description
| Click on the
span.feat-onboard-description-name “Track Changes” 
| toggle to start marking your insertions, as well as your deletions.
.row
video.feat-onboard-video(autoplay, loop)
source(src="/img/onboarding/review-panel/add-changes.mp4", type="video/mp4")
img(src="/img/onboarding/review-panel/add-changes.gif")
.feat-onboard-btn-wrapper
button.btn.btn-primary(ng-click="onboarding.innerStep = 4;") Next
div(ng-if="onboarding.innerStep === 4;")
h1.feat-onboard-title
span.feat-onboard-title-name Track Changes
p.feat-onboard-description
| Click 
span.feat-onboard-description-name “Accept” 
| or 
span.feat-onboard-description-name “Reject” 
| to keep or discard an individual change.
.row
video.feat-onboard-video(autoplay, loop)
source(src="/img/onboarding/review-panel/accept-changes.mp4", type="video/mp4")
img(src="/img/onboarding/review-panel/accept-changes.gif")
.feat-onboard-btn-wrapper
button.btn.btn-primary(ng-click="onboarding.innerStep = 4;") Next