overleaf/services/web/app/views/project/list/modals.pug

390 lines
12 KiB
Text
Raw Normal View History

2014-07-16 09:59:52 -04:00
script(type='text/ng-template', id='newTagModalTemplate')
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("create_new_folder")}
2014-07-16 09:59:52 -04:00
.modal-body
form(name="newTagForm", novalidate)
input.form-control(
type="text",
placeholder="New Folder Name",
required,
ng-model="inputs.newTagName",
on-enter="create()",
focus-on="open",
stop-propagation="click"
2014-07-16 09:59:52 -04:00
)
.modal-footer
.modal-footer-left
span.text-danger.error(ng-show="state.error") #{translate("generic_something_went_wrong")}
//- We stop propagation to stop the clicks from closing the
//- 'move to folder' menu.
button.btn.btn-default(
ng-click="cancel()"
stop-propagation="click"
2014-07-31 12:07:43 -04:00
) #{translate("cancel")}
2014-07-16 09:59:52 -04:00
button.btn.btn-primary(
ng-disabled="newTagForm.$invalid || state.inflight"
2014-07-16 09:59:52 -04:00
ng-click="create()"
stop-propagation="click"
)
span(ng-show="!state.inflight") #{translate("create")}
span(ng-show="state.inflight") #{translate("creating")}...
2014-07-16 09:59:52 -04:00
2016-01-28 10:11:57 -05:00
script(type='text/ng-template', id='deleteTagModalTemplate')
.modal-header
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2016-01-29 10:15:44 -05:00
h3 #{translate("delete_folder")}
2016-01-28 10:11:57 -05:00
.modal-body
2016-01-29 10:15:44 -05:00
p #{translate("about_to_delete_folder")}
2016-01-28 10:11:57 -05:00
ul
li
strong {{tag.name}}
.modal-footer
.modal-footer-left
span.text-danger.error(ng-show="state.error") #{translate("generic_something_went_wrong")}
button.btn.btn-default(
ng-click="cancel()"
) #{translate("cancel")}
button.btn.btn-danger(
ng-click="delete()",
ng-disabled="state.inflight"
)
span(ng-show="state.inflight") #{translate("deleting")}...
span(ng-show="!state.inflight") #{translate("delete")}
2016-01-28 13:18:22 -05:00
script(type='text/ng-template', id='renameTagModalTemplate')
.modal-header
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2016-01-29 10:15:44 -05:00
h3 #{translate("rename_folder")}
2016-01-28 13:18:22 -05:00
.modal-body
form(name="renameTagForm", novalidate)
input.form-control(
type="text",
placeholder="Tag Name",
ng-model="inputs.tagName",
required,
on-enter="rename()",
focus-on="open"
)
.modal-footer
.modal-footer-left
span.text-danger.error(ng-show="state.error") #{translate("generic_something_went_wrong")}
button.btn.btn-default(ng-click="cancel()") #{translate("cancel")}
button.btn.btn-primary(
ng-click="rename()",
ng-disabled="renameTagForm.$invalid || state.inflight"
)
span(ng-show="!state.inflight") #{translate("rename")}
span(ng-show="state.inflight") #{translate("renaming")}...
2014-07-16 09:59:52 -04:00
script(type='text/ng-template', id='renameProjectModalTemplate')
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("rename_project")}
2014-07-16 09:59:52 -04:00
.modal-body
.alert.alert-danger(ng-show="state.error.message") {{ state.error.message}}
.alert.alert-danger(ng-show="state.error && !state.error.message") #{translate("generic_something_went_wrong")}
2014-07-16 09:59:52 -04:00
form(name="renameProjectForm", novalidate)
input.form-control(
type="text",
placeholder="Project Name",
ng-model="inputs.projectName",
required,
on-enter="rename()",
focus-on="open"
)
.modal-footer
2014-07-31 12:07:43 -04:00
button.btn.btn-default(ng-click="cancel()") #{translate("cancel")}
2014-07-16 09:59:52 -04:00
button.btn.btn-primary(
ng-click="rename()",
ng-disabled="renameProjectForm.$invalid || state.inflight"
)
span(ng-show="!state.inflight") #{translate("rename")}
span(ng-show="state.inflight") #{translate("renaming")}...
2014-07-16 09:59:52 -04:00
script(type='text/ng-template', id='cloneProjectModalTemplate')
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("copy_project")}
2014-07-16 09:59:52 -04:00
.modal-body
.alert.alert-danger(ng-show="state.error.message") {{ state.error.message}}
.alert.alert-danger(ng-show="state.error && !state.error.message") #{translate("generic_something_went_wrong")}
2014-07-16 09:59:52 -04:00
form(name="cloneProjectForm", novalidate)
.form-group
2014-07-31 12:07:43 -04:00
label #{translate("new_name")}
2014-07-16 09:59:52 -04:00
input.form-control(
type="text",
placeholder="New Project Name",
required,
ng-model="inputs.projectName",
on-enter="clone()",
focus-on="open"
)
.modal-footer
button.btn.btn-default(
ng-disabled="state.inflight"
ng-click="cancel()"
2014-07-31 12:07:43 -04:00
) #{translate("cancel")}
2014-07-16 09:59:52 -04:00
button.btn.btn-primary(
ng-disabled="cloneProjectForm.$invalid || state.inflight"
ng-click="clone()"
)
2014-07-31 12:07:43 -04:00
span(ng-hide="state.inflight") #{translate("copy")}
2014-08-07 08:56:04 -04:00
span(ng-show="state.inflight") #{translate("copying")} ...
2014-07-16 09:59:52 -04:00
script(type='text/ng-template', id='newProjectModalTemplate')
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("new_project")}
2014-07-16 09:59:52 -04:00
.modal-body
.alert.alert-danger(ng-show="state.error.message") {{ state.error.message}}
.alert.alert-danger(ng-show="state.error && !state.error.message") #{translate("generic_something_went_wrong")}
2014-07-16 09:59:52 -04:00
form(novalidate, name="newProjectForm")
input.form-control(
type="text",
placeholder="Project Name",
required,
ng-model="inputs.projectName",
on-enter="create()",
focus-on="open"
)
.modal-footer
button.btn.btn-default(
ng-disabled="state.inflight"
ng-click="cancel()"
2014-07-31 12:07:43 -04:00
) #{translate("cancel")}
2014-07-16 09:59:52 -04:00
button.btn.btn-primary(
ng-disabled="newProjectForm.$invalid || state.inflight"
ng-click="create()"
)
2014-07-31 12:07:43 -04:00
span(ng-hide="state.inflight") #{translate("create")}
span(ng-show="state.inflight") #{translate("creating")} ...
2014-07-16 09:59:52 -04:00
script(type='text/ng-template', id='deleteProjectsModalTemplate')
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
h3(ng-if="action == 'delete'") #{translate("delete_projects")}
h3(ng-if="action == 'leave'") #{translate("leave_projects")}
h3(ng-if="action == 'delete-and-leave'") #{translate("delete_and_leave_projects")}
2014-07-16 09:59:52 -04:00
.modal-body
div(ng-show="projectsToDelete.length > 0")
2014-07-31 12:07:43 -04:00
p #{translate("about_to_delete_projects")}
2014-07-16 09:59:52 -04:00
ul
li(ng-repeat="project in projectsToDelete | orderBy:'name'")
strong {{project.name}}
div(ng-show="projectsToLeave.length > 0")
2014-07-31 12:07:43 -04:00
p #{translate("about_to_leave_projects")}
2014-07-16 09:59:52 -04:00
ul
li(ng-repeat="project in projectsToLeave | orderBy:'name'")
strong {{project.name}}
.modal-footer
button.btn.btn-default(
ng-click="cancel()"
2014-07-31 12:07:43 -04:00
) #{translate("cancel")}
2014-07-16 09:59:52 -04:00
button.btn.btn-danger(
ng-click="delete()"
) #{translate("confirm")}
2014-07-16 09:59:52 -04:00
script(type="text/template", id="qq-project-uploader-template")
div.qq-uploader-selector
div(qq-hide-dropzone="").qq-upload-drop-area-selector.qq-upload-drop-area
span.qq-upload-drop-area-text-selector #{translate('drop_files_here_to_upload')}
div.qq-upload-button-selector.btn.btn-primary.btn-lg
div #{translate('select_a_zip_file')}
span.or.btn-lg #{translate('or')}
span.drag-here.btn-lg #{translate('drag_a_zip_file')}
span.qq-drop-processing-selector
span #{translate('creating_project')}
span.qq-drop-processing-spinner-selector
ul.qq-upload-list-selector
li
div.qq-progress-bar-container-selector
div(
role="progressbar"
aria-valuenow="0"
aria-valuemin="0"
aria-valuemax="100"
class="qq-progress-bar-selector qq-progress-bar"
)
span.qq-upload-file-selector.qq-upload-file
span.qq-upload-size-selector.qq-upload-size
a(type="button").qq-btn.qq-upload-cancel-selector.qq-upload-cancel #{translate('cancel')}
button(type="button").qq-btn.qq-upload-retry-selector.qq-upload-retry #{translate('retry')}
span(role="status").qq-upload-status-text-selector.qq-upload-status-text
2014-07-16 09:59:52 -04:00
script(type="text/ng-template", id="uploadProjectModalTemplate")
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("upload_zipped_project")}
2014-07-16 09:59:52 -04:00
.modal-body(
fine-upload
endpoint="/project/new/upload"
template-id="qq-project-uploader-template"
2014-07-16 09:59:52 -04:00
multiple="false"
allowed-extensions="['zip']"
on-complete-callback="onComplete"
)
.modal-footer
2014-07-31 12:07:43 -04:00
button.btn.btn-default(ng-click="cancel()") #{translate("cancel")}
2014-07-16 09:59:52 -04:00
script(type="text/ng-template", id="userProfileModalTemplate")
.modal-header
2014-07-23 06:26:45 -04:00
button.close(
type="button"
data-dismiss="modal"
ng-click="done()"
) ×
2014-07-31 12:07:43 -04:00
h3 #{translate("your_profile")}
2014-07-16 09:59:52 -04:00
.modal-body
form(enctype='multipart/form-data', method='post')
2014-07-16 09:59:52 -04:00
.form-group
2014-07-31 12:07:43 -04:00
label(for="first_name") #{translate("first_name")}
2014-07-16 09:59:52 -04:00
input.form-control(
type='text',
name='first_name',
ng-model="userInfoForm.first_name",
placeholder="First Name",
select-when="formVisable"
)
2014-07-16 09:59:52 -04:00
.form-group
2014-07-31 12:07:43 -04:00
label(for="last_name") #{translate("last_name")}
2014-07-16 09:59:52 -04:00
input.form-control(
type='text',
name='last_name',
ng-model="userInfoForm.last_name",
placeholder='Last Name'
)
.form-group.user_details_auto_complete
2014-07-31 12:07:43 -04:00
label(for="institution") #{translate("institution")}
2014-07-16 09:59:52 -04:00
autocomplete(
ng-model="userInfoForm.institution",
name="institution",
data="institutions",
on-type="updateInstitutionsList",
attr-placeholder="Institution",
attr-inputclass="form-control"
)
.form-group.user_details_auto_complete
2014-07-31 12:07:43 -04:00
label(for="role") #{translate("role")}
autocomplete(
ng-model="userInfoForm.role",
name="role",
data="roles",
attr-placeholder="Role",
attr-inputclass="form-control"
)
2014-07-16 09:59:52 -04:00
.modal-footer
2014-07-31 12:07:43 -04:00
button.btn.btn-info(ng-click="done()") #{translate("done")}
script(type="text/ng-template", id="v1ImportModalTemplate")
.modal-header
button.close(ng-click="dismiss()") ×
h3 Move Project to Overleaf v2
2017-11-28 06:31:31 -05:00
.modal-body.v1-import-wrapper
.v1-import-step-1(ng-show="step === 1")
2017-12-15 11:01:00 -05:00
.v1-import-row
.v1-import-col
2017-12-15 08:48:53 -05:00
img.v1-import-img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 Editor."
)
2017-12-15 11:01:00 -05:00
.v1-import-col
2017-12-15 08:48:53 -05:00
h2.v1-import-title Try the Overleaf v2 Editor
p The Overleaf v2 editor has many great new features including:
ul
li Faster real-time collaboration
li See your coauthors cursors
li Chat with math support
li Tracked changes and commenting
li Improved LaTeX autocomplete
li Two-way Dropbox sync
p.v1-import-cta Would you like to move #[strong {{project.name}}] into Overleaf v2?
2017-11-28 06:31:31 -05:00
.v1-import-step-2(ng-show="step === 2")
2017-12-15 11:01:00 -05:00
.v1-import-row
.v1-import-warning.v1-import-col(aria-label="Warning symbol.")
i.fa.fa-exclamation-triangle
.v1-import-col
h2.v1-import-title #[strong Warning:] Overleaf v2 is Experimental
p We are still working hard to bring some Overleaf v1 features to the v2 editor. If you move this project to v2 now, you will:
ul
li Lose access your project via git
li Not be able to use the Journals and Services menu to submit directly to our partners
li Not be able to use the Rich Text (WYSIWYG) mode
li Not be able to use linked files (to URLs or to files in other Overleaf projects)
li Not be able to use some bibliography integrations (Zotero, CiteULike)
li Lose access to your labelled versions and not be able to create new labelled versions
.v1-import-cta
p
strong Please note: you cannot move this project back to v1 once you have moved it to v2. If this is an important project, please consider making a clone in v1 before you move the project to v2.
p Are you sure you want to move #[strong {{project.name}}] into Overleaf v2?
2017-11-27 09:25:15 -05:00
.modal-footer.v1-import-footer
2017-11-28 06:31:31 -05:00
div(ng-show="step === 1")
if settings.overleaf && settings.overleaf.host
a.btn.btn-primary.v1-import-btn(
ng-href=settings.overleaf.host + "/{{project.id}}"
) No thanks, open in v1
button.btn.btn-primary.v1-import-btn(
ng-click="moveToConfirmation()"
) Yes, move project to v2
2017-11-28 06:31:31 -05:00
div(ng-show="step === 2")
form(
async-form="v1Import",
name="v1ImportForm",
action="{{'/overleaf/project/'+ project.id + '/import'}}"
method="POST"
ng-cloak
)
input(name='_csrf', type='hidden', value=csrfToken)
form-messages(for="v1ImportForm")
if settings.overleaf && settings.overleaf.host
a.btn.btn-primary.v1-import-btn(
ng-href=settings.overleaf.host + "/{{project.id}}"
ng-class="{disabled: v1ImportForm.inflight || v1ImportForm.success}"
) No thanks, open in v1
input.btn.btn-primary.v1-import-btn(
type="submit",
value="Yes, move project to v2"
ng-disabled="v1ImportForm.inflight || v1ImportForm.success"
)