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

378 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 === "invalid element name" ? "#{translate("invalid_element_name")}" : 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 == 'archive'") #{translate("archive_projects")}
h3(ng-if="action == 'leave'") #{translate("leave_projects")}
h3(ng-if="action == 'delete-and-leave'") #{translate("delete_and_leave_projects")}
2018-08-13 08:59:35 -04:00
h3(ng-if="action == 'archive-and-leave'") #{translate("archive_and_leave_projects")}
2014-07-16 09:59:52 -04:00
.modal-body
div(ng-show="projectsToDelete.length > 0")
2018-08-13 08:59:35 -04:00
p(ng-if="action == 'delete' || action == 'delete-and-leave'") #{translate("about_to_delete_projects")}
p(ng-if="action == 'archive' || action == 'archive-and-leave'") #{translate("about_to_archive_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"
size-limit=zipFileSizeLimit
2014-07-16 09:59:52 -04:00
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="showErrorModalTemplate")
.modal-header
button.close(
type="button"
data-dismiss="modal"
ng-click="cancel()"
) ×
h3 #{translate("generic_something_went_wrong")}
.modal-body
.alert.alert-danger(ng-show="error.message") {{error.message === "invalid element name" ? "#{translate("invalid_element_name")}" : error.message}}
.alert.alert-danger(ng-show="error && !error.message") #{translate("generic_something_went_wrong")}
.modal-footer
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-row
2018-08-29 05:26:46 -04:00
.v1-import-col.v1-import-col--left
2018-08-29 04:29:08 -04:00
img.v1-import-img(
src="/img/v1-import/v2-editor.png"
alt="The new V2 editor."
)
.v1-import-col
h2.v1-import-title #[strong Warning:] Some Overleaf v1 features aren't supported yet
p We are still working hard to bring some Overleaf v1 features to the v2 editor. In v2:
ul
li There is no <strong>CiteULike</strong> integration
li Some <strong>Journals and Services in the Submit menu</strong> don't support direct submissions yet
.v1-import-cta
2018-08-29 04:54:13 -04:00
p
strong Please note: you cannot move this project back to v1 once you have moved it 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
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(
2018-09-14 11:09:24 -04:00
ng-href='/sign_in_to_v1?return_to=/{{project.id}}'
ng-class="{disabled: v1ImportForm.inflight || v1ImportForm.response.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.response.success"
)