-
-
-
-
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
`}
- `).join('');
- },
-
- onDragStart(index, event) {
- this.draggedItemIndex = index;
- event.dataTransfer.effectAllowed = 'move';
- // Add a small delay to make the actual element transparent while dragging
- setTimeout(() => {
- event.target.classList.add('dragging');
- }, 0);
- },
-
- onDragOver(index, event) {
- event.preventDefault();
- event.dataTransfer.dropEffect = 'move';
- },
-
- onDrop(index, event) {
- event.preventDefault();
- if (this.draggedItemIndex === null || this.draggedItemIndex === index) return;
+ `}).join('');
- const item = this.customActivities.splice(this.draggedItemIndex, 1)[0];
- this.customActivities.splice(index, 0, item);
-
- this.draggedItemIndex = null;
- this.renderCustomBuilder();
+ if (this.el.customTotalDuration) {
+ this.el.customTotalDuration.textContent = `Total: ${this.formatTime(totalMs, 'hh:mm:ss')}`;
+ }
},
addActivity() {
@@ -708,8 +804,13 @@ const app = {
this.renderCustomBuilder();
},
+ addActivityAfter(index) {
+ this.customActivities.splice(index + 1, 0, { name: `Activity ${this.customActivities.length + 1}`, duration: 60000, isRest: false });
+ this.renderCustomBuilder();
+ },
+
addRestAfter(index) {
- const restDuration = (parseInt(this.el.settingRestDuration.value) || 30) * 1000;
+ const restDuration = (parseInt(this.el.settingRestDuration.value) || 5) * 1000;
this.customActivities.splice(index + 1, 0, { name: 'Rest', duration: restDuration, isRest: true });
this.renderCustomBuilder();
},
@@ -746,6 +847,155 @@ const app = {
this.renderCustomBuilder();
},
+ // Saved Timers Logic
+ async saveCurrentTimer() {
+ const name = this.el.sessionTitle.value.trim();
+ if (!name) {
+ alert('Please enter a session name to save.');
+ this.el.sessionTitle.focus();
+ return;
+ }
+
+ const config = {
+ mode: this.currentMode,
+ isCountdown: this.el.settingIsCountdown.checked,
+ format: this.el.formatSelect.value
+ };
+
+ if (this.currentMode === 'custom') {
+ config.activities = this.customActivities;
+ } else if (this.currentMode === 'countdown') {
+ config.duration = {
+ h: this.el.inputH.value,
+ m: this.el.inputM.value,
+ s: this.el.inputS.value
+ };
+ }
+
+ try {
+ const resp = await fetch('api/timers.php', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ name, config })
+ });
+ const result = await resp.json();
+ if (result.success) {
+ this.loadSavedTimers();
+ alert('Session saved successfully!');
+
+ if (this.currentMode === 'custom') {
+ this.customActivities = [{ name: 'Activity 1', duration: 60000, isRest: false }];
+ this.el.sessionTitle.value = '';
+ if (this.currentMode) this.sessionTitles[this.currentMode] = '';
+ this.renderCustomBuilder();
+ this.resetTimer();
+ }
+ } else {
+ alert('Error saving session: ' + result.error);
+ }
+ } catch (e) {
+ console.error(e);
+ alert('Failed to connect to server.');
+ }
+ },
+
+ async loadSavedTimers() {
+ try {
+ const resp = await fetch('api/timers.php');
+ const result = await resp.json();
+ if (result.success) {
+ this.renderSavedTimers(result.data);
+ }
+ } catch (e) {
+ console.error('Failed to load saved timers:', e);
+ }
+ },
+
+ renderSavedTimers(timers) {
+ if (!timers || timers.length === 0) {
+ this.el.savedTimersDropdown.innerHTML = '
';
+ return;
+ }
+
+ let html = '
';
+ timers.forEach(t => {
+ const config = JSON.parse(t.config);
+ // Show custom timers even if they don't have a mode yet (backwards compat)
+ if (config.mode === this.currentMode || (this.currentMode === 'custom' && !config.mode)) {
+ const durationStr = this.getDurationStringFromConfig(config);
+ const displayLabel = durationStr ? `${t.name} (${durationStr})` : t.name;
+ html += `
`;
+ }
+ });
+ this.el.savedTimersDropdown.innerHTML = html;
+ },
+
+ getDurationStringFromConfig(config) {
+ let totalMs = 0;
+ if (config.mode === 'custom' || (!config.mode && this.currentMode === 'custom')) {
+ if (config.activities) {
+ config.activities.forEach(a => totalMs += (a.duration || 0));
+ }
+ } else if (config.mode === 'countdown' && config.duration) {
+ const h = parseInt(config.duration.h) || 0;
+ const m = parseInt(config.duration.m) || 0;
+ const s = parseInt(config.duration.s) || 0;
+ totalMs = ((h * 3600) + (m * 60) + s) * 1000;
+ } else {
+ return null;
+ }
+
+ if (totalMs <= 0) return null;
+ return this.formatTime(totalMs, 'hh:mm:ss');
+ },
+
+ async loadTimer(id) {
+ try {
+ const resp = await fetch('api/timers.php');
+ const result = await resp.json();
+ if (result.success) {
+ const timer = result.data.find(t => t.id == id);
+ if (timer) {
+ const config = JSON.parse(timer.config);
+ this.el.sessionTitle.value = timer.name;
+ if (this.currentMode) this.sessionTitles[this.currentMode] = timer.name;
+ this.el.settingIsCountdown.checked = !!config.isCountdown;
+ this.el.formatSelect.value = config.format || 'hh:mm:ss.ms';
+
+ if (config.mode === 'custom' || (!config.mode && this.currentMode === 'custom')) {
+ this.customActivities = config.activities || [];
+ this.renderCustomBuilder();
+ } else if (config.mode === 'countdown' && config.duration) {
+ this.el.inputH.value = config.duration.h || '';
+ this.el.inputM.value = config.duration.m || '';
+ this.el.inputS.value = config.duration.s || '';
+ }
+
+ this.resetTimer();
+ }
+ }
+ } catch (e) {
+ console.error(e);
+ }
+ },
+
+ async deleteTimer(id) {
+ if (!confirm('Are you sure you want to delete this saved session?')) return;
+
+ try {
+ const resp = await fetch(`api/timers.php?id=${id}`, { method: 'DELETE' });
+ const result = await resp.json();
+ if (result.success) {
+ this.loadSavedTimers();
+ alert('Session deleted.');
+ } else {
+ alert('Error deleting: ' + result.error);
+ }
+ } catch (e) {
+ console.error(e);
+ }
+ },
+
playCompletionAlert() {
this.el.mainTimer.classList.add('timer-finish');
if (this.el.alertCompletion.checked) {
diff --git a/db/migrations/20260303_create_saved_timers.sql b/db/migrations/20260303_create_saved_timers.sql
new file mode 100644
index 0000000..bb8647f
--- /dev/null
+++ b/db/migrations/20260303_create_saved_timers.sql
@@ -0,0 +1,6 @@
+CREATE TABLE IF NOT EXISTS saved_timers (
+ id INT AUTO_INCREMENT PRIMARY KEY,
+ name VARCHAR(255) NOT NULL,
+ config TEXT NOT NULL,
+ created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
\ No newline at end of file
diff --git a/index.php b/index.php
index d8a2b90..20e2b15 100644
--- a/index.php
+++ b/index.php
@@ -111,6 +111,91 @@ $projectImage = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
+
+
+
@@ -120,8 +205,15 @@ $projectImage = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-
Activities Completed
-
+
+
Activities Completed
+
+
+
@@ -140,10 +232,16 @@ $projectImage = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-
Activities Chain
-
+
+
Activities
+
+
+
+
+
-
@@ -154,116 +252,14 @@ $projectImage = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-
-
-
-
Activity Name
-
-
-
00:00:00.000
-
00:00:00
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+
Activity Name
+
+
+
00:00:00.000
+
00:00:00
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Saved Sessions
+
+
+
+
+
+
+
+