overleaf/services/web/app/views/project/editor.pug

173 lines
5.6 KiB
Text
Raw Normal View History

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
2014-07-24 09:04:26 -04:00
- var suppressSystemMessages = 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
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 .
p.loading-screen-error(ng-if="state.error").ng-cloak
span(ng-bind-html="state.error")
2014-06-24 11:33:36 -04:00
.global-alerts(ng-cloak)
.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")}.
| #{translate("reconnecting_in_x_secs", {seconds:"{{ connection.reconnection_countdown }}"})}.
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
.alert.alert-warning.small(ng-if="connection.reconnecting")
2014-07-31 12:07:43 -04:00
strong #{translate("reconnecting")}...
2014-06-24 11:33:36 -04:00
.alert.alert-warning.small(ng-if="connection.inactive_disconnect")
strong #{translate("editor_disconected_click_to_reconnect")}
2014-07-02 12:41:07 -04:00
.div(ng-controller="SavingNotificationController")
.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
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(
layout="chat",
2017-11-30 10:24:48 -05:00
spacing-open="{{ui.chatResizerSizeOpen}}",
spacing-closed="{{ui.chatResizerSizeClosed}}",
initial-size-east="250",
init-closed-east="true",
open-east="ui.chatOpen",
ng-hide="state.loading",
ng-cloak
)
.ui-layout-center
include ./editor/header
2014-06-21 17:20:37 -04:00
include ./editor/share
2014-07-01 09:12:28 -04:00
#ide-body(
ng-cloak,
layout="main",
ng-hide="state.loading",
resize-on="layout:chat:resize",
minimum-restore-size-west="130"
)
.ui-layout-west
include ./editor/file-tree
include ./editor/history-file-tree
.ui-layout-center
include ./editor/editor
2014-07-03 12:05:50 -04:00
include ./editor/binary-file
include ./editor/history
2014-07-15 12:56:09 -04:00
include ./editor/publish-template
2014-07-21 07:19:13 -04:00
.ui-layout-east
2014-07-15 13:25:12 -04:00
include ./editor/chat
2014-07-22 09:38:32 -04:00
include ./editor/hotkeys
2014-06-22 15:08:56 -04:00
script(type="text/ng-template", id="genericMessageModalTemplate")
.modal-header
button.close(
type="button"
data-dismiss="modal"
ng-click="done()"
) ×
h3 {{ title }}
.modal-body(ng-bind-html="message")
.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
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")
block requirejs
script(type="text/javascript" src='/socket.io/socket.io.js')
2016-10-13 09:51:21 -04:00
//- don't use cdn for workers
2017-12-14 07:11:13 -05:00
- var aceWorkerPath = buildJsPath(lib('ace'), {cdn:false})
- var pdfWorkerPath = buildJsPath('/libs/' + lib('pdfjs') + '/pdf.worker', {cdn:false})
- var pdfCMapsPath = buildJsPath('/libs/' + lib('pdfjs') + '/bcmaps/', {cdn:false})
2016-10-13 09:51:21 -04:00
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.
script#data(type="application/json").
!{JSON.stringify({userSettings: userSettings, user: user, trackChangesState: trackChangesState, useV2History: useV2History}).replace(/\//g, '\\/')}
script(type="text/javascript").
window.data = JSON.parse($("#data").text());
2014-06-04 11:28:20 -04:00
script(type='text/javascript').
window.project_id = "!{project_id}";
var data = JSON.parse($("#data").text());
window.userSettings = data.userSettings;
window.user = data.user;
2014-02-12 05:23:40 -05:00
window.csrfToken = "!{csrfToken}";
2014-07-21 06:56:49 -04:00
window.anonymous = #{anonymous};
window.anonymousAccessToken = "#{anonymousAccessToken}";
2017-10-25 05:34:18 -04:00
window.isTokenMember = #{!!isTokenMember};
window.maxDocLength = #{maxDocLength};
window.trackChangesState = data.trackChangesState;
window.wikiEnabled = #{!!(settings.apis.wiki && settings.apis.wiki.url)};
2014-02-12 05:23:40 -05:00
window.requirejs = {
"paths" : {
2017-12-14 07:11:13 -05:00
"mathjax": "#{buildJsPath('/libs/mathjax/MathJax.js', {cdn:false, qs:{config:'TeX-AMS_HTML'}})}",
2016-09-22 06:36:53 -04:00
"moment": "libs/#{lib('moment')}",
2016-10-13 09:51:21 -04:00
"pdfjs-dist/build/pdf": "libs/#{lib('pdfjs')}/pdf",
"pdfjs-dist/build/pdf.worker": "#{pdfWorkerPath}",
"ace": "#{lib('ace')}",
2017-12-13 08:06:38 -05:00
"fineuploader": "libs/#{lib('fineuploader')}",
2017-12-14 07:11:13 -05:00
"ide": "#{buildJsPath('ide.js', {hashedPath:settings.useMinifiedJs, removeExtension:true})}",
"libraries": "#{buildJsPath('libraries.js', {hashedPath:settings.useMinifiedJs, removeExtension:true})}",
2014-02-12 05:23:40 -05:00
},
"waitSeconds": 0,
"shim": {
2016-10-13 09:51:21 -04:00
"pdfjs-dist/build/pdf": {
2016-09-23 08:51:21 -04:00
"deps": ["libs/#{lib('pdfjs')}/compatibility"]
},
"ace/ext-searchbox": {
2016-09-23 08:51:21 -04:00
"deps": ["ace/ace"]
},
"ace/ext-modelist": {
"deps": ["ace/ace"]
},
"ace/ext-language_tools": {
2016-09-23 08:51:21 -04:00
"deps": ["ace/ace"]
2014-02-12 05:23:40 -05:00
}
},
2016-09-23 08:51:21 -04:00
"config":{
"moment":{
"noGlobal": true
}
2014-02-12 05:23:40 -05:00
}
};
window.aceWorkerPath = "#{aceWorkerPath}";
2017-08-25 10:47:56 -04:00
window.pdfCMapsPath = "#{pdfCMapsPath}"
window.uiConfig = JSON.parse('!{JSON.stringify(uiConfig).replace(/\//g, "\\/")}');
2014-02-12 05:23:40 -05:00
// TODO: inject based on environment
script(
src="http://localhost:3809/public/js/es/richText.js"
type="text/javascript"
)
2014-02-12 05:23:40 -05:00
script(
2017-12-14 07:11:13 -05:00
data-main=buildJsPath("ide.js", {hashedPath:false}),
2016-07-20 07:58:32 -04:00
baseurl=fullJsPath,
2017-12-14 07:11:13 -05:00
data-ace-base=buildJsPath(lib('ace')),
src=buildJsPath('libs/require.js', {hashedPath:true})
2014-02-12 05:23:40 -05:00
)