Add multiple steps

This commit is contained in:
Alasdair Smith 2017-11-28 11:31:31 +00:00
parent 958e4cad9b
commit 265e659999
2 changed files with 37 additions and 15 deletions

View file

@ -319,20 +319,32 @@ script(type="text/ng-template", id="v1ImportModalTemplate")
button.close(ng-click="dismiss()") ×
h3 #{translate("import_project_to_v2")}
.modal-body
img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
.modal-body.v1-import-wrapper
.v1-import-step-1(ng-show="step === 1")
img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
h2.v1-import-title Try importing your project to V2!
p Some exciting copy about the new features:
ul
li Some stuff
li Some more stuff
li Yet more stuff
h2.v1-import-title Try importing your project to V2!
p Some exciting copy about the new features:
ul
li Some stuff
li Some more stuff
li Yet more stuff
.v1-import-step-2(ng-show="step === 2")
img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
h2.v1-import-title #[strong Warning:] Overleaf V2 is in beta
p Once importing your project you will lose access to the some of the features of Overleaf V1. This includes the git bridge, journal integrations, WYSIWYG and linked files. Were working on bringing these features to V2!
p Once you have imported a project to V2 you #[strong cannot go back to V1].
.modal-footer.v1-import-footer
button.btn.btn-primary.v1-import-btn(ng-click="openV1()") #{translate("open_in_v1")}
button.btn.btn-primary.v1-import-btn(ng-click="import()") #{translate("import_to_v2")}
div(ng-show="step === 1")
a.btn.btn-primary.v1-import-btn(ng-href=settings.overleaf.host + "/{{project.id}}") #{translate("open_in_v1")}
button.btn.btn-primary.v1-import-btn(ng-click="moveToConfirmation()") #{translate("import_to_v2")}
div(ng-show="step === 2")
a.btn.btn-primary.v1-import-btn(ng-href=settings.overleaf.host + "/{{project.id}}") #{translate("never_mind_open_in_v1")}
button.btn.btn-primary.v1-import-btn(ng-click="import()") #{translate("yes_im_sure")}

View file

@ -125,4 +125,14 @@ define [
window.location = '/project/' + response.project_id
App.controller 'V1ImportModalController', ($scope, $modalInstance, project) ->
console.log('V1ImportModalController', project)
$scope.project = project
$scope.step = 1
$scope.dismiss = () ->
$modalInstance.dismiss('cancel')
$scope.moveToConfirmation = () ->
$scope.step = 2
$scope.import = () ->
console.log('IMPORT', project)