gitea_work/work-calls-corpus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

removed skip

Browse Source
This commit is contained in:
Shaheed Azaad
2025-07-25 17:20:33 +02:00
parent 776f71dac0
commit 936514217a
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
scripts/mark-call.js
View File

@@ -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>
`;