From 936514217a1506e5076626e9c94c5f642e77c586 Mon Sep 17 00:00:00 2001
From: Shaheed Azaad <shaheed.azaad@protonmail.com>
Date: Fri, 25 Jul 2025 17:20:33 +0200
Subject: [PATCH] removed skip

---
 scripts/mark-call.js | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/scripts/mark-call.js b/scripts/mark-call.js
index 442f907..e5504b8 100644
--- a/scripts/mark-call.js
+++ b/scripts/mark-call.js
@@ -75,6 +75,7 @@ import html from '../utils/html.js';
             
             // Check if waveform should be shown
             const showWaveform = import.meta.env.VITE_SHOW_WAVEFORM === 'true';
+            const allowSkip = import.meta.env.VITE_ALLOW_SKIP_BUTTONS === 'true';
             
             display_element.innerHTML = `
                 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@@ -120,15 +121,21 @@ import html from '../utils/html.js';
 
   <ul class="list-disc list-inside space-y-2">
     <li>
-      Press <span class="key-icon space">SPACE</span> to play/pause the audio and <span class="key-icon">ENTER</span> to mark the lift point.
+      Press <span class="key-icon space">SPACE</span> to play the audio and <span class="key-icon space">SPACE</span> again to pause at the lift point.
+    </li>
+    <li>
+      You may adjust the lift point by clicking and dragging the red line on the playback indicator.
+    </li>
+    <li>
+      Once you have paused at the lift point, press <span class="key-icon">ENTER</span> to confirm your selection before submitting.
     </li>
       </ul>
     <h2 class="text-base font-semibold text-black">Keyboard shortcuts:</h2>
 
       <ul class="list-inside list-disc ml-5 mt-1 space-y-1 text-gray-600">
         <li><span class="key-icon space">SPACE</span> – Play/Pause</li>
-        <li><span class="key-icon">ENTER</span> – Mark lift point</li>
-        ${showWaveform ? `
+        <li><span class="key-icon">ENTER</span> – Confirm lift point</li>
+        ${allowSkip ? `
         <li><span class="key-icon"><i class="fas fa-arrow-left"></i></span> – Skip back 0.1s</li>
         <li><span class="key-icon"><i class="fas fa-arrow-right"></i></span> – Skip forward 0.1s</li>
         ` : ''}
@@ -190,7 +197,7 @@ import html from '../utils/html.js';
                                 -->
                             </div>
                             
-                            ${showWaveform ? `
+                            ${allowSkip ? `
                             <div style="margin: 20px 0; display: flex; gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap;">
                                 <button id="skip-back-btn" style="
                                     padding: 8px 16px;
@@ -274,7 +281,7 @@ import html from '../utils/html.js';
                                         color: #999;
                                         font-size: 12px;
                                     ">
-                                        Click anywhere to seek
+                                        Click and drag the red line to adjust the lifting point.
                                         <div id="scrub-indicator" style="
                                             position: absolute;
                                             top: 0;
@@ -304,7 +311,7 @@ import html from '../utils/html.js';
                                         border: none;
                                         border-radius: 5px;
                                         cursor: pointer;
-                                    ">Mark This as Lift Point <span class="key-icon">ENTER</span></button>
+                                    ">Confirm lifting point <span class="key-icon">ENTER</span></button>
                                 </div>
                             </div>
                             
@@ -575,8 +582,8 @@ import html from '../utils/html.js';
                         // Update display to show confirmation
                         markedPointDisplay.innerHTML = `
                             <div style="text-align: center; padding: 10px; background: #d1edff; border: 1px solid #3498db; border-radius: 5px; margin: 10px 0;">
-                                <p style="margin: 5px 0; color: #2c3e50;">✓ Lift point marked at: ${formatPreciseTime(liftPointTime)}</p>
-                                <p style="margin: 5px 0; font-size: 14px; color: #2c3e50;">Preview completed. Press Submit to confirm, <span class="key-icon">ENTER</span> to play again, or mark a new point.</p>
+                                <p style="margin: 5px 0; color: #2c3e50;">✓ Lift point confirmed at: ${formatPreciseTime(liftPointTime)}</p>
+                                <p style="margin: 5px 0; font-size: 14px; color: #2c3e50;">Preview completed. Press Submit to continue, <span class="key-icon">ENTER</span> to play again, or mark a new point.</p>
                             </div>
                         `;