Mercurial Hosting > chat

local Luan = require "luan:Luan.luan"
local error = Luan.error
local Parsers = require "luan:Parsers.luan"
local json_string = Parsers.json_string or error()
local Io = require "luan:Io.luan"
local Http = require "luan:http/Http.luan"
local Shared = require "site:/lib/Shared.luan"
local head = Shared.head or error()
local header = Shared.header or error()
local Utils = require "site:/lib/Utils.luan"
local base_url = Utils.base_url or error()
local User = require "site:/lib/User.luan"
local current_user = User.current_required or error()


return function()
	local user = current_user()
	if user == nil then return end
	Io.stdout = Http.response.text_writer()
%>
<!doctype html>
<html>
	<head>
<%		head() %>
		<script>
			'use strict';

			let notifyEmail = <%= json_string(user.notify_email or "") %>;
			let multiNotify = <%= user.multi_notify %>;
			let voice = <%= json_string(user.voice_url or "") %>;

			function showNotify() {
				let span = document.querySelector('span[notify]');
				span.textContent = notifyEmail ? `Send notifications to ${notifyEmail}` : 'No notifications';
			}

			function editNotify() {
				let dialog = document.querySelector('dialog[edit_notify]');
				let input = dialog.querySelector('input[name=notify_email]');
				input.value = notifyEmail;
				let radio = dialog.querySelector(`input[type=radio][value=${multiNotify}]`);
				radio.checked = true;
				openModal(dialog);
			}

			function saveNotify() {
				let dialog = document.querySelector('dialog[edit_notify]');
				let input = dialog.querySelector('input[name=notify_email]');
				notifyEmail = input.value;
				let radio = dialog.querySelector('input[type=radio]:checked');
				multiNotify = radio.value === 'true';
				closeModal(input);
				showNotify();
				ajax(`save_notify.js?email=${encodeURIComponent(notifyEmail)}&multi=${multiNotify}`);
			}

			function showVoice() {
				let span = document.querySelector('span[voice]');
				span.textContent = voice ? `Your voice URL: ${voice}` : 'No voice URL';
			}

			function editVoice() {
				let dialog = document.querySelector('dialog[edit_voice]');
				let input = dialog.querySelector('input[name=voice]');
				input.value = voice;
				openModal(dialog);
			}

			function saveVoice() {
				let dialog = document.querySelector('dialog[edit_voice]');
				let input = dialog.querySelector('input[name=voice]');
				voice = input.value;
				closeModal(input);
				showVoice();
				ajax(`save_voice.js?url=${encodeURIComponent(voice)}`);
			}

			function deleteUser() {
				let dialog = document.querySelector('dialog[delete_user]');
				openModal(dialog);
			}

			function doDeleteUser(el) {
				closeModal(el);
				ajax('delete_user.js');
			}

			function init() {
				showNotify();
				showVoice();
			}
		</script>
		<style>
			div[content] {
				margin-left: auto;
				margin-right: auto;
				width: fit-content;
				max-width: 94%;
			}
			h1 {
				text-align: center;
			}
			input[name=notify_email] {
				width: 300px;
				max-width: 100%;
			}
			input[name=voice] {
				width: 500px;
				max-width: 100%;
			}
			span[note] {
				font-size: small;
			}
		</style>
	</head>
	<body>
<%		header() %>
		<div content>
			<h1>Your Account</h1>
			<p><a href="about.html">About Web Chat</a></p>
			<p>Your URL: <%= base_url() %>/?with=<%=user.email%></p>
			<p><span notify></span> <a href="javascript:editNotify()">Edit</a></p>
			<p><span voice></span> <a href="javascript:editVoice()">Edit</a></p>
			<p><a href="javascript:logout()">Logout</a></p>
			<p><a href="javascript:deleteUser()">Delete account</a></p>
		</div>
		<dialog edit_notify>
			<h2>Edit Notification</h2>
			<form action="javascript:saveNotify()">
				<p>
					<label>Send notifications to</label><br>
					<input type=email name=notify_email><br>
					<span note>Leave blank for no notifications</span>
				</p>
				<p>
					<label clickable>
						<input type=radio name=multi_notify value=false>
						Notify only for first message
					</label><br>
					<label clickable>
						<input type=radio name=multi_notify value=true>
						Notify for all messages
					</label>
				</p>
				<div buttons>
					<button type=button cancel onclick="closeModal(this)">Cancel</button>
					<button type=submit go>Save</button>
				</div>
			</form>
		</dialog>
		<dialog edit_voice>
			<h2>Edit Voice URL</h2>
			<form action="javascript:saveVoice()">
				<p>
					<label>URL for receiving voice calls</label><br>
					<input type=url name=voice><br>
					<span note>Leave blank for no voice URL</span>
				</p>
				<div buttons>
					<button type=button cancel onclick="closeModal(this)">Cancel</button>
					<button type=submit go>Save</button>
				</div>
			</form>
		</dialog>
		<dialog delete_user>
			<h2>Delete Account</h2>
			<p>Are you sure that you want to delete your account?</p>
			<div buttons>
				<button cancel onclick="closeModal(this)">Cancel</button>
				<button go onclick="doDeleteUser(this)">Delete</button>
			</div>
		</dialog>
		<script> init(); </script>
		<!-- ID = <%=user.id%> -->
	</body>
</html>
<%
end
author	Franklin Schmidt <fschmidt@gmail.com>
date	Fri, 28 Feb 2025 14:37:11 -0700
parents	89d3ddd302c7
children	42b741a1d5c6