overleaf-cep/services/web/modules/launchpad/app/views/launchpad.pug

278 lines
8.8 KiB
Text

extends ../../../../app/views/layout-marketing
mixin launchpad-check(section)
div(data-ol-launchpad-check=section)
span(data-ol-inflight='pending')
i.fa.fa-fw.fa-spinner.fa-spin
span  #{translate('checking')}
span(hidden data-ol-inflight='idle')
div(data-ol-result='success')
i.fa.fa-check
span  #{translate('ok')}
button.btn.btn-inline-link
span.text-danger  #{translate('retry')}
div(hidden data-ol-result='error')
i.fa.fa-exclamation
span  #{translate('error')}
button.btn.btn-inline-link
span.text-danger  #{translate('retry')}
.alert.alert-danger
span(data-ol-error)
block entrypointVar
- entrypoint = 'modules/launchpad/pages/launchpad'
block vars
- metadata = metadata || {}
- bootstrap5PageStatus = 'disabled'
block append meta
meta(name='ol-adminUserExists' data-type='boolean' content=adminUserExists)
meta(name='ol-ideJsPath' content=buildJsPath('ide-detached.js'))
block content
script(
type='text/javascript'
nonce=scriptNonce
src=(wsUrl || '/socket.io') + '/socket.io.js'
)
#main-content.content.content-alt
.container
.row
.col-md-8.col-md-offset-2
.card.launchpad-body
.row
.col-md-12
.text-center
h1 #{translate('welcome_to_sl')}
p
img(src=buildImgPath('/ol-brand/overleaf-o.svg'))
<!-- wrapper -->
.row
.col-md-8.col-md-offset-2
<!-- create first admin form -->
if !adminUserExists
.row(data-ol-not-sent)
.col-md-12
h2 #{translate('create_first_admin_account')}
// Local Auth Form
if authMethod === 'local'
form(
data-ol-async-form
data-ol-register-admin
action='/launchpad/register_admin'
method='POST'
)
input(name='_csrf' type='hidden' value=csrfToken)
+formMessages
.form-group
label(for='email') #{translate("email")}
input.form-control(
name='email'
type='email'
placeholder='email@example.com'
autocomplete='username'
required
autofocus='true'
)
.form-group
label(for='password') #{translate("password")}
input#passwordField.form-control(
name='password'
type='password'
placeholder='********'
autocomplete='new-password'
required
)
.actions
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight='idle') #{translate("register")}
span(hidden data-ol-inflight='pending') #{translate("registering")}…
// Ldap Form
if authMethod === 'ldap'
h3 #{translate('ldap')}
p
| #{translate('ldap_create_admin_instructions')}
form(
data-ol-async-form
data-ol-register-admin
action='/launchpad/register_ldap_admin'
method='POST'
)
input(name='_csrf' type='hidden' value=csrfToken)
+formMessages
.form-group
label(for='email') #{translate("email")}
input.form-control(
name='email'
type='email'
placeholder='email@example.com'
autocomplete='username'
required
autofocus='true'
)
.actions
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight='idle') #{translate("register")}
span(hidden data-ol-inflight='pending') #{translate("registering")}…
h3 #{translate('local_account')}
p
| #{translate('alternatively_create_local_admin_account')}
form(
data-ol-async-form
data-ol-register-admin
action='/launchpad/register_admin'
method='POST'
)
input(name='_csrf', type='hidden', value=csrfToken)
+formMessages()
.form-group
label(for='email') #{translate("email")}
input.form-control(
type='email'
name='email'
placeholder='email@example.com'
autocomplete='username'
required
autofocus='true'
)
.form-group
label(for='password') #{translate("password")}
input.form-control#passwordField(
type='password'
name='password'
placeholder='********'
autocomplete='new-password'
required
)
.actions
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight="idle") #{translate("register")}
span(hidden data-ol-inflight="pending") #{translate("registering")}…
// Saml Form
if authMethod === 'saml'
h3 #{translate('saml')}
p
| #{translate('saml_create_admin_instructions')}
form(
data-ol-async-form
data-ol-register-admin
action='/launchpad/register_saml_admin'
method='POST'
)
input(name='_csrf' type='hidden' value=csrfToken)
+formMessages
.form-group
label(for='email') #{translate("email")}
input.form-control(
name='email'
placeholder='email@example.com'
autocomplete='username'
required
autofocus='true'
)
.actions
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight="idle") #{translate("register")}
span(hidden data-ol-inflight="pending") #{translate("registering")}…
h3 #{translate('local_account')}
p
| #{translate('alternatively_create_local_admin_account')}
form(
data-ol-async-form
data-ol-register-admin
action='/launchpad/register_admin'
method='POST'
)
input(name='_csrf', type='hidden', value=csrfToken)
+formMessages()
.form-group
label(for='email') #{translate("email")}
input.form-control(
type='email'
name='email'
placeholder='email@example.com'
autocomplete='username'
required
autofocus='true'
)
.form-group
label(for='password') #{translate("password")}
input.form-control#passwordField(
type='password'
name='password'
placeholder='********'
autocomplete='new-password'
required
)
.actions
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight='idle') #{translate("register")}
span(hidden data-ol-inflight='pending') #{translate("registering")}…
br
<!-- status indicators -->
if adminUserExists
.row
.col-md-12.status-indicators
h2 #{translate('status_checks')}
<!-- websocket -->
.row.row-spaced-small
.col-sm-5
| #{translate('websockets')}
.col-sm-7
+launchpad-check('websocket')
<!-- break -->
hr.thin
<!-- other actions -->
.row
.col-md-12
h2 #{translate('other_actions')}
h3 #{translate('send_test_email')}
form.form(
data-ol-async-form
action='/launchpad/send_test_email'
method='POST'
)
.form-group
label(for='email') Email
input.form-control(name='email' type='text' id='email' required)
button.btn-primary.btn(type='submit' data-ol-disabled-inflight)
span(data-ol-inflight='idle') #{translate("send")}
span(hidden data-ol-inflight='pending') #{translate("sending")}…
p
+formMessages
<!-- break -->
hr.thin
<!-- Go to app -->
.row
.col-md-12
.text-center
br
p
a.btn.btn-info(href='/admin')
| Go To Admin Panel
| &nbsp;
a.btn.btn-primary(href='/project')
| Start Using #{settings.appName}
br