2014-02-12 05:23:40 -05:00
|
|
|
extends ../layout
|
|
|
|
|
2014-06-21 17:20:37 -04:00
|
|
|
block vars
|
|
|
|
- var suppressNavbar = true
|
|
|
|
- var suppressFooter = true
|
2018-11-09 18:30:16 -05:00
|
|
|
- metadata.robotsNoindexNofollow = true
|
2014-06-21 17:20:37 -04:00
|
|
|
|
2014-02-12 05:23:40 -05:00
|
|
|
block content
|
2014-07-28 10:57:06 -04:00
|
|
|
.editor(ng-controller="IdeController").full-size
|
2020-12-14 06:44:10 -05:00
|
|
|
//- required by react2angular-shared-context, must be rendered as a top level component
|
2021-01-27 05:30:55 -05:00
|
|
|
div(
|
|
|
|
ng-controller="ReactRootContextController"
|
|
|
|
)
|
2021-02-09 10:37:48 -05:00
|
|
|
shared-context-react(
|
|
|
|
editor-loading="editorLoading"
|
|
|
|
chat-is-open-angular="chatIsOpenAngular"
|
|
|
|
set-chat-is-open-angular="setChatIsOpenAngular"
|
2021-02-10 05:57:25 -05:00
|
|
|
open-doc="openDoc"
|
|
|
|
online-users-array="onlineUsersArray"
|
2021-02-09 10:37:48 -05:00
|
|
|
)
|
2017-02-23 10:47:48 -05:00
|
|
|
.loading-screen(ng-if="state.loading")
|
2017-08-01 11:02:19 -04:00
|
|
|
.loading-screen-brand-container
|
|
|
|
.loading-screen-brand(
|
2017-02-23 10:47:48 -05:00
|
|
|
style="height: 20%;"
|
|
|
|
ng-style="{ 'height': state.load_progress + '%' }"
|
|
|
|
)
|
|
|
|
h3.loading-screen-label(ng-if="!state.error") #{translate("loading")}
|
|
|
|
span.loading-screen-ellip .
|
|
|
|
span.loading-screen-ellip .
|
|
|
|
span.loading-screen-ellip .
|
2019-09-10 05:52:53 -04:00
|
|
|
p.loading-screen-error(ng-if="state.error").ng-cloak
|
2017-02-23 10:47:48 -05:00
|
|
|
span(ng-bind-html="state.error")
|
2015-07-31 10:42:47 -04:00
|
|
|
|
2020-12-14 04:29:45 -05:00
|
|
|
.global-alerts(ng-cloak ng-hide="editor.error_state")
|
2014-06-24 11:33:36 -04:00
|
|
|
.alert.alert-danger.small(ng-if="connection.forced_disconnect")
|
2014-07-31 12:07:43 -04:00
|
|
|
strong #{translate("disconnected")}
|
|
|
|
| #{translate("please_refresh")}
|
2014-06-24 11:33:36 -04:00
|
|
|
|
|
|
|
.alert.alert-warning.small(ng-if="connection.reconnection_countdown")
|
2014-07-31 12:07:43 -04:00
|
|
|
strong #{translate("lost_connection")}.
|
2019-09-10 05:52:53 -04:00
|
|
|
| #{translate("reconnecting_in_x_secs", {seconds:"{{ connection.reconnection_countdown }}"})}.
|
2017-12-20 10:39:50 -05:00
|
|
|
a#try-reconnect-now-button.alert-link-as-btn.pull-right(href, ng-click="tryReconnectNow()") #{translate("try_now")}
|
2014-06-24 11:33:36 -04:00
|
|
|
|
2019-09-10 10:31:08 -04:00
|
|
|
.alert.alert-warning.small(ng-if="connection.reconnecting && connection.stillReconnecting")
|
2020-04-22 05:35:33 -04:00
|
|
|
strong #{translate("reconnecting")}…
|
2014-06-24 11:33:36 -04:00
|
|
|
|
2019-06-17 10:47:19 -04:00
|
|
|
.alert.alert-warning.small(ng-if="sync_tex_error")
|
|
|
|
strong #{translate("synctex_failed")}.
|
|
|
|
a#synctex-more-info-button.alert-link-as-btn.pull-right(
|
|
|
|
href="/learn/how-to/SyncTeX_Errors"
|
|
|
|
target="_blank"
|
|
|
|
) #{translate("more_info")}
|
|
|
|
|
2015-10-14 09:15:33 -04:00
|
|
|
.alert.alert-warning.small(ng-if="connection.inactive_disconnect")
|
|
|
|
strong #{translate("editor_disconected_click_to_reconnect")}
|
|
|
|
|
2019-09-10 10:31:08 -04:00
|
|
|
.alert.alert-warning.small(ng-if="connection.debug") {{ connection.state }}
|
|
|
|
|
2014-07-02 12:41:07 -04:00
|
|
|
.div(ng-controller="SavingNotificationController")
|
2015-10-14 09:15:33 -04:00
|
|
|
.alert.alert-warning.small(ng-repeat="(doc_id, state) in docSavingStatus" ng-if="state.unsavedSeconds > 8") #{translate("saving_notification_with_seconds", {docname:"{{ state.doc.name }}", seconds:"{{ state.unsavedSeconds }}"})}
|
2014-07-02 12:41:07 -04:00
|
|
|
|
2020-02-26 06:55:28 -05:00
|
|
|
.div(ng-controller="SystemMessagesController")
|
|
|
|
.alert.alert-warning.system-message(
|
|
|
|
ng-repeat="message in messages"
|
|
|
|
ng-controller="SystemMessageController"
|
|
|
|
ng-hide="hidden"
|
|
|
|
)
|
|
|
|
button(ng-hide="protected",ng-click="hide()").close.pull-right
|
|
|
|
span(aria-hidden="true") ×
|
|
|
|
span.sr-only #{translate("close")}
|
|
|
|
.system-message-content(ng-bind-html="htmlContent")
|
|
|
|
|
2014-06-26 11:39:52 -04:00
|
|
|
include ./editor/left-menu
|
2014-06-25 08:51:02 -04:00
|
|
|
|
2016-10-11 09:24:01 -04:00
|
|
|
#chat-wrapper.full-size(
|
2014-07-02 08:23:04 -04:00
|
|
|
layout="chat",
|
2017-11-30 10:24:48 -05:00
|
|
|
spacing-open="{{ui.chatResizerSizeOpen}}",
|
|
|
|
spacing-closed="{{ui.chatResizerSizeClosed}}",
|
2014-07-02 08:23:04 -04:00
|
|
|
initial-size-east="250",
|
|
|
|
init-closed-east="true",
|
|
|
|
open-east="ui.chatOpen",
|
|
|
|
ng-hide="state.loading",
|
|
|
|
ng-cloak
|
|
|
|
)
|
|
|
|
.ui-layout-center
|
2021-01-27 05:30:55 -05:00
|
|
|
if showNewNavigationUI
|
|
|
|
include ./editor/header-react
|
|
|
|
else
|
|
|
|
include ./editor/header
|
2014-06-21 17:20:37 -04:00
|
|
|
|
2014-07-02 08:23:04 -04:00
|
|
|
include ./editor/share
|
2018-04-10 05:01:10 -04:00
|
|
|
!= moduleIncludes("publish:body", locals)
|
2014-07-01 09:12:28 -04:00
|
|
|
|
2018-05-22 10:40:57 -04:00
|
|
|
include ./editor/history/toolbarV2.pug
|
|
|
|
|
2018-04-16 06:33:53 -04:00
|
|
|
main#ide-body(
|
2016-02-23 10:21:22 -05:00
|
|
|
ng-cloak,
|
2018-04-16 06:33:53 -04:00
|
|
|
role="main",
|
2018-12-17 04:53:20 -05:00
|
|
|
ng-class="{ 'ide-history-open' : (ui.view == 'history' && history.isV2) }",
|
2016-02-23 10:21:22 -05:00
|
|
|
layout="main",
|
|
|
|
ng-hide="state.loading",
|
2018-08-10 06:28:17 -04:00
|
|
|
resize-on="layout:chat:resize,history:toggle",
|
2016-02-23 10:21:22 -05:00
|
|
|
minimum-restore-size-west="130"
|
2018-10-19 05:34:07 -04:00
|
|
|
custom-toggler-pane=hasFeature('custom-togglers') ? "west" : false
|
|
|
|
custom-toggler-msg-when-open=hasFeature('custom-togglers') ? translate("tooltip_hide_filetree") : false
|
|
|
|
custom-toggler-msg-when-closed=hasFeature('custom-togglers') ? translate("tooltip_show_filetree") : false
|
2016-02-23 10:21:22 -05:00
|
|
|
)
|
2014-07-02 08:23:04 -04:00
|
|
|
.ui-layout-west
|
2020-11-26 09:22:30 -05:00
|
|
|
if showReactFileTree
|
|
|
|
include ./editor/file-tree-react
|
|
|
|
else
|
|
|
|
include ./editor/file-tree
|
2018-05-30 09:21:01 -04:00
|
|
|
include ./editor/history/fileTreeV2
|
2014-07-02 08:23:04 -04:00
|
|
|
|
|
|
|
.ui-layout-center
|
|
|
|
include ./editor/editor
|
2014-07-03 12:05:50 -04:00
|
|
|
include ./editor/binary-file
|
2016-10-05 06:04:39 -04:00
|
|
|
include ./editor/history
|
2014-07-02 08:23:04 -04:00
|
|
|
|
2020-07-24 04:55:40 -04:00
|
|
|
if !isRestrictedTokenMember
|
|
|
|
.ui-layout-east
|
2021-01-21 04:48:12 -05:00
|
|
|
aside.chat(
|
|
|
|
ng-controller="ReactChatController"
|
|
|
|
)
|
|
|
|
chat(reset-unread-messages="resetUnreadMessages" chat-is-open="chatIsOpen")
|
2019-09-10 05:52:53 -04:00
|
|
|
|
2014-07-02 12:04:29 -04:00
|
|
|
script(type="text/ng-template", id="genericMessageModalTemplate")
|
|
|
|
.modal-header
|
|
|
|
button.close(
|
|
|
|
type="button"
|
|
|
|
data-dismiss="modal"
|
|
|
|
ng-click="done()"
|
2020-01-27 08:53:27 -05:00
|
|
|
aria-label="Close"
|
|
|
|
)
|
|
|
|
span(aria-hidden="true") ×
|
2014-07-02 12:04:29 -04:00
|
|
|
h3 {{ title }}
|
2015-12-04 03:43:34 -05:00
|
|
|
.modal-body(ng-bind-html="message")
|
2014-07-02 12:04:29 -04:00
|
|
|
.modal-footer
|
2014-07-31 12:07:43 -04:00
|
|
|
button.btn.btn-info(ng-click="done()") #{translate("ok")}
|
2014-06-21 17:20:37 -04:00
|
|
|
|
2020-05-01 09:59:55 -04:00
|
|
|
script(type="text/ng-template", id="outOfSyncModalTemplate")
|
|
|
|
.modal-header
|
|
|
|
button.close(
|
|
|
|
type="button"
|
|
|
|
data-dismiss="modal"
|
|
|
|
ng-click="done()"
|
|
|
|
aria-label="Close"
|
|
|
|
)
|
|
|
|
span(aria-hidden="true") ×
|
|
|
|
h3 {{ title }}
|
|
|
|
.modal-body(ng-bind-html="message")
|
|
|
|
|
|
|
|
.modal-body
|
|
|
|
button.btn.btn-info(
|
|
|
|
ng-init="showFileContents = false"
|
|
|
|
ng-click="showFileContents = !showFileContents"
|
|
|
|
)
|
|
|
|
| {{showFileContents ? "Hide" : "Show"}} Local File Contents
|
|
|
|
.text-preview(ng-show="showFileContents")
|
|
|
|
.scroll-container
|
|
|
|
| {{editorContent}}
|
|
|
|
|
|
|
|
.modal-footer
|
2021-01-12 06:24:10 -05:00
|
|
|
button.btn.btn-info(ng-click="done()") #{translate("reload_editor")}
|
2020-05-01 09:59:55 -04:00
|
|
|
|
2016-11-02 12:59:57 -04:00
|
|
|
script(type="text/ng-template", id="lockEditorModalTemplate")
|
|
|
|
.modal-header
|
|
|
|
h3 {{ title }}
|
|
|
|
.modal-body(ng-bind-html="message")
|
|
|
|
|
2014-07-09 06:17:16 -04:00
|
|
|
//- We need to do .replace(/\//g, '\\/') do that '</script>' -> '<\/script>'
|
2014-07-09 06:05:00 -04:00
|
|
|
//- and doesn't prematurely end the script tag.
|
2017-04-10 07:03:39 -04:00
|
|
|
script#data(type="application/json").
|
2020-10-20 08:44:40 -04:00
|
|
|
!{StringHelper.stringifyJsonForScript({ userSettings: userSettings, user: user, trackChangesState: trackChangesState, useV2History: useV2History, enabledLinkedFileTypes: settings.enabledLinkedFileTypes, brandVariation: brandVariation })}
|
2017-04-10 07:03:39 -04:00
|
|
|
|
2014-06-04 11:28:20 -04:00
|
|
|
script(type='text/javascript').
|
2019-12-16 10:02:29 -05:00
|
|
|
window.data = JSON.parse(document.querySelector("#data").text);
|
2014-11-17 08:38:33 -05:00
|
|
|
window.project_id = "!{project_id}";
|
2019-12-16 10:02:29 -05:00
|
|
|
window.userSettings = window.data.userSettings;
|
|
|
|
window.user = window.data.user;
|
|
|
|
window.enabledLinkedFiles = window.data.enabledLinkedFiles;
|
2014-02-12 05:23:40 -05:00
|
|
|
window.csrfToken = "!{csrfToken}";
|
2014-07-21 06:56:49 -04:00
|
|
|
window.anonymous = #{anonymous};
|
2019-12-16 10:02:29 -05:00
|
|
|
window.brandVariation = window.data.brandVariation;
|
2017-10-20 05:10:21 -04:00
|
|
|
window.anonymousAccessToken = "#{anonymousAccessToken}";
|
2017-10-25 05:34:18 -04:00
|
|
|
window.isTokenMember = #{!!isTokenMember};
|
2019-09-18 06:01:13 -04:00
|
|
|
window.isRestrictedTokenMember = #{!!isRestrictedTokenMember};
|
2015-11-06 07:51:43 -05:00
|
|
|
window.maxDocLength = #{maxDocLength};
|
2019-12-16 10:02:29 -05:00
|
|
|
window.trackChangesState = window.data.trackChangesState;
|
2016-06-27 06:34:24 -04:00
|
|
|
window.wikiEnabled = #{!!(settings.apis.wiki && settings.apis.wiki.url)};
|
2018-11-14 06:08:15 -05:00
|
|
|
window.gitBridgePublicBaseUrl = '#{gitBridgePublicBaseUrl}'
|
2019-10-16 06:10:54 -04:00
|
|
|
//- Set base path for Ace scripts loaded on demand/workers and don't use cdn
|
2019-11-18 05:57:50 -05:00
|
|
|
window.aceBasePath = "/js/#{lib('ace')}"
|
2019-10-16 06:10:54 -04:00
|
|
|
//- Set path for PDFjs CMaps
|
2019-11-18 05:57:50 -05:00
|
|
|
window.pdfCMapsPath = "/js/cmaps/"
|
2019-06-17 10:46:52 -04:00
|
|
|
window.uiConfig = JSON.parse('!{StringHelper.stringifyJsonForScript(uiConfig)}');
|
2019-07-25 07:03:03 -04:00
|
|
|
//- enable doc hash checking for all projects
|
|
|
|
//- used in public/js/libs/sharejs.js
|
|
|
|
window.useShareJsHash = true
|
2020-06-05 06:15:16 -04:00
|
|
|
window.wsRetryHandshake = #{settings.wsRetryHandshake}
|
2020-11-26 09:22:30 -05:00
|
|
|
window.showReactFileTree = "!{showReactFileTree}" === 'true'
|
2014-02-12 05:23:40 -05:00
|
|
|
|
2018-08-28 09:12:00 -04:00
|
|
|
- if (settings.overleaf != null)
|
|
|
|
script(type='text/javascript').
|
2019-06-17 10:46:52 -04:00
|
|
|
window.overallThemes = JSON.parse('!{StringHelper.stringifyJsonForScript(overallThemes)}');
|
2018-08-28 09:12:00 -04:00
|
|
|
|
2019-10-16 06:10:54 -04:00
|
|
|
block foot-scripts
|
2020-04-02 06:01:41 -04:00
|
|
|
script(type="text/javascript" src=(wsUrl || '/socket.io') + '/socket.io.js')
|
2019-10-16 06:10:54 -04:00
|
|
|
script(src=mathJaxPath)
|
|
|
|
script(src=buildJsPath('libraries.js'))
|
|
|
|
script(src=buildJsPath('ide.js'))
|