overleaf/services/web/app/views/user/activate.pug

extends ../layout

block content
	.content.content-alt
		.container
			.row
				.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
					.alert.alert-success #{translate("nearly_activated")}
			.row
				.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
					.card
						.page-header
							h1 #{translate("please_set_a_password")}
						form(
							async-form="activate",
							name="activationForm",
							action="/user/password/set",
							method="POST",
							ng-cloak
						)
							input(name='_csrf', type='hidden', value=csrfToken)
							input(
								type="hidden",
								name="passwordResetToken",
								value=token
							)
							input(name='login_after', type='hidden', value="true")
							.alert.alert-danger(ng-show="activationForm.response.error")
								| #{translate("activation_token_expired")}
							
							.form-group
								label(for='email') #{translate("email")}
								input.form-control(
									type='email',
									name='email',
									placeholder="email@example.com"
									required,
									ng-model="email",
									ng-init="email = "+JSON.stringify(email),
									ng-model-options="{ updateOn: 'blur' }",
									disabled
								)
							.form-group
								label(for='password') #{translate("password")}
								input.form-control#passwordField(
									type='password',
									name='password',
									placeholder="********",
									required,
									ng-model="password",
									complex-password,
									focus="true"
								)
								span.small.text-primary(ng-show="activationForm.password.$error.complexPassword", ng-bind-html="complexPasswordErrorMessage")
							.actions
								button.btn-primary.btn(
									type='submit'
									ng-disabled="activationForm.inflight || activationForm.password.$error.required|| activationForm.password.$error.complexPassword"
								)
									span(ng-show="!activationForm.inflight") #{translate("activate")}
									span(ng-show="activationForm.inflight") #{translate("activating")}...

	script(type='text/javascript').
		window.passwordStrengthOptions = !{JSON.stringify(settings.passwordStrengthOptions || {})}