v1.1.2 dualside work, have bugs/need work
This commit is contained in:
@ -205,5 +205,5 @@
|
||||
|
||||
<div class="version">
|
||||
<span>v{backendVersion}</span>
|
||||
<span>v1.1.0</span>
|
||||
<span>v1.1.2</span>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
<!-- lib/pages/print/PrintProgress.svelte -->
|
||||
<script>
|
||||
let { store, onBack = () => {} } = $props();
|
||||
|
||||
@ -31,25 +30,14 @@
|
||||
|
||||
const currentStatus = $derived.by(() => {
|
||||
if (!store.job) return 'idle';
|
||||
|
||||
if (jobFiles.some((f) => norm(f.status) === 'printing')) {
|
||||
return 'printing';
|
||||
}
|
||||
|
||||
if (jobFiles.some((f) => norm(f.status) === 'queued')) {
|
||||
return 'queued';
|
||||
}
|
||||
|
||||
if (jobFiles.some((f) => norm(f.status) === 'printing')) return 'printing';
|
||||
if (jobFiles.some((f) => norm(f.status) === 'queued')) return 'queued';
|
||||
return jobPhase;
|
||||
});
|
||||
|
||||
$effect(() => {
|
||||
if (!store.jobActive) return;
|
||||
|
||||
const int = setInterval(() => {
|
||||
store.refreshJob();
|
||||
}, 1000);
|
||||
|
||||
const int = setInterval(() => store.refreshJob(), 1000);
|
||||
return () => clearInterval(int);
|
||||
});
|
||||
|
||||
@ -57,116 +45,68 @@
|
||||
jobFiles.some((f) => ['queued', 'printing'].includes(norm(f.status)))
|
||||
);
|
||||
|
||||
/**
|
||||
* Явные состояния, при которых нужны пользовательские кнопки.
|
||||
* Здесь больше не завязываемся на hasPrintedFiles / firstSideFinished.
|
||||
*/
|
||||
// --- ЛОГИКА СОСТОЯНИЙ ---
|
||||
|
||||
const showClearOutput = $derived(
|
||||
store.jobActive &&
|
||||
(jobPhase === 'awaiting_clear_output' || jobFiles.some(f => norm(f.status) === 'awaiting_clear_output'))
|
||||
);
|
||||
|
||||
const showStart = $derived(
|
||||
store.jobActive && jobPhase === 'waiting_start'
|
||||
);
|
||||
|
||||
const showClearOutput = $derived(
|
||||
store.jobActive &&
|
||||
(
|
||||
showStart ||
|
||||
jobPhase === 'awaiting_clear_output' ||
|
||||
jobFiles.some((f) => norm(f.status) === 'awaiting_clear_output')
|
||||
)
|
||||
);
|
||||
|
||||
const showFlip = $derived(
|
||||
store.jobActive &&
|
||||
(
|
||||
jobPhase === 'awaiting_flip' ||
|
||||
jobFiles.some((f) => norm(f.status) === 'awaiting_flip')
|
||||
) &&
|
||||
jobPhase !== 'finished' &&
|
||||
jobPhase !== 'cancelled'
|
||||
(jobPhase === 'awaiting_flip' || jobFiles.some((f) => norm(f.status) === 'awaiting_flip')) &&
|
||||
jobPhase !== 'finished' && jobPhase !== 'cancelled'
|
||||
);
|
||||
|
||||
const showPickup = $derived(
|
||||
store.jobActive &&
|
||||
(
|
||||
jobPhase === 'awaiting_pickup' ||
|
||||
jobFiles.some((f) => norm(f.status) === 'awaiting_pickup')
|
||||
) &&
|
||||
!showFlip &&
|
||||
jobPhase !== 'finished' &&
|
||||
jobPhase !== 'cancelled'
|
||||
(jobPhase === 'awaiting_pickup' || jobFiles.some((f) => norm(f.status) === 'awaiting_pickup')) &&
|
||||
!showFlip && !showClearOutput &&
|
||||
jobPhase !== 'finished' && jobPhase !== 'cancelled'
|
||||
);
|
||||
|
||||
const clearActionAvailable = $derived(showClearOutput);
|
||||
const flipActionAvailable = $derived(showFlip && jobPhase === 'awaiting_flip');
|
||||
const pickupActionAvailable = $derived(showPickup && jobPhase === 'awaiting_pickup');
|
||||
|
||||
const flipActionAvailable = $derived(
|
||||
showFlip && jobPhase === 'awaiting_flip'
|
||||
);
|
||||
const clearButtonLabel = $derived('Лоток пуст — продолжить');
|
||||
|
||||
const pickupActionAvailable = $derived(
|
||||
showPickup && jobPhase === 'awaiting_pickup'
|
||||
);
|
||||
|
||||
const clearButtonLabel = $derived(
|
||||
showStart ? 'Начать печать' : 'Убрал листы — продолжать'
|
||||
);
|
||||
|
||||
/**
|
||||
* Автостарт.
|
||||
*
|
||||
* Если сервер вернул задание в waiting_start, а фронт по какой-то причине
|
||||
* не стартовал его сам, стартуем здесь.
|
||||
*
|
||||
* Если тебе нужен ТОЛЬКО ручной старт, удали этот $effect целиком.
|
||||
*/
|
||||
// Автостарт
|
||||
let autoStartedJobId = '';
|
||||
|
||||
$effect(() => {
|
||||
const jobId = store.job?.job_id;
|
||||
|
||||
if (!store.jobActive) return;
|
||||
if (!jobId) return;
|
||||
if (jobPhase !== 'waiting_start') return;
|
||||
if (!store.jobActive || !jobId) return;
|
||||
if (autoStartedJobId === jobId) return;
|
||||
if (!store.autoContinue) return;
|
||||
|
||||
autoStartedJobId = jobId;
|
||||
// НЕ стартуем автоматически, если нужно убрать листы (требуется физическое действие)
|
||||
if (showClearOutput) return;
|
||||
|
||||
setTimeout(() => {
|
||||
if (
|
||||
store.job?.job_id === jobId &&
|
||||
store.jobActive &&
|
||||
norm(store.job?.phase) === 'waiting_start'
|
||||
) {
|
||||
store.advanceJob();
|
||||
}
|
||||
}, 50);
|
||||
// Автостарт для WaitingStart (начало задания)
|
||||
if (jobPhase === 'waiting_start') {
|
||||
autoStartedJobId = jobId;
|
||||
setTimeout(() => {
|
||||
if (store.job?.job_id === jobId && norm(store.job?.phase) === 'waiting_start') {
|
||||
store.advanceJob();
|
||||
}
|
||||
}, 50);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* В какой карточке файла показывать инструкцию.
|
||||
*/
|
||||
// Целевые файлы для подсказок
|
||||
const flipTarget = $derived(
|
||||
showFlip
|
||||
? (jobFiles.find((f) => norm(f.status) === 'awaiting_flip') ?? null)
|
||||
: null
|
||||
showFlip ? (jobFiles.find((f) => norm(f.status) === 'awaiting_flip') ?? null) : null
|
||||
);
|
||||
|
||||
const pickupTarget = $derived(
|
||||
showPickup
|
||||
? (jobFiles.find((f) => norm(f.status) === 'awaiting_pickup') ?? null)
|
||||
: null
|
||||
showPickup ? (jobFiles.find((f) => norm(f.status) === 'awaiting_pickup') ?? null) : null
|
||||
);
|
||||
const clearTarget = $derived(
|
||||
showClearOutput ? (jobFiles.find((f) => norm(f.status) === 'awaiting_clear_output') ?? null) : null
|
||||
);
|
||||
|
||||
const clearTarget = $derived.by(() => {
|
||||
if (!showClearOutput) return null;
|
||||
|
||||
return (
|
||||
jobFiles.find((f) => norm(f.status) === 'awaiting_clear_output') ??
|
||||
(jobPhase !== 'waiting_start'
|
||||
? jobFiles.find((f) => norm(f.status) === 'printing')
|
||||
: undefined) ??
|
||||
jobFiles.find((f) => norm(f.status) === 'queued') ??
|
||||
null
|
||||
);
|
||||
});
|
||||
|
||||
/** @returns {'clear' | 'flip' | 'pickup' | null} */
|
||||
function hintFor(f) {
|
||||
@ -176,6 +116,7 @@
|
||||
return null;
|
||||
}
|
||||
|
||||
// --- УДЕРЖАНИЕ ДЛЯ ОТМЕНЫ ---
|
||||
const HOLD_MS = 1500;
|
||||
let hold = $state(0);
|
||||
let raf = 0;
|
||||
@ -183,38 +124,19 @@
|
||||
|
||||
function startHold(e) {
|
||||
if (!store.jobActive || !canCancel) return;
|
||||
|
||||
e.preventDefault();
|
||||
e.currentTarget.setPointerCapture?.(e.pointerId);
|
||||
|
||||
t0 = performance.now();
|
||||
|
||||
const step = (now) => {
|
||||
hold = Math.min(1, (now - t0) / HOLD_MS);
|
||||
|
||||
if (hold >= 1) {
|
||||
raf = 0;
|
||||
hold = 0;
|
||||
store.cancelJob();
|
||||
return;
|
||||
}
|
||||
|
||||
if (hold >= 1) { raf = 0; hold = 0; store.cancelJob(); return; }
|
||||
raf = requestAnimationFrame(step);
|
||||
};
|
||||
|
||||
raf = requestAnimationFrame(step);
|
||||
}
|
||||
|
||||
function endHold() {
|
||||
if (raf) cancelAnimationFrame(raf);
|
||||
raf = 0;
|
||||
hold = 0;
|
||||
}
|
||||
|
||||
function finish() {
|
||||
store.resetJob();
|
||||
onBack();
|
||||
}
|
||||
function endHold() { if (raf) cancelAnimationFrame(raf); raf = 0; hold = 0; }
|
||||
function finish() { store.resetJob(); onBack(); }
|
||||
</script>
|
||||
|
||||
<div class="page-container">
|
||||
@ -236,9 +158,7 @@
|
||||
<section class="file-card" class:current={isActive}>
|
||||
<div class="file-row">
|
||||
{#if b}<span class="type-badge">{b}</span>{/if}
|
||||
|
||||
<span class="file-name" title={f.name}>{f.name}</span>
|
||||
|
||||
<span class="file-status st-{st}">
|
||||
{STATUS_LABEL[st] ?? f.status}
|
||||
</span>
|
||||
@ -246,23 +166,12 @@
|
||||
|
||||
{#if hint === 'clear'}
|
||||
<ol class="pickup-hint clear-hint">
|
||||
{#if !showStart}
|
||||
<li>Уберите распечатанные листы из выходного лотка</li>
|
||||
{/if}
|
||||
|
||||
{#if clearActionAvailable}
|
||||
<li>
|
||||
Нажмите кнопку ниже
|
||||
{showStart ? 'для начала печати' : 'для продолжения'}
|
||||
</li>
|
||||
{:else}
|
||||
<li>Дождитесь завершения первого прохода</li>
|
||||
{/if}
|
||||
<li>Уберите распечатанные листы из выходного лотка</li>
|
||||
<li>Нажмите кнопку ниже для начала печати этого файла</li>
|
||||
</ol>
|
||||
{:else if hint === 'flip'}
|
||||
<ol class="pickup-hint flip-hint">
|
||||
<li>Не переворачивая, положите листы в слот ручной подачи</li>
|
||||
|
||||
{#if flipActionAvailable}
|
||||
<li>Нажмите кнопку ниже для печати обратной стороны</li>
|
||||
{:else}
|
||||
@ -272,7 +181,6 @@
|
||||
{:else if hint === 'pickup'}
|
||||
<ol class="pickup-hint">
|
||||
<li>Дождитесь завершения печати</li>
|
||||
|
||||
{#if pickupActionAvailable}
|
||||
<li>Нажмите кнопку ниже для подтверждения</li>
|
||||
{:else}
|
||||
@ -304,10 +212,15 @@
|
||||
{/if}
|
||||
|
||||
{#if store.jobActive}
|
||||
{#if showStart}
|
||||
<button class="next-btn" onclick={() => store.advanceJob()}>
|
||||
{#if clearActionAvailable}
|
||||
<button class="next-btn next-btn-clear" onclick={() => store.advanceJob()}>
|
||||
{clearButtonLabel}
|
||||
</button>
|
||||
{:else if showStart}
|
||||
<!-- Показываем только если автостарт выключен, иначе уедет само -->
|
||||
<button class="next-btn" onclick={() => store.advanceJob()}>
|
||||
Начать печать
|
||||
</button>
|
||||
{:else if pickupActionAvailable}
|
||||
<button class="next-btn" onclick={() => store.advanceJob()}>
|
||||
Печать закончена — далее
|
||||
@ -316,10 +229,6 @@
|
||||
<button class="next-btn next-btn-flip" onclick={() => store.advanceJob()}>
|
||||
Переложил — печатать обратную сторону
|
||||
</button>
|
||||
{:else if clearActionAvailable}
|
||||
<button class="next-btn next-btn-clear" onclick={() => store.advanceJob()}>
|
||||
{clearButtonLabel}
|
||||
</button>
|
||||
{:else}
|
||||
<button class="next-btn next-btn-disabled" disabled>
|
||||
{currentStatus === 'printing' ? 'Отправка...' : 'Ожидание...'}
|
||||
@ -399,10 +308,7 @@
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
.back-btn:disabled {
|
||||
opacity: 0.3;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.back-btn:disabled { opacity: 0.3; cursor: not-allowed; }
|
||||
|
||||
.header h1 {
|
||||
margin: 0;
|
||||
@ -459,11 +365,7 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.file-status {
|
||||
flex-shrink: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.file-status { flex-shrink: 0; font-size: 14px; font-weight: 700; }
|
||||
|
||||
.type-badge {
|
||||
flex-shrink: 0;
|
||||
@ -489,9 +391,7 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.pickup-hint li {
|
||||
text-align: left;
|
||||
}
|
||||
.pickup-hint li { text-align: left; }
|
||||
|
||||
.file-error {
|
||||
margin: 0;
|
||||
@ -520,12 +420,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.auto-row input {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
accent-color: #6366f1;
|
||||
cursor: pointer;
|
||||
}
|
||||
.auto-row input { width: 18px; height: 18px; accent-color: #6366f1; cursor: pointer; }
|
||||
|
||||
.next-btn {
|
||||
width: 100%;
|
||||
@ -577,25 +472,17 @@
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.cancel-btn:disabled {
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
}
|
||||
.cancel-btn:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
|
||||
|
||||
.cancel-fill {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0; top: 0; bottom: 0;
|
||||
width: 0%;
|
||||
background: rgba(239,68,68,0.35);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cancel-label {
|
||||
position: relative;
|
||||
}
|
||||
.cancel-label { position: relative; }
|
||||
|
||||
.hold-hint {
|
||||
margin: -4px 0 0;
|
||||
|
||||
Reference in New Issue
Block a user