GoTomato/index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Pomodoro Timer</title>
	<style>
		button {
			padding: 10px 20px;
			margin: 5px;
			font-size: 16px;
		}

		#timer {
			font-size: 24px;
			margin-top: 20px;
		}
	</style>
</head>

<body>
	<h1>Pomodoro Timer</h1>
	<div id="timer">Connecting to server...</div>

	<!-- Buttons to start, pause/resume, and stop the timer -->
	<button id="startButton">Start</button>
	<button id="pauseResumeButton" style="display: none;">Pause</button>
	<button id="resetButton" style="display: none;">Reset</button>

	<script>
		var ws = new WebSocket("ws://localhost:8080/ws");
		var isPaused = false; // Track if the timer is paused

		ws.onopen = function () {
			document.getElementById("timer").innerText = "Connected to server.";
		};

		// Handle incoming messages and update the timer display
		ws.onmessage = function (event) {
			var data = JSON.parse(event.data);
			var mode = data.mode;
			var session = data.session;
			var maxSession = data.max_session;
			var timeLeft = data.time_left;

			document.getElementById("timer").innerText =
				mode + " Session " + session + "/" + maxSession + ": " + formatTime(timeLeft);
		};

		ws.onclose = function () {
			document.getElementById("timer").innerText = "Connection closed.";
		};

		// Format time in MM:SS
		function formatTime(seconds) {
			var minutes = Math.floor(seconds / 60);
			var remainingSeconds = seconds % 60;
			return minutes.toString().padStart(2, '0') + ":" + remainingSeconds.toString().padStart(2, '0');
		}

		// Start Button Click Event
		document.getElementById("startButton").addEventListener("click", function () {
			ws.send(JSON.stringify({command: "start"}));

			// Hide start button and show pause/resume and stop buttons
			document.getElementById("startButton").style.display = "none";
			document.getElementById("pauseResumeButton").style.display = "inline-block";
			document.getElementById("resetButton").style.display = "inline-block";

			// Set the pause/resume button to show "Pause" initially
			isPaused = false;
			document.getElementById("pauseResumeButton").innerText = "Pause";
		});

		// Pause/Resume Button Click Event
		document.getElementById("pauseResumeButton").addEventListener("click", function () {
			if (isPaused) {
				// If paused, send resume command and update button text
				ws.send(JSON.stringify({command: "resume"}));
				document.getElementById("pauseResumeButton").innerText = "Pause";
				isPaused = false;
			} else {
				// If running, send pause command and update button text
				ws.send(JSON.stringify({command: "pause"}));
				document.getElementById("pauseResumeButton").innerText = "Resume";
				isPaused = true;
			}
		});

		// Reset Button Click Event
		document.getElementById("resetButton").addEventListener("click", function () {
			ws.send(JSON.stringify({command: "stop"}));

			// Reset buttons after stopping
			document.getElementById("startButton").style.display = "inline-block";
			document.getElementById("pauseResumeButton").style.display = "none";
			document.getElementById("resetButton").style.display = "none";
		});
	</script>
</body>

</html>
Genesis 2024-10-18 22:39:29 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`

			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>Pomodoro Timer</title>`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`<style>`
			`button {`
			`padding: 10px 20px;`
			`margin: 5px;`
			`font-size: 16px;`
			`}`

			`#timer {`
			`font-size: 24px;`
			`margin-top: 20px;`
			`}`
			`</style>`
Genesis 2024-10-18 22:39:29 +00:00			`</head>`

			`<body>`
			`<h1>Pomodoro Timer</h1>`
			`<div id="timer">Connecting to server...</div>`

feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00			`<!-- Buttons to start, pause/resume, and stop the timer -->`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`<button id="startButton">Start</button>`
feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00			`<button id="pauseResumeButton" style="display: none;">Pause</button>`
break: change the "stop" command to "reset" - change stop channel to reset channel - create ResetPomodoro function - broadcast reset message to all clients - rename stop button to reset button in index.html 🤖 2024-10-20 08:02:00 +00:00			`<button id="resetButton" style="display: none;">Reset</button>`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00
Genesis 2024-10-18 22:39:29 +00:00			`<script>`
			`var ws = new WebSocket("ws://localhost:8080/ws");`
feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00			`var isPaused = false; // Track if the timer is paused`
Genesis 2024-10-18 22:39:29 +00:00
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`ws.onopen = function () {`
			`document.getElementById("timer").innerText = "Connected to server.";`
			`};`

			`// Handle incoming messages and update the timer display`
Genesis 2024-10-18 22:39:29 +00:00			`ws.onmessage = function (event) {`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`var data = JSON.parse(event.data);`
			`var mode = data.mode;`
			`var session = data.session;`
			`var maxSession = data.max_session;`
			`var timeLeft = data.time_left;`

			`document.getElementById("timer").innerText =`
			`mode + " Session " + session + "/" + maxSession + ": " + formatTime(timeLeft);`
Genesis 2024-10-18 22:39:29 +00:00			`};`

			`ws.onclose = function () {`
			`document.getElementById("timer").innerText = "Connection closed.";`
			`};`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00
			`// Format time in MM:SS`
			`function formatTime(seconds) {`
			`var minutes = Math.floor(seconds / 60);`
			`var remainingSeconds = seconds % 60;`
			`return minutes.toString().padStart(2, '0') + ":" + remainingSeconds.toString().padStart(2, '0');`
			`}`

feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00			`// Start Button Click Event`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`document.getElementById("startButton").addEventListener("click", function () {`
			`ws.send(JSON.stringify({command: "start"}));`
feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00
			`// Hide start button and show pause/resume and stop buttons`
			`document.getElementById("startButton").style.display = "none";`
			`document.getElementById("pauseResumeButton").style.display = "inline-block";`
break: change the "stop" command to "reset" - change stop channel to reset channel - create ResetPomodoro function - broadcast reset message to all clients - rename stop button to reset button in index.html 🤖 2024-10-20 08:02:00 +00:00			`document.getElementById("resetButton").style.display = "inline-block";`
feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00
			`// Set the pause/resume button to show "Pause" initially`
			`isPaused = false;`
			`document.getElementById("pauseResumeButton").innerText = "Pause";`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`});`

feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00			`// Pause/Resume Button Click Event`
			`document.getElementById("pauseResumeButton").addEventListener("click", function () {`
			`if (isPaused) {`
			`// If paused, send resume command and update button text`
			`ws.send(JSON.stringify({command: "resume"}));`
			`document.getElementById("pauseResumeButton").innerText = "Pause";`
			`isPaused = false;`
			`} else {`
			`// If running, send pause command and update button text`
			`ws.send(JSON.stringify({command: "pause"}));`
			`document.getElementById("pauseResumeButton").innerText = "Resume";`
			`isPaused = true;`
			`}`
			`});`

break: change the "stop" command to "reset" - change stop channel to reset channel - create ResetPomodoro function - broadcast reset message to all clients - rename stop button to reset button in index.html 🤖 2024-10-20 08:02:00 +00:00			`// Reset Button Click Event`
			`document.getElementById("resetButton").addEventListener("click", function () {`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`ws.send(JSON.stringify({command: "stop"}));`
feat: add pause and resume functionality - implement pause and resume commands in the Pomodoro package - modify timer logic to handle paused state - adjust client command handling for pause and resume actions - update HTML to include pause/resume button 🤖 2024-10-19 16:15:16 +00:00
			`// Reset buttons after stopping`
			`document.getElementById("startButton").style.display = "inline-block";`
			`document.getElementById("pauseResumeButton").style.display = "none";`
break: change the "stop" command to "reset" - change stop channel to reset channel - create ResetPomodoro function - broadcast reset message to all clients - rename stop button to reset button in index.html 🤖 2024-10-20 08:02:00 +00:00			`document.getElementById("resetButton").style.display = "none";`
feat: implement client start/stop commands - add ClientCommand struct to handle incoming commands - introduce timerStopChannel to manage timer stopping - modify startTimer to return a boolean for success/failure - update runPomodoroTimer to handle timer start/stop commands - add start and stop buttons in the index.html for user interaction 🤖 2024-10-19 08:08:54 +00:00			`});`
Genesis 2024-10-18 22:39:29 +00:00			`</script>`
			`</body>`

			`</html>`