-
-
-
-
-
-
-
-
+ ${act.isRest ? `
+
+
+
Rest
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `}
`).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;
+
+ const item = this.customActivities.splice(this.draggedItemIndex, 1)[0];
+ this.customActivities.splice(index, 0, item);
+
+ this.draggedItemIndex = null;
+ this.renderCustomBuilder();
+ },
+
addActivity() {
- this.customActivities.push({ name: `Activity ${this.customActivities.length + 1}`, duration: 60000 });
+ this.customActivities.push({ name: `Activity ${this.customActivities.length + 1}`, duration: 60000, isRest: false });
+ this.renderCustomBuilder();
+ },
+
+ addRestAfter(index) {
+ const restDuration = (parseInt(this.el.settingRestDuration.value) || 30) * 1000;
+ this.customActivities.splice(index + 1, 0, { name: 'Rest', duration: restDuration, isRest: true });
+ this.renderCustomBuilder();
+ },
+
+ duplicateActivity(index) {
+ const original = this.customActivities[index];
+ const clone = { ...original };
+ this.customActivities.splice(index + 1, 0, clone);
this.renderCustomBuilder();
},
@@ -636,6 +736,9 @@ const app = {
if (!this.audioCtx) {
this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
}
+ if (this.audioCtx.state === 'suspended') {
+ this.audioCtx.resume();
+ }
const osc = this.audioCtx.createOscillator();
const gain = this.audioCtx.createGain();
diff --git a/index.php b/index.php
index b75a02d..7cd13d5 100644
--- a/index.php
+++ b/index.php
@@ -29,16 +29,24 @@ $projectImage = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-
+
-