Mercurial Hosting > chat

diff src/account.html.luan @ 40:7ea33179592a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
email notification
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 27 Feb 2025 16:44:20 -0700
parents 62d04ca486dd
children 818697418dbe
line wrap: on
line diff
--- a/src/account.html.luan	Sun Nov 17 12:06:08 2024 -0700
+++ b/src/account.html.luan	Thu Feb 27 16:44:20 2025 -0700
@@ -1,5 +1,7 @@
 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"
@@ -14,6 +16,7 @@
 return function()
 	local user = current_user()
 	if user == nil then return end
+	local notify_email = user.notify_email
 	Io.stdout = Http.response.text_writer()
 %>
 <!doctype html>
@@ -23,6 +26,34 @@
 		<script>
 			'use strict';
 
+			let notifyEmail = <%= json_string(notify_email or "") %>;
+			let multiNotify = <%= user.multi_notify %>;
+
+			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 deleteUser() {
 				let dialog = document.querySelector('dialog[delete_user]');
 				openModal(dialog);
@@ -32,6 +63,10 @@
 				closeModal(el);
 				ajax('delete_user.js');
 			}
+
+			function init() {
+				showNotify();
+			}
 		</script>
 		<style>
 			div[content] {
@@ -42,6 +77,12 @@
 			h1 {
 				text-align: center;
 			}
+			input[name=notify_email] {
+				width: 300px;
+			}
+			span[note] {
+				font-size: small;
+			}
 		</style>
 	</head>
 	<body>
@@ -50,9 +91,34 @@
 			<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><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 delete_user>
 			<h2>Delete Account</h2>
 			<p>Are you sure that you want to delete your account?</p>
@@ -61,6 +127,7 @@
 				<button go onclick="doDeleteUser(this)">Delete</button>
 			</div>
 		</dialog>
+		<script> init(); </script>
 	</body>
 </html>
 <%