view mod_invites_register_web/html/register_success.html @ 4651:8231774f5bfd

mod_cloud_notify_encrypted: Ensure body substring remains valid UTF-8 The `body:sub()` call risks splitting the string in the middle of a multi-byte UTF-8 sequence. This should have been caught by util.stanza validation, but that would have caused some havoc, at the very least causing the notification to not be sent. There have been no reports of this happening. Likely because this module isn't widely deployed among users with languages that use many longer UTF-8 sequences. The util.encodings.utf8.valid() function is O(n) where only the last sequence really needs to be checked, but it's in C and expected to be fast.
author Kim Alvefur <zash@zash.se>
date Sun, 22 Aug 2021 13:22:59 +0200
parents dfa885f815eb
children
line wrap: on
line source

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{site_name}</title>
	<link rel="stylesheet" href="/share/bootstrap4/css/bootstrap.min.css">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#fbd308">
	<meta name="theme-color" content="#fbd308">

	<script>
		function toggle_password(e) {
			var button = e.target;
			var input = button.parentNode.parentNode.querySelector("input");
			switch(input.attributes.type.value) {
			case "password":
				input.attributes.type.value = "text";
				button.innerText = "Hide";
				break;
			case "text":
				input.attributes.type.value = "password";
				button.innerText = "Show";
				break;
			}
		  }
	</script>
</head>
<body>
	<div id="background" class="fixed-top overflow-hidden" aria-role="none presentation"></div>
	<div id="form" class="container col-md-8 col-md-offset-2 col-sm-8 cold-sm-offset-2 col-lg-6 col-lg-offset-3 mt-2 mt-md-5">
		<div class="card rounded-lg shadow">
			<h1 class="card-header rounded-lg rounded-lg">
				{site_name}<br/>
			</h1>
			<div class="card-body">
				<h5 class="card-title">Congratulations!</h5>

				<p>You have created an account on {site_name}.</p>

				<p>To start chatting, you need to enter your new account
				credentials into your chosen XMPP software.</p>

				{webchat_url&
				<div class="alert alert-success">
					<div class="container">
						<div class="row">
							<div class="col-9">
								<p><strong>No suitable software installed right now?</strong>
								You can also log in to your account through our online web chat!</p>
							</div>
							<div class="col">
								<a class="btn btn-primary" href="{webchat_url}">Log in via web</a>
							</div>
						</div>
					</div>
				</div>
				}


				<p>As a final reminder, your account details are shown below:</p>

				<form class="account-details col-12 col-lg-6 mx-auto">
					<div class="form-group form-row">
						<label for="user" class="col-md-4 col-lg-12 col-form-label">Chat address (JID):</label>
						<div class="col-md-8 col-lg-12">
							<input type="text" class="form-control-plaintext" readonly value="{username}@{domain}">
						</div>
					</div>
					{password&
					<div class="form-group form-row">
						<label for="password" class="col-md-4 col-lg-12 col-form-label">Password:</label>
						<div class="col-md-8 col-lg-12">
							<div class="input-group">
								<input type="password" readonly class="form-control" value="{password}">
								<div class="input-group-append">
									<button class="btn btn-outline-secondary" type="button" onclick="toggle_password(event)">Show</button>
								</div>
							</div>
						</div>
					</div>
					}
				</form>

				<p>Your password is stored encrypted on the server and will not be accessible after you close
				this page. Keep it safe and never share it with anyone.</p>
			</div>
		</div>
	</div>
	<script src="/share/jquery/jquery.min.js"></script>
	<script src="/share/bootstrap4/js/bootstrap.min.js"></script>
</body>
</html>