overleaf/services/web/app/views/project/editor/editor.pug
Alf Eaton f7ef2532e0 Handle PDF preview on toggle between split and full-width views (#5470)
* Only hide the compile logs pane when toggled off
* Handle PDF preview on toggle between split and full-width views

GitOrigin-RevId: 9ceca8a06a22abfa78f245e1ae5d24af98215906
2021-10-18 08:03:26 +00:00

80 lines
2.3 KiB
Text

div.full-size(
ng-show="ui.view == 'editor'"
layout="pdf"
layout-disabled="ui.pdfLayout != 'sideBySide'"
mask-iframes-on-resize="true"
resize-on="layout:main:resize"
resize-proportionally="true"
initial-size-east="'50%'"
minimum-restore-size-east="300"
allow-overflow-on="'center'"
custom-toggler-pane=hasFeature('custom-togglers') ? "east" : false
custom-toggler-msg-when-open=hasFeature('custom-togglers') ? translate("tooltip_hide_pdf") : false
custom-toggler-msg-when-closed=hasFeature('custom-togglers') ? translate("tooltip_show_pdf") : false
)
if showSymbolPalette
include ./editor-with-symbol-palette
else
include ./editor-no-symbol-palette
.ui-layout-east
div(ng-if="ui.pdfLayout == 'sideBySide'")
if showNewPdfPreview
pdf-preview()
else
include ./pdf
.ui-layout-resizer-controls.synctex-controls(
ng-show="!!pdf.url && settings.pdfViewer !== 'native'"
ng-controller="PdfSynctexController"
)
a.btn.btn-default.btn-xs.synctex-control.synctex-control-goto-pdf(
tooltip=translate('go_to_code_location_in_pdf')
tooltip-placement="right"
tooltip-append-to-body="true"
ng-click="syncToPdf()"
ng-disabled="syncToPdfInFlight"
)
i.synctex-control-icon(ng-show="!syncToPdfInFlight")
i.synctex-spin-icon.fa.fa-refresh.fa-spin(ng-show="syncToPdfInFlight")
a.btn.btn-default.btn-xs.synctex-control.synctex-control-goto-code(
tooltip=translate('go_to_pdf_location_in_code')
tooltip-placement="right"
tooltip-append-to-body="true"
ng-click="syncToCode()"
ng-disabled="syncToCodeInFlight"
)
i.synctex-control-icon(ng-show="!syncToCodeInFlight")
i.synctex-spin-icon.fa.fa-refresh.fa-spin(ng-show="syncToCodeInFlight")
div.full-size(
ng-if="ui.pdfLayout == 'flat'"
ng-show="ui.view == 'pdf'"
)
if showNewPdfPreview
pdf-preview()
else
include ./pdf
// fallback, shown when no file/view is selected
div.full-size.no-file-selection(
ng-if="!ui.view"
)
.no-file-selection-message(
ng-if="rootFolder.children && rootFolder.children.length > 0"
)
h3
| #{translate('no_selection_select_file')}
.no-file-selection-message(
ng-if="rootFolder.children && rootFolder.children.length === 0"
)
h3
| #{translate('no_selection_create_new_file')}
div(
ng-controller="FileTreeController"
)
button.btn.btn-primary(
ng-click="openNewDocModal()"
)
| #{translate('new_file')}