diff --git a/services/web/app/views/project/editor/new-file-modal.pug b/services/web/app/views/project/editor/new-file-modal.pug deleted file mode 100644 index 9ef75879f1..0000000000 --- a/services/web/app/views/project/editor/new-file-modal.pug +++ /dev/null @@ -1,232 +0,0 @@ -script(type='text/ng-template', id='newFileModalTemplate') - .modal-header - h3 Add Files - .modal-body.modal-new-file(ng-show="file_count < 2000") - table - tr - td.modal-new-file--list - ul.list-unstyled - li(ng-class="type == 'doc' ? 'active' : null") - a(href, ng-click="type = 'doc'") - i.fa.fa-fw.fa-file - | - | New File - li(ng-class="type == 'upload' ? 'active' : null") - a(href, ng-click="type = 'upload'") - i.fa.fa-fw.fa-upload - | - | Upload - li(ng-class="type == 'project' ? 'active' : null") - a(href, ng-click="type = 'project'") - i.fa.fa-fw.fa-folder-open - | - | From Another Project - if hasFeature('link-url') - li(ng-class="type == 'url' ? 'active' : null") - a(href, ng-click="type = 'url'") - i.fa.fa-fw.fa-globe - | - | From External URL - != moduleIncludes("newFileModal:selector", locals) - - td(class="modal-new-file--body modal-new-file--body-{{type}}") - div(ng-if="type == 'doc'", ng-controller="NewDocModalController") - form(novalidate, name="newDocForm") - label(for="name") File Name - input.form-control( - type="text", - placeholder="File Name", - required, - ng-model="inputs.name", - on-enter="create()", - select-name-on="open", - valid-file, - name="name" - ) - div.alert.alert-danger.row-spaced-small(ng-if="error") - div(ng-switch="error") - span(ng-switch-when="already exists") #{translate("file_already_exists")} - span(ng-switch-default) {{error}} - div.alert.alert-danger.row-spaced-small(ng-show="newDocForm.name.$error.validFile && newDocForm.name.$viewValue.length") - | #{translate('files_cannot_include_invalid_characters')} - div(ng-if="type == 'upload'", ng-controller="UploadFileModalController") - .alert.alert-warning.small(ng-if="tooManyFiles") #{translate("maximum_files_uploaded_together", {max:"{{max_files}}"})} - .alert.alert-warning.small(ng-if="rateLimitHit") #{translate("too_many_files_uploaded_throttled_short_period")} - .alert.alert-warning.small(ng-if="notLoggedIn") #{translate("session_expired_redirecting_to_login", {seconds:"{{secondsToRedirect}}"})} - .alert.alert-warning.small(ng-if="conflicts.length > 0") - p.text-center - | The following files already exist in this project: - ul.text-center.list-unstyled.row-spaced-small - li(ng-repeat="conflict in conflicts track by $index"): strong {{ conflict }} - p.text-center.row-spaced-small - | Do you want to overwrite them? - p.text-center - a(href, ng-click="doUpload()").btn.btn-primary Overwrite - |   - a(href, ng-click="cancel()").btn.btn-secondary Cancel - div( - fine-upload - endpoint="/project/{{ project_id }}/upload" - template-id="qq-file-uploader-template" - multiple="true" - auto-upload="false" - on-complete-callback="onComplete" - on-upload-callback="onUpload" - on-validate-batch="onValidateBatch" - on-error-callback="onError" - on-submit-callback="onSubmit" - on-cancel-callback="onCancel" - control="control" - params="{'folder_id': parent_folder_id}" - ) - div(ng-if="type == 'project'", ng-controller="ProjectLinkedFileModalController") - div - form - .form-controls - label(for="project-select") Select a Project - span(ng-show="state.inFlight.projects") - |   - i.fa.fa-spinner.fa-spin - select.form-control( - name="project-select" - ng-model="data.selectedProjectId" - ng-disabled="!shouldEnableProjectSelect()" - ) - option(value="" disabled selected) - Please Select a Project - option( - ng-repeat="project in data.projects" - value="{{ project._id }}" - ) {{ project.name }} - small(ng-if="hasNoProjects() && shouldEnableProjectSelect() ") - | No other projects found, please create another project first - - - .form-controls.row-spaced-small(ng-if="!state.isOutputFilesMode") - label(for="project-entity-select") Select a File - span(ng-show="state.inFlight.entities") - |   - i.fa.fa-spinner.fa-spin - select.form-control( - name="project-entity-select" - ng-model="data.selectedProjectEntity" - ng-disabled="!shouldEnableProjectEntitySelect()" - ) - option(value="" disabled selected) - Please Select a File - option( - ng-repeat="projectEntity in data.projectEntities" - value="{{ projectEntity.path }}" - ) {{ projectEntity.path.slice(1) }} - - .form-controls.row-spaced-small(ng-if="state.isOutputFilesMode") - label(for="project-entity-select") Select an Output File - span(ng-show="state.inFlight.compile") - |   - i.fa.fa-spinner.fa-spin - select.form-control( - name="project-output-file-select" - ng-model="data.selectedProjectOutputFile" - ng-disabled="!shouldEnableProjectOutputFileSelect()" - ) - option(value="" disabled selected) - Please Select an Output File - option( - ng-repeat="outputFile in data.projectOutputFiles" - value="{{ outputFile.path }}" - ) {{ outputFile.path }} - div.toggle-output-files-button - | or  - a( - href="#" - ng-click="toggleOutputFilesMode()" - ) - span(ng-show="state.isOutputFilesMode") select from source files - span(ng-show="!state.isOutputFilesMode") select from output files - - .form-controls.row-spaced-small - label(for="name") #{translate("file_name_in_this_project")} - input.form-control( - type="text" - placeholder="example.tex" - required - ng-model="data.name" - name="name" - ) - div.alert.alert-danger.row-spaced-small(ng-if="error") - div(ng-switch="error") - span(ng-switch-when="already exists") #{translate("file_already_exists")} - span(ng-switch-when="too many files") #{translate("project_has_too_many_files")} - span(ng-switch-default) Error, something went wrong! - div(ng-if="type == 'url'", ng-controller="UrlLinkedFileModalController") - form(novalidate, name="newLinkedFileForm") - label(for="url") URL to fetch the file from - input.form-control( - type="text", - placeholder="www.example.com/my_file", - required, - ng-model="inputs.url", - focus-on="open", - on-enter="create()", - name="url" - ) - .row-spaced-small - label(for="name") #{translate("file_name_in_this_project")} - input.form-control( - type="text", - placeholder="my_file", - required, - ng-model="inputs.name", - ng-change="nameChangedByUser = true" - valid-file, - on-enter="create()", - name="name" - ) - .text-danger.row-spaced-small(ng-show="newDocForm.name.$error.validFile") - | #{translate('files_cannot_include_invalid_characters')} - div.alert.alert-danger.row-spaced-small(ng-if="error") - div(ng-switch="error") - span(ng-switch-when="already exists") #{translate("file_already_exists")} - span(ng-switch-when="too many files") #{translate("project_has_too_many_files")} - span(ng-switch-default) {{error}} - - != moduleIncludes("newFileModal:panel", locals) - - .modal-footer - .modal-footer-left.approaching-file-limit(ng-if="file_count > 1900 && file_count < 2000") - | #{translate("project_approaching_file_limit")} ({{file_count}}/2000) - .alert.alert-warning.at-file-limit(ng-if="file_count >= 2000") - | #{translate("project_has_too_many_files")} - button.btn.btn-secondary( - ng-disabled="state.inflight" - ng-click="cancel()" - ) #{translate("cancel")} - button.btn.btn-primary( - ng-disabled="state.inflight || !state.valid" - ng-click="create()" - ng-hide="type == 'upload'" - ) - span(ng-hide="state.inflight") #{translate("create")} - span(ng-show="state.inflight") #{translate("creating")}… - -script(type="text/template", id="qq-file-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 Drag here - div.row-spaced-small.small #{translate('or')} - div.row-spaced-small - div.qq-upload-button-selector.btn.btn-primary - | Select from your computer - 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