1404 lines
62 KiB
Dart
1404 lines
62 KiB
Dart
import 'dart:math' as math;
|
||
import 'dart:async';
|
||
import 'dart:io';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart' show HapticFeedback;
|
||
|
||
import '../app/app_controller.dart';
|
||
import '../app/bookmarks_controller.dart';
|
||
import '../app/download_manager.dart';
|
||
import '../core/charset_detector.dart';
|
||
import '../core/encode_options.dart';
|
||
import '../core/languages.dart';
|
||
import '../core/models.dart';
|
||
import '../core/output_paths.dart';
|
||
import 'ai_dialog.dart';
|
||
import 'app_actions.dart';
|
||
import 'downloads_page.dart';
|
||
import 'existing_output_dialog.dart';
|
||
import 'exit_guard.dart';
|
||
import 'package:path/path.dart' as p;
|
||
|
||
import '../app/settings.dart' show MoveTarget;
|
||
import 'folder_picker.dart';
|
||
import 'network_settings.dart' show DnsFailureLine;
|
||
import 'player_page.dart';
|
||
import 'subtitle_editor_page.dart';
|
||
import 'subtitle_search_dialog.dart';
|
||
import 'confirm.dart';
|
||
import 'encode_notice.dart';
|
||
import 'theme.dart';
|
||
import 'translate_dialog.dart';
|
||
import 'video_adjust_dialog.dart';
|
||
import 'work_panel.dart';
|
||
import '../l10n/tr.dart';
|
||
|
||
class HomePage extends StatelessWidget {
|
||
final AppController c;
|
||
|
||
/// 다운로드 (없으면 "다운로딩" 상자 숨김)
|
||
final DownloadManager? downloads;
|
||
|
||
/// 종료 버튼 (없으면 숨김)
|
||
final VoidCallback? onExit;
|
||
|
||
/// 즐겨찾기 (없으면 브라우저 버튼 숨김)
|
||
final BookmarksController? bookmarks;
|
||
|
||
const HomePage({super.key, required this.c, this.downloads, this.onExit, this.bookmarks});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return ListenableBuilder(
|
||
listenable: c,
|
||
builder: (context, _) => ExitGuard(
|
||
c: c,
|
||
downloads: downloads,
|
||
child: Scaffold(
|
||
// 끌어다 놓기는 앱 전체에서 받는다 (ui/app_drop.dart 의 AppDropArea - 어느 화면에서 놓아도 이 목록에 추가)
|
||
body: SwipeNav(
|
||
current: 'mkv',
|
||
child: Column(
|
||
children: [
|
||
_TopBar(c: c, downloads: downloads, onExit: onExit, bookmarks: bookmarks),
|
||
const Divider(height: 1),
|
||
_EncodeBar(c: c),
|
||
const Divider(height: 1),
|
||
Expanded(
|
||
// 좁은 화면 (접은 폴드 · 휴대폰 세로): 목록을 위에, 자세히 보기를 아래에
|
||
child: isCompact(context) && c.videos.isEmpty
|
||
// 8: 좁은 화면에 동영상이 없으면 빈 목록 · 안내로 나누지 않고 한 화면에 안내 + [동영상 추가]
|
||
? _EmptyHint(onAdd: c.pickVideos)
|
||
: isCompact(context)
|
||
? Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
SizedBox(
|
||
height: (MediaQuery.sizeOf(context).height * 0.32).clamp(160.0, 420.0),
|
||
child: _VideoList(c: c)),
|
||
const Divider(height: 1),
|
||
Expanded(
|
||
child: c.selected == null
|
||
? _EmptyHint(onAdd: c.pickVideos)
|
||
: _VideoDetail(c: c, v: c.selected!),
|
||
),
|
||
],
|
||
)
|
||
: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
// 13: 큰 화면 (태블릿 세로 등) 은 목록도 넓게 - 제목이 앞부분만 보여 구분이 안 되던 것
|
||
SizedBox(
|
||
width: (MediaQuery.sizeOf(context).width * 0.4).clamp(320.0, 640.0),
|
||
child: _VideoList(c: c)),
|
||
const VerticalDivider(width: 1),
|
||
Expanded(
|
||
child: c.selected == null
|
||
? _EmptyHint(onAdd: c.pickVideos)
|
||
: _VideoDetail(c: c, v: c.selected!),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const Divider(height: 1),
|
||
// 249: DNS 서버에 닿지 않는 동안 작업 기록 위에 (아래 안내를 놓쳐도 MKV 화면에서 보고 바꿀 수 있게)
|
||
Padding(padding: const EdgeInsets.symmetric(horizontal: 12), child: DnsFailureLine(c: c)),
|
||
if (c.settings.showLog)
|
||
SizedBox(
|
||
// 화면이 낮은 기기 (휴대폰 가로) 에서 목록 · 자세히 보기를 가리지 않도록 화면 높이에 맞춘다
|
||
height: (MediaQuery.sizeOf(context).height * 0.22).clamp(80.0, 140.0),
|
||
child: _LogPanel(
|
||
logs: c.logs,
|
||
onClose: () => c.updateSettings((s) => s.showLog = false),
|
||
),
|
||
)
|
||
else
|
||
_LogStrip(
|
||
last: c.logs.isEmpty ? '' : c.logs.last,
|
||
onOpen: () => c.updateSettings((s) => s.showLog = true),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ───────── 상단 바 ─────────
|
||
|
||
class _TopBar extends StatelessWidget {
|
||
final AppController c;
|
||
final DownloadManager? downloads;
|
||
final VoidCallback? onExit;
|
||
final BookmarksController? bookmarks;
|
||
const _TopBar({required this.c, this.downloads, this.onExit, this.bookmarks});
|
||
|
||
/// 고른 동영상이 없을 때: 목록 전체를 만들지 묻는다
|
||
/// 보고 있는 동영상의 결과 폴더 (jj_mkv) 를 탐색기 · 파일 앱으로. 아직 없으면 알린다.
|
||
/// 45: 대기 중인 작업이 있으면 지금 작업만 / 모두 고르게 한다 (없으면 지금 작업을 바로 멈춤 - 예전처럼)
|
||
/// 186: 한 묶음 안의 차례를 기다리는 동영상 (MKV 만들기 3개 중 v2 · v3) 도 대기로 센다 - 남은 것이 있으면
|
||
/// "지금 것만 취소 · 남은 것 모두 취소 · 그대로 두기" 를 묻는다 (예전에는 묻지 않고 모두 멈췄다)
|
||
Future<void> _cancelJobs(BuildContext context) async {
|
||
final inBatch = c.batchWaiting;
|
||
final waiting = c.pendingJobs.length + inBatch;
|
||
// 239: 창을 연 때 돌고 있던 것 - [지금 것만 취소] 는 이것만 (그사이 끝나고 다음 것이 시작해도 다음 것은 취소하지 않는다)
|
||
final targets = c.buildingMkv ? c.runningVideos : const <VideoItem>[];
|
||
if (waiting == 0) {
|
||
// 240: 여럿이 동시에 돌고 있으면 묻는다 (하나씩은 목록 줄의 ■)
|
||
if (targets.length > 1) {
|
||
final all = await showDialog<bool>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
scrollable: true,
|
||
actionsOverflowDirection: VerticalDirection.down,
|
||
title: Text(tr('작업 취소')),
|
||
content: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(trf('지금: {0}', [targets.map((v) => v.fileName).join(', ')])),
|
||
const SizedBox(height: 4),
|
||
Text(tr('하나씩 멈추려면 목록 줄의 ■ 를 누르세요.'), style: const TextStyle(fontSize: 12, color: JjColors.textDim)),
|
||
]),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(ctx), child: Text(tr('그대로 두기'))),
|
||
FilledButton(
|
||
style: FilledButton.styleFrom(backgroundColor: JjColors.danger),
|
||
onPressed: () => Navigator.pop(ctx, true),
|
||
child: Text(trf('모두 취소 ({0}개)', [targets.length])),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
if (all == true) c.cancel();
|
||
return;
|
||
}
|
||
c.cancel();
|
||
return;
|
||
}
|
||
if (inBatch > 0) {
|
||
final now = targets.map((v) => v.fileName).join(', ');
|
||
final pick = await showDialog<String>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
scrollable: true,
|
||
actionsOverflowDirection: VerticalDirection.down, // 110: [그대로 두기] 가 먼저
|
||
title: Text(tr('작업 취소')),
|
||
content: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(trf('지금: {0}', [now.isEmpty ? (c.currentJob ?? '') : now])),
|
||
const SizedBox(height: 4),
|
||
Text(trf('남은 것: MKV 만들기 {0}개{1}', [inBatch, c.pendingJobs.isEmpty ? '' : ' · ${c.pendingJobs.join(' · ')}']),
|
||
style: const TextStyle(fontSize: 12, color: JjColors.textDim)),
|
||
]),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(ctx), child: Text(tr('그대로 두기'))),
|
||
TextButton(onPressed: () => Navigator.pop(ctx, 'current'), child: Text(tr('지금 것만 취소 (다음 것부터 이어서)'))),
|
||
FilledButton(
|
||
style: FilledButton.styleFrom(backgroundColor: JjColors.danger),
|
||
onPressed: () => Navigator.pop(ctx, 'all'),
|
||
child: Text(trf('남은 것 모두 취소 ({0}개)', [waiting])),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
if (pick == 'current') {
|
||
final gone = c.cancelVideos(targets);
|
||
// 239: 창을 보는 사이 이미 끝났으면 알리고 지금 상태로 다시 묻는다
|
||
if (gone.isNotEmpty && context.mounted) {
|
||
ScaffoldMessenger.of(context)
|
||
.showSnackBar(SnackBar(content: Text(trf('{0} 는 이미 끝났습니다', [gone.map((v) => v.fileName).join(', ')]))));
|
||
if (c.busy) await _cancelJobs(context);
|
||
}
|
||
}
|
||
if (pick == 'all') c.cancel();
|
||
return;
|
||
}
|
||
final pick = await showDialog<String>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
scrollable: true,
|
||
title: Text(tr('작업 취소')),
|
||
content: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(trf('지금: {0}', [c.currentJob ?? ''])),
|
||
const SizedBox(height: 4),
|
||
Text(trf('대기 중: {0}', [c.pendingJobs.join(' · ')]), style: const TextStyle(fontSize: 12, color: JjColors.textDim)),
|
||
]),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(ctx), child: Text(tr('닫기'))),
|
||
TextButton(onPressed: () => Navigator.pop(ctx, 'current'), child: Text(trf('지금 작업만 (대기 {0}개는 계속)', [waiting]))),
|
||
FilledButton(
|
||
style: FilledButton.styleFrom(backgroundColor: JjColors.danger),
|
||
onPressed: () => Navigator.pop(ctx, 'all'),
|
||
child: Text(trf('모두 취소 (대기 {0}개 포함)', [waiting])),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
if (pick == 'current') c.cancelCurrent();
|
||
if (pick == 'all') c.cancel();
|
||
}
|
||
|
||
Future<void> _openOutput(BuildContext context) async {
|
||
final v = c.selected;
|
||
if (v == null) return;
|
||
final dir = outputDirFor(v.path);
|
||
if (!await Directory(dir).exists()) {
|
||
if (context.mounted) {
|
||
ScaffoldMessenger.maybeOf(context)
|
||
?.showSnackBar(SnackBar(content: Text(trf('아직 만든 MKV · 자막이 없습니다: {0}', [dir]))));
|
||
}
|
||
return;
|
||
}
|
||
await c.services.shell.revealFile(dir);
|
||
}
|
||
|
||
Future<void> _confirmBuildAll(BuildContext context) async {
|
||
final todo = c.videos.where((v) => v.status != JobStatus.done).length;
|
||
final ok = await showDialog<bool>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
scrollable: true,
|
||
title: Text(tr('MKV 만들기')),
|
||
content: Text(trf('선택한 동영상이 없습니다.\n목록 전체 {0}개 ' '(이미 만든 것을 빼면 {1}개) 를 MKV 로 만들까요?\n\n' '일부만 만들려면 취소하고 동영상 목록에서 체크하세요.', [c.videos.length, todo])),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(ctx, false), child: Text(tr('취소'))),
|
||
FilledButton(onPressed: () => Navigator.pop(ctx, true), child: Text(tr('전체 만들기'))),
|
||
],
|
||
),
|
||
);
|
||
// P0: 결과 MKV 가 이미 있으면 먼저 묻는다
|
||
if (ok == true && context.mounted) await buildAllAsking(context, c);
|
||
}
|
||
|
||
static String _batchHint(AppController c, String what) => c.checked.isEmpty
|
||
? trf('지금 보고 있는 동영상의 {0} (여러 개는 목록에서 체크)', [what])
|
||
: trf('체크한 동영상 {0}개의 {1}', [c.checked.length, what]);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final canBuild = c.videos.isNotEmpty && c.ffmpegVersion != null;
|
||
// 일괄 작업 대상: 체크한 동영상, 없으면 지금 보고 있는 한 개
|
||
final batch = c.batchTargets;
|
||
final canBatch = batch.isNotEmpty && c.ffmpegVersion != null;
|
||
final count = c.checked.isEmpty ? '' : ' (${c.checked.length})';
|
||
// 창 너비에 맞춰 차례로 줄인다: 제목 글 → 왼쪽 버튼을 아이콘만 → 재생 · 브라우저를 아이콘만 → CPU · MEM 숨김.
|
||
// (오른쪽의 화면 크기 · 환경 설정 · 종료 버튼은 어떤 너비에서도 밀려나지 않게)
|
||
final compact = isCompact(context);
|
||
return LayoutBuilder(builder: (context, box) {
|
||
final hasAi = c.aiAvailable;
|
||
final hasPlayer = c.services.createMediaPlayer != null;
|
||
var title = true, leftText = true, rightText = true, usage = c.usage != null, jobText = true;
|
||
// 아주 좁을 때: 다운로드 상자 숨김 (왼쪽 공통 버튼으로 열 수 있음) → MKV 만들기도 아이콘만
|
||
var dlBox = downloads != null, mkvText = true;
|
||
// 각 부분의 너비 (실제 화면에서 잰 값 - 한국어 글 기준)
|
||
// 61: 다른 언어는 버튼 글이 더 길 수 있어 (일본어 "字幕作成 & MKV 作成") 그 차이를 재어 더한다 - 안 하면 줄이기 전에 잘렸다
|
||
final style = Theme.of(context).textTheme.labelLarge ?? const TextStyle(fontSize: 14);
|
||
double textW(String s) => (TextPainter(text: TextSpan(text: s, style: style), textDirection: TextDirection.ltr, maxLines: 1)
|
||
..layout())
|
||
.width;
|
||
double more(String ko) => uiLanguage == 'ko' ? 0 : math.max(0, textW(tr(ko).replaceAll('{0}', '').replaceAll('{1}', '')) - textW(ko.replaceAll('{0}', '').replaceAll('{1}', '')));
|
||
final leftMore = more('동영상 추가') + (hasAi ? more('자막 만들기{0}') + more('자막 만들기 & MKV 만들기{0}') : 0);
|
||
final playMore = more('선택한 파일 재생{0}'), mkvMore = more('MKV 만들기{0}{1}'), outMore = more('결과 폴더');
|
||
// 좁은 화면: 이동 버튼 · 설정 · 종료는 첫 줄에 있으므로 둘째 줄 (가운데 도구) 만 잰다
|
||
double need() =>
|
||
(compact ? 0 : 8 + appBarRightPadding + AppNavButtons.width + 8) + (title ? 126 : 0) + 24 +
|
||
(leftText ? 153 + (hasAi ? 161 + 298 : 0) + leftMore : 40 + (hasAi ? 96 : 0)) + 8 +
|
||
(c.busy ? (jobText ? 350 : 60) : 0) +
|
||
(hasPlayer ? (rightText ? 201 + playMore : 48) : 0) +
|
||
(mkvText ? 166 + mkvMore + (c.busy && jobText ? 60 : 0) : 48) +
|
||
(rightText ? 166 + outMore : 48) + // 결과 폴더
|
||
(dlBox ? 162 : 0) +
|
||
(compact ? 0 : (usage ? 220 : 0) + 96 + 92) +
|
||
(c.checked.isEmpty ? 0 : 3 * 26) +
|
||
8; // 여유
|
||
final w = box.maxWidth;
|
||
if (compact) title = false;
|
||
if (need() > w) title = false;
|
||
if (need() > w) jobText = false;
|
||
if (need() > w) leftText = false;
|
||
if (need() > w) rightText = false;
|
||
if (need() > w) usage = false;
|
||
if (need() > w) dlBox = false;
|
||
if (need() > w) mkvText = false;
|
||
// 242: 다 줄여도 모자라는지는 어림 (need) 이 아니라 위 막대가 실제로 잰다 (오른쪽 묶음 [trailing] · minMiddleWidth)
|
||
|
||
// 7: 폰에는 "탐색기에서 끌어다 놓기" 가 없다
|
||
final addTip = Platform.isAndroid ? tr('동영상 추가') : tr('동영상 추가 (탐색기에서 끌어다 놓아도 됩니다)');
|
||
|
||
// 글이 있는 버튼, 또는 (좁을 때) 아이콘만 있는 버튼
|
||
// 138: [ai] 는 AI 가 들어가는 버튼 (보라 테두리 · 글자) - 청록 [MKV 만들기] 와 한눈에 구별되게
|
||
Widget action(IconData icon, String label, VoidCallback? onPressed,
|
||
{required bool text, required String tip, Color? color, bool ai = false}) {
|
||
final fg = ai ? aiColor : null;
|
||
final side = BorderSide(color: ai && onPressed != null ? aiColor.withValues(alpha: 0.7) : JjColors.border);
|
||
// 241: 아이콘만 있는 버튼은 이름을 버튼 자체에 (바깥 Tooltip 은 TalkBack 이 읽는 이름이 되지 않았다)
|
||
if (!text) {
|
||
return IconButton.outlined(
|
||
tooltip: tip,
|
||
onPressed: onPressed,
|
||
icon: Icon(icon, size: 20, color: onPressed == null ? null : color ?? fg),
|
||
style: IconButton.styleFrom(shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)), side: side));
|
||
}
|
||
return Tooltip(
|
||
message: tip,
|
||
child: OutlinedButton.icon(
|
||
style: ai ? OutlinedButton.styleFrom(foregroundColor: fg, side: side) : null,
|
||
onPressed: onPressed,
|
||
icon: Icon(icon, size: 18, color: color ?? fg),
|
||
label: Text(label)),
|
||
);
|
||
}
|
||
|
||
// AI 버튼 둘 (자막 만들기 · 자막 만들기 & MKV 만들기)
|
||
List<Widget> aiButtons(bool text) => [
|
||
action(Icons.auto_awesome, trf('자막 만들기{0}', [count]),
|
||
canBatch ? () => showAiDialog(context, c, batch.first, targets: batch) : null,
|
||
text: text, ai: true, tip: trf('자막 만들기: {0}', [_batchHint(c, tr('AI 자막을 만듭니다'))])),
|
||
const SizedBox(width: 8),
|
||
action(Icons.auto_awesome_motion, trf('자막 만들기 & MKV 만들기{0}', [count]),
|
||
canBatch ? () => showAiDialog(context, c, batch.first, targets: batch, thenBuild: true) : null,
|
||
text: text,
|
||
ai: true,
|
||
tip: trf('자막 만들기 & MKV 만들기: {0}', [_batchHint(c, tr('AI 자막을 만들고 이어서 MKV 로 만듭니다'))])),
|
||
];
|
||
|
||
// 2: 좁은 화면 (폰 세로) 에서는 버튼 글자를 숨기지 않고 옆으로 밀어 본다. 가장 많이 쓰는 [MKV 만들기] 를 맨 앞에.
|
||
if (compact) {
|
||
VoidCallback? build0() =>
|
||
!canBuild ? null : (batch.isEmpty ? () => _confirmBuildAll(context) : () => buildVideosAsking(context, c, batch));
|
||
return AppTopBar(
|
||
nav: const AppNavButtons(onMkvPage: true),
|
||
actions: AppActions(c: c, onExit: onExit, showUsage: false),
|
||
middle: SingleChildScrollView(
|
||
scrollDirection: Axis.horizontal,
|
||
child: Row(children: [
|
||
Tooltip(
|
||
message: trf('MKV 만들기{0}', [count]),
|
||
child: FilledButton.icon(
|
||
onPressed: build0(),
|
||
icon: Icon(c.busy ? Icons.playlist_add : Icons.play_arrow, size: 20),
|
||
label: Text(trf('MKV 만들기{0}{1}', [count, c.busy ? tr(' (대기열)') : ''])),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
action(Icons.add, tr('동영상 추가'), c.pickVideos, text: true, tip: addTip),
|
||
if (hasPlayer) ...[
|
||
const SizedBox(width: 8),
|
||
action(
|
||
Icons.playlist_play,
|
||
trf('선택한 파일 재생{0}', [count]),
|
||
batch.isEmpty ? null : () => playFiles(context, c, [for (final v in batch) v.path], keepOrder: true),
|
||
text: true,
|
||
tip: tr('선택한 파일 재생: 지금 보고 있는 동영상 (여러 개는 목록에서 체크)')),
|
||
],
|
||
const SizedBox(width: 8),
|
||
action(Icons.folder_special_outlined, tr('결과 폴더'), c.selected == null ? null : () => _openOutput(context),
|
||
text: true, tip: tr('결과 폴더 열기')),
|
||
// 138: AI 버튼은 [MKV 만들기] 와 떨어뜨려 맨 뒤에, 구분선 너머로
|
||
if (hasAi) ...[
|
||
const SizedBox(width: 8),
|
||
const SizedBox(height: 28, child: VerticalDivider(width: 16, color: JjColors.border)),
|
||
...aiButtons(true),
|
||
],
|
||
]),
|
||
),
|
||
// P0-4: 작업 중에는 진행 · [취소] 를 줄 끝 (늘 보이는 곳) 에 - 예전에는 옆으로 미는 줄의 맨 끝이라 두 번 밀어야 보였다
|
||
trailing: c.busy
|
||
? Row(mainAxisSize: MainAxisSize.min, children: [
|
||
const SizedBox(width: 6),
|
||
JobIndicator(c: c, compact: true, iconOnly: true),
|
||
const SizedBox(width: 4),
|
||
action(Icons.stop, tr('취소'), () => _cancelJobs(context), text: true, tip: tr('작업 취소'), color: JjColors.danger),
|
||
])
|
||
: null,
|
||
);
|
||
}
|
||
|
||
return AppTopBar(
|
||
// 242: 작업 중 (진행 표시 · 취소) 이 생기거나 없어지면 다시 잰다
|
||
key: ValueKey(('mkvTopBar', c.busy)),
|
||
// 242: 오른쪽 묶음 때문에 왼쪽 (동영상 추가 · AI) 이 아이콘 하나보다 좁아지면 두 줄
|
||
minMiddleWidth: 56,
|
||
// 모든 화면 공통: [JJ 홈] [MKV 화면] [뒤로] [다운로드 목록]
|
||
nav: const AppNavButtons(onMkvPage: true),
|
||
// 화면 크기 · 환경 설정 · 종료: 모든 화면에서 같은 자리
|
||
actions: AppActions(c: c, onExit: onExit, showUsage: usage),
|
||
middle: Row(
|
||
children: [
|
||
if (title) const Text('JJ_MKVMaker', style: TextStyle(fontSize: 17, fontWeight: FontWeight.w700)),
|
||
SizedBox(width: compact ? 0 : 24),
|
||
// 왼쪽 묶음: 그래도 모자라면 옆으로 밀어 볼 수 있게
|
||
Expanded(
|
||
child: SingleChildScrollView(
|
||
scrollDirection: Axis.horizontal,
|
||
child: Row(children: [
|
||
action(Icons.add, tr('동영상 추가'), c.pickVideos,
|
||
text: leftText, tip: addTip),
|
||
// 138: AI 버튼 (보라) 은 왼쪽, [MKV 만들기] (청록) 는 오른쪽 - 떨어져 있다
|
||
if (hasAi) ...[
|
||
const SizedBox(width: 8),
|
||
...aiButtons(leftText),
|
||
],
|
||
]),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
],
|
||
),
|
||
// 오른쪽 묶음 (줄지 않음): 작업 · 재생 · MKV 만들기 · 결과 폴더 · 다운로드
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (c.busy) ...[
|
||
JobIndicator(c: c, compact: !jobText, iconOnly: !jobText),
|
||
const SizedBox(width: 8),
|
||
action(Icons.stop, tr('취소'), () => _cancelJobs(context), text: jobText, tip: tr('작업 취소'), color: JjColors.danger),
|
||
const SizedBox(width: 8),
|
||
],
|
||
// 체크한 동영상을 목록에 보이는 순서대로 이어서 재생 (체크가 없으면 보고 있는 한 개)
|
||
if (hasPlayer) ...[
|
||
action(
|
||
Icons.playlist_play,
|
||
trf('선택한 파일 재생{0}', [count]),
|
||
batch.isEmpty
|
||
? null
|
||
: () => playFiles(context, c, [for (final v in batch) v.path], keepOrder: true),
|
||
text: rightText,
|
||
tip: c.checked.isEmpty
|
||
? tr('선택한 파일 재생: 지금 보고 있는 동영상 (여러 개는 목록에서 체크)')
|
||
: trf('선택한 파일 재생: 체크한 동영상 {0}개를 목록 순서대로 이어서', [c.checked.length])),
|
||
const SizedBox(width: 8),
|
||
],
|
||
// 체크한 동영상이 있으면 그것만, 없으면 "전체 만들기 / 취소" 를 묻는다
|
||
Tooltip(
|
||
// 241: 아이콘만일 때는 버튼 자체의 tooltip (이름) 을 쓰고 바깥은 비운다 (두 번 뜨지 않게)
|
||
message: mkvText ? trf('MKV 만들기{0}', [count]) : '',
|
||
child: mkvText
|
||
? FilledButton.icon(
|
||
onPressed: !canBuild ? null : (batch.isEmpty ? () => _confirmBuildAll(context) : () => buildVideosAsking(context, c, batch)),
|
||
icon: Icon(c.busy ? Icons.playlist_add : Icons.play_arrow, size: 20),
|
||
label: Text(trf('MKV 만들기{0}{1}', [count, c.busy && jobText ? tr(' (대기열)') : ''])),
|
||
)
|
||
: IconButton.filled(
|
||
tooltip: trf('MKV 만들기{0}', [count]), // 241: TalkBack 이 읽는 이름
|
||
onPressed: !canBuild ? null : (batch.isEmpty ? () => _confirmBuildAll(context) : () => buildVideosAsking(context, c, batch)),
|
||
icon: Icon(c.busy ? Icons.playlist_add : Icons.play_arrow, size: 20),
|
||
),
|
||
),
|
||
// 만든 MKV 가 있는 폴더 (jj_mkv). 웹 브라우저 버튼은 왼쪽 공통 버튼으로 옮김
|
||
const SizedBox(width: 8),
|
||
action(Icons.folder_special_outlined, tr('결과 폴더'), c.selected == null ? null : () => _openOutput(context),
|
||
text: rightText,
|
||
tip: c.selected == null
|
||
? tr('결과 폴더 열기 (동영상을 고르세요)')
|
||
: trf('결과 폴더 열기: {0}', [outputDirFor(c.selected!.path)])),
|
||
if (dlBox) ...[
|
||
const SizedBox(width: 12),
|
||
_DownloadBox(d: downloads!),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
});
|
||
}
|
||
}
|
||
|
||
/// 상단 "다운로딩" 상자: 누르면 다운로드 목록
|
||
class _DownloadBox extends StatelessWidget {
|
||
final DownloadManager d;
|
||
const _DownloadBox({required this.d});
|
||
|
||
@override
|
||
Widget build(BuildContext context) => ListenableBuilder(
|
||
listenable: d,
|
||
builder: (context, _) {
|
||
final n = d.downloadingCount;
|
||
final p = d.overallProgress;
|
||
return InkWell(
|
||
borderRadius: BorderRadius.circular(6),
|
||
onTap: () => DownloadsPage.open(Navigator.of(context), d),
|
||
child: Container(
|
||
width: 150,
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
border: Border.all(color: n > 0 ? JjColors.accent : JjColors.border),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(children: [
|
||
Icon(Icons.downloading, size: 16,
|
||
color: n > 0 ? JjColors.accent : JjColors.textDim),
|
||
const SizedBox(width: 6),
|
||
Text(
|
||
n > 0
|
||
? trf('다운로딩 {0}{1}', [n, p == null ? '' : ' · ${(p * 100).toStringAsFixed(0)}%'])
|
||
: trf('다운로드 {0}', [d.tasks.length]),
|
||
style: const TextStyle(fontSize: 12)),
|
||
]),
|
||
if (n > 0) ...[
|
||
const SizedBox(height: 4),
|
||
ClipRRect(
|
||
borderRadius: BorderRadius.circular(2),
|
||
child: LinearProgressIndicator(
|
||
value: p, minHeight: 4, backgroundColor: JjColors.panelHigh),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
// ───────── 화면 크기 · 코덱 · 화질 ─────────
|
||
|
||
class _EncodeBar extends StatelessWidget {
|
||
final AppController c;
|
||
const _EncodeBar({required this.c});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final s = c.encode;
|
||
// 32: MKV 를 만드는 동안만 (AI 자막 · 번역 중에는 다음 MKV 설정을 바꿀 수 있다)
|
||
final locked = c.buildingMkv;
|
||
final up = c.upscaleCount;
|
||
|
||
Widget label(String t) => Padding(
|
||
padding: const EdgeInsets.only(right: 6),
|
||
child: Text(t, style: const TextStyle(fontSize: 12, color: JjColors.textDim)),
|
||
);
|
||
Widget drop<T>(T value, List<T> items, String Function(T) text,
|
||
ValueChanged<T> onChanged, {bool Function(T)? enabled}) =>
|
||
DropdownButton<T>(
|
||
value: value,
|
||
isDense: true,
|
||
underline: const SizedBox(),
|
||
style: const TextStyle(fontSize: 13, color: JjColors.text),
|
||
items: [
|
||
for (final i in items)
|
||
DropdownMenuItem(
|
||
value: i,
|
||
enabled: enabled?.call(i) ?? true,
|
||
child: Text(
|
||
text(i) + ((enabled?.call(i) ?? true) ? '' : tr(' (사용 불가)')),
|
||
style: TextStyle(
|
||
color: (enabled?.call(i) ?? true) ? null : JjColors.textDim),
|
||
),
|
||
),
|
||
],
|
||
onChanged: locked ? null : (v) => onChanged(v as T),
|
||
);
|
||
|
||
final compact = isCompact(context);
|
||
final row = Row(children: [
|
||
label(tr('화면 크기')),
|
||
drop(s.resolution, ResolutionChoice.values, (r) => r.label, (r) {
|
||
c.setResolution(r);
|
||
showEncodeNotice(context, c);
|
||
}),
|
||
const SizedBox(width: 20),
|
||
label(tr('코덱')),
|
||
drop(s.codec, VideoCodecChoice.values, (v) => v.label, c.setCodec,
|
||
enabled: c.isCodecAvailable),
|
||
const SizedBox(width: 20),
|
||
if (s.reencode) ...[
|
||
label(tr('화질')),
|
||
drop(s.quality, QualityChoice.values, (q) => q.label, c.setQuality),
|
||
const SizedBox(width: 20),
|
||
],
|
||
// 화면 비율 (가로 · 세로) · 회전 · 색 보정: 미리보기를 보며 고르는 창
|
||
Tooltip(
|
||
message: s.adjusts ? '${tr('화면 · 색 보정')}: ${s.adjustSummary}' : tr('화면 비율 (가로 · 세로) · 회전 · 밝기 · 대비 · 채도 · 색온도'),
|
||
child: (s.adjusts ? FilledButton.tonalIcon : OutlinedButton.icon)(
|
||
onPressed: locked ? null : () => showVideoAdjust(context, c),
|
||
icon: const Icon(Icons.tune, size: 18),
|
||
label: Text(tr('화면 · 색 보정')),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
// 31: "⚠ 원본보다 커서" 경고는 화면 너비와 상관없이 늘 보이게 맨 앞에 (넓은 화면에서 한 줄이 넘치면 설명 · 보정 요약 쪽이 잘린다)
|
||
child: Text(
|
||
'${s.reencode && up > 0 ? '${trf('⚠ {0}개는 원본보다 커서 화질 향상 없이 용량만 늘어납니다', [up])} · ' : ''}'
|
||
'${s.adjusts ? s.adjustSummary : !s.reencode ? tr('영상·음성을 그대로 복사합니다 (빠름, 화질 손실 없음)') : tr('영상을 다시 인코딩합니다 (시간이 오래 걸림, 음성은 그대로)')}',
|
||
overflow: compact ? null : TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
fontSize: 12, color: up > 0 && s.reencode ? JjColors.danger : JjColors.textDim),
|
||
),
|
||
),
|
||
]);
|
||
// 241 시험에서 찾음: 폭 720 ~ 840 (노트 10+ 가로 등) 에서 한 줄이 넘쳤다 - 960 보다 좁으면 폰처럼 줄을 바꿔 보인다 (내 판단)
|
||
if (compact || MediaQuery.sizeOf(context).width < 960) {
|
||
return Container(
|
||
width: double.infinity,
|
||
color: JjColors.panel,
|
||
padding: const EdgeInsets.fromLTRB(8, 4, 8, 6),
|
||
child: Wrap(
|
||
crossAxisAlignment: WrapCrossAlignment.center,
|
||
runSpacing: 6,
|
||
// 31: 설명 · "⚠ 원본보다 커서 용량만 늘어납니다" 경고는 빼지 않고 한 줄을 다 써서 보여 준다
|
||
children: [
|
||
for (final w in row.children)
|
||
w is Expanded ? SizedBox(width: double.infinity, child: w.child) : w,
|
||
],
|
||
),
|
||
);
|
||
}
|
||
return Container(
|
||
height: 44,
|
||
color: JjColors.panel,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: row,
|
||
);
|
||
}
|
||
}
|
||
|
||
// ───────── 왼쪽: 동영상 목록 ─────────
|
||
|
||
class _VideoList extends StatelessWidget {
|
||
final AppController c;
|
||
const _VideoList({required this.c});
|
||
|
||
/// 정렬 아이콘: 지금 적용된 정렬은 강조색 + 방향 화살표
|
||
Widget _sortButton(String by, IconData icon, String name) {
|
||
final on = c.sortedBy == by;
|
||
return IconButton(
|
||
tooltip: trf('{0} 순으로 정렬' '{1}', [name, on ? (c.sortAscending ? tr(' (지금: 오름차순 · 다시 누르면 내림차순)') : tr(' (지금: 내림차순 · 다시 누르면 오름차순)')) : '']),
|
||
iconSize: 18,
|
||
visualDensity: VisualDensity.compact,
|
||
onPressed: c.videos.length < 2 ? null : () => c.sortVideos(by),
|
||
icon: Row(mainAxisSize: MainAxisSize.min, children: [
|
||
Icon(icon, color: on ? JjColors.accent : JjColors.textDim),
|
||
if (on)
|
||
Icon(c.sortAscending ? Icons.arrow_upward : Icons.arrow_downward, size: 12, color: JjColors.accent),
|
||
]),
|
||
);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
color: JjColors.panel,
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
// 전체 선택 · 선택 개수 · 선택 제거 · 모두 지우기
|
||
Padding(
|
||
padding: const EdgeInsets.fromLTRB(8, 6, 4, 2),
|
||
child: Row(children: [
|
||
Checkbox(
|
||
visualDensity: VisualDensity.compact,
|
||
tristate: true,
|
||
value: c.videos.isEmpty || c.checked.isEmpty
|
||
? false
|
||
: (c.checked.length == c.videos.length ? true : null),
|
||
onChanged: c.videos.isEmpty ? null : (_) => c.toggleAllChecked(),
|
||
),
|
||
Expanded(
|
||
child: InkWell(
|
||
onTap: c.videos.isEmpty ? null : c.toggleAllChecked,
|
||
// 좁으면 글자를 줄여서 한 줄에 다 보이게
|
||
child: FittedBox(
|
||
fit: BoxFit.scaleDown,
|
||
alignment: Alignment.centerLeft,
|
||
child: Text(
|
||
c.checked.isEmpty
|
||
? trf('동영상 {0}개 · 전체 선택', [c.videos.length])
|
||
: trf('선택 {0} / {1}개', [c.checked.length, c.videos.length]),
|
||
maxLines: 1,
|
||
style: const TextStyle(color: JjColors.textDim, fontSize: 12)),
|
||
),
|
||
),
|
||
),
|
||
// 정렬: 같은 것을 다시 누르면 반대 순서
|
||
_sortButton('name', Icons.sort_by_alpha, tr('파일 이름')),
|
||
_sortButton('date', Icons.calendar_month, tr('날짜')),
|
||
if (c.checked.isNotEmpty)
|
||
IconButton(
|
||
tooltip: tr('선택한 동영상을 목록에서 제거'),
|
||
iconSize: 18,
|
||
visualDensity: VisualDensity.compact,
|
||
icon: const Icon(Icons.playlist_remove, color: JjColors.textDim),
|
||
onPressed: c.removeChecked,
|
||
),
|
||
IconButton(
|
||
tooltip: tr('모두 지우기'),
|
||
iconSize: 18,
|
||
visualDensity: VisualDensity.compact,
|
||
icon: const Icon(Icons.clear_all, color: JjColors.textDim),
|
||
// 46: 확인 뒤 (목록에서만 빼고 파일은 그대로)
|
||
onPressed: c.busy || c.videos.isEmpty
|
||
? null
|
||
: () async {
|
||
final ok = await confirmAction(
|
||
context,
|
||
title: tr('목록을 모두 비울까요?'),
|
||
body: trf('동영상 {0}개를 MKV 목록에서 뺍니다. 파일은 지우지 않습니다.', [c.videos.length]),
|
||
ok: tr('모두 지우기'),
|
||
);
|
||
if (ok) c.clearVideos();
|
||
},
|
||
),
|
||
]),
|
||
),
|
||
Expanded(
|
||
child: ListView.builder(
|
||
itemCount: c.videos.length,
|
||
itemBuilder: (_, i) => _VideoTile(c: c, v: c.videos[i]),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _VideoTile extends StatelessWidget {
|
||
final AppController c;
|
||
final VideoItem v;
|
||
const _VideoTile({required this.c, required this.v});
|
||
|
||
Future<void> _menu(BuildContext context, Offset global) async {
|
||
c.select(v);
|
||
final busy = v.status == JobStatus.running;
|
||
PopupMenuItem<String> item(String id, IconData icon, String label, {bool enabled = true}) => PopupMenuItem(
|
||
value: id,
|
||
enabled: enabled,
|
||
height: 36,
|
||
child: Row(children: [
|
||
Icon(icon, size: 18, color: enabled ? JjColors.text : JjColors.textDim),
|
||
const SizedBox(width: 10),
|
||
Text(label, style: const TextStyle(fontSize: 13)),
|
||
]),
|
||
);
|
||
// 화면 크기 배율이 걸려 있어도 누른 자리에 뜨도록 메뉴가 그려질 곳 기준으로 바꾼다
|
||
final overlay = Overlay.of(context).context.findRenderObject()! as RenderBox;
|
||
final at = overlay.globalToLocal(global);
|
||
final pick = await showMenu<String>(
|
||
context: context,
|
||
position: RelativeRect.fromLTRB(at.dx, at.dy, overlay.size.width - at.dx, overlay.size.height - at.dy),
|
||
items: [
|
||
item('folder', Icons.folder_open, tr('대상 폴더 열기')),
|
||
if (c.services.createMediaPlayer != null) item('play', Icons.play_arrow, tr('재생')),
|
||
const PopupMenuDivider(),
|
||
if (c.aiAvailable)
|
||
item('ai', Icons.auto_awesome, tr('AI 자막 만들기'), enabled: !busy && c.ffmpegVersion != null),
|
||
if (c.subtitleProvider != null)
|
||
item('search', Icons.travel_explore, tr('인터넷 자막 찾기'), enabled: !busy),
|
||
item('subtitle', Icons.subtitles_outlined, tr('자막 파일 추가'), enabled: !busy),
|
||
const PopupMenuDivider(),
|
||
item('remove', Icons.close, tr('목록에서 빼기 (파일은 그대로)'), enabled: !busy),
|
||
],
|
||
);
|
||
if (pick == null || !context.mounted) return;
|
||
switch (pick) {
|
||
case 'folder':
|
||
await c.services.shell.revealFile(v.path);
|
||
case 'play':
|
||
await playFiles(context, c, [v.path]);
|
||
case 'ai':
|
||
await showAiDialog(context, c, v, targets: [v]);
|
||
case 'search':
|
||
await showSubtitleSearch(context, c, v);
|
||
case 'subtitle':
|
||
await c.pickSubtitlesFor(v);
|
||
case 'remove':
|
||
c.removeVideo(v);
|
||
}
|
||
}
|
||
|
||
// 연달아 누른 횟수 (두 번이면 재생, 세 번 이상이면 이동). 마지막으로 누르고 잠시 뒤에 정한다.
|
||
static VideoItem? _tapItem;
|
||
static int _taps = 0;
|
||
static Timer? _tapTimer;
|
||
|
||
void _tapped(BuildContext context) {
|
||
c.select(v);
|
||
_taps = _tapItem == v ? _taps + 1 : 1;
|
||
_tapItem = v;
|
||
_tapTimer?.cancel();
|
||
_tapTimer = Timer(const Duration(milliseconds: 350), () {
|
||
final n = _taps;
|
||
_taps = 0;
|
||
_tapItem = null;
|
||
if (!context.mounted) return;
|
||
if (n == 2) {
|
||
playFiles(context, c, [v.path]);
|
||
} else if (n >= 3 && c.settings.tripleTapAction == 'move') {
|
||
// 47: 잘못 세 번 눌러도 파일이 옮겨지지 않게 묻는다
|
||
moveToTarget(context, c, [v], confirm: true);
|
||
}
|
||
});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isSel = c.selected == v;
|
||
final subs = v.subtitles.where((s) => s.enabled).length;
|
||
// 51: 터치 화면에서는 길게 누르면 오른쪽 클릭과 같은 메뉴 (누른 자리에)
|
||
return GestureDetector(
|
||
onLongPressStart: (d) {
|
||
HapticFeedback.selectionClick();
|
||
_menu(context, d.globalPosition);
|
||
},
|
||
child: InkWell(
|
||
// 한 번: 보기 · 두 번: 재생 · 세 번 이상: 이동 폴더로 옮기기
|
||
onTap: () => _tapped(context),
|
||
// 오른쪽 클릭: 이 동영상으로 할 수 있는 일
|
||
onSecondaryTapDown: (d) => _menu(context, d.globalPosition),
|
||
child: Container(
|
||
margin: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||
padding: const EdgeInsets.fromLTRB(2, 10, 4, 10),
|
||
decoration: BoxDecoration(
|
||
color: isSel ? JjColors.panelHigh : Colors.transparent,
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(
|
||
color: isSel ? JjColors.accent.withValues(alpha: 0.6) : Colors.transparent),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
// 체크: 여러 개를 골라 일괄 작업 (줄을 누르면 지금처럼 한 개 보기)
|
||
Checkbox(
|
||
visualDensity: VisualDensity.compact,
|
||
value: c.checked.contains(v),
|
||
onChanged: (_) => c.toggleChecked(v),
|
||
),
|
||
_StatusIcon(v.status),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(v.fileName,
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: const TextStyle(fontSize: 13)),
|
||
const SizedBox(height: 4),
|
||
if (v.status == JobStatus.running) ...[
|
||
LinearProgressIndicator(value: v.progress, minHeight: 3),
|
||
if (v.phase != null)
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 3),
|
||
child: Text(v.phase!,
|
||
style: const TextStyle(fontSize: 11, color: JjColors.accent)),
|
||
),
|
||
] else if (v.phase != null)
|
||
Text(v.phase!, style: const TextStyle(fontSize: 11, color: JjColors.textDim))
|
||
else
|
||
Text(
|
||
v.status == JobStatus.failed
|
||
? tr('실패')
|
||
: v.status == JobStatus.cancelled
|
||
? tr('취소됨')
|
||
: trf('자막 {0}개', [subs]),
|
||
style: TextStyle(
|
||
fontSize: 11,
|
||
color: v.status == JobStatus.failed
|
||
? JjColors.danger
|
||
: JjColors.textDim),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (v.status == JobStatus.done || v.status == JobStatus.failed || v.status == JobStatus.cancelled)
|
||
IconButton(
|
||
tooltip: tr('다시 만들기 대기로'),
|
||
iconSize: 16,
|
||
onPressed: () => c.resetStatus(v),
|
||
icon: const Icon(Icons.refresh, color: JjColors.textDim),
|
||
),
|
||
// 240: 만드는 중인 동영상 하나만 취소 (다른 것 · 남은 것은 그대로)
|
||
if (v.status == JobStatus.running && c.buildingMkv)
|
||
IconButton(
|
||
tooltip: tr('이 동영상만 취소'),
|
||
iconSize: 16,
|
||
onPressed: () => c.cancelVideos([v]),
|
||
icon: const Icon(Icons.stop, color: JjColors.danger),
|
||
),
|
||
IconButton(
|
||
tooltip: tr('목록에서 제거'),
|
||
iconSize: 16,
|
||
onPressed: v.status == JobStatus.running ? null : () => c.removeVideo(v),
|
||
icon: const Icon(Icons.close, color: JjColors.textDim),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
));
|
||
}
|
||
}
|
||
|
||
class _StatusIcon extends StatelessWidget {
|
||
final JobStatus s;
|
||
const _StatusIcon(this.s);
|
||
|
||
@override
|
||
Widget build(BuildContext context) => switch (s) {
|
||
JobStatus.ready =>
|
||
const Icon(Icons.movie_outlined, size: 20, color: JjColors.textDim),
|
||
JobStatus.running =>
|
||
const Icon(Icons.autorenew, size: 20, color: JjColors.accent),
|
||
JobStatus.done =>
|
||
const Icon(Icons.check_circle, size: 20, color: JjColors.success),
|
||
JobStatus.failed =>
|
||
const Icon(Icons.error, size: 20, color: JjColors.danger),
|
||
// 187: 취소는 실패가 아니라 회색
|
||
JobStatus.cancelled =>
|
||
const Icon(Icons.cancel_outlined, size: 20, color: JjColors.textDim),
|
||
};
|
||
}
|
||
|
||
// ───────── 오른쪽: 선택한 동영상 ─────────
|
||
|
||
class _EmptyHint extends StatelessWidget {
|
||
final VoidCallback? onAdd;
|
||
const _EmptyHint({this.onAdd});
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(24),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(Icons.video_library_outlined, size: 56, color: JjColors.textDim),
|
||
const SizedBox(height: 12),
|
||
Text(tr('"동영상 추가" 로 파일을 선택하세요'), textAlign: TextAlign.center, style: const TextStyle(color: JjColors.textDim)),
|
||
const SizedBox(height: 4),
|
||
Text(tr('같은 폴더의 자막은 자동으로 추가됩니다'),
|
||
textAlign: TextAlign.center, style: const TextStyle(color: JjColors.textDim, fontSize: 12)),
|
||
if (onAdd != null) ...[
|
||
const SizedBox(height: 16),
|
||
FilledButton.icon(onPressed: onAdd, icon: const Icon(Icons.add), label: Text(tr('동영상 추가'))),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
class _VideoDetail extends StatelessWidget {
|
||
final AppController c;
|
||
final VideoItem v;
|
||
const _VideoDetail({required this.c, required this.v});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final info = v.info;
|
||
final video = info?.ofType('video').firstOrNull;
|
||
final audioCount = info?.ofType('audio').length ?? 0;
|
||
// 이 동영상을 처리하는 중일 때만 잠금 (다른 작업 중이면 대기열에 넣는다)
|
||
final locked = v.status == JobStatus.running;
|
||
|
||
// 오른쪽 아래 이동 버튼들 (환경 설정 > MKV 만들기 > 이동 버튼): 표시 이름으로, 위로 하나씩.
|
||
// 체크한 동영상이 있으면 그것들, 없으면 지금 보고 있는 이 동영상을 그 버튼의 폴더로 옮긴다.
|
||
final moving = c.checked.isEmpty ? [v] : c.batchTargets;
|
||
final canMove = moving.any((x) => x.status != JobStatus.running);
|
||
final count = c.checked.isEmpty ? '' : ' (${c.checked.length})';
|
||
final buttons = c.settings.moveTargets;
|
||
Widget button(MoveTarget? t) => Tooltip(
|
||
message: t == null
|
||
? tr('이동: 옮길 폴더를 골라 이동 버튼을 만듭니다 (환경 설정 > MKV 만들기 > 이동 버튼에서 여러 개 만들 수 있음)')
|
||
: c.checked.isEmpty
|
||
? trf('{0}: 이 동영상을 {1} 로 옮깁니다', [t.name, t.dir])
|
||
: trf('{0}: 체크한 동영상 {1}개를 {2} 로 옮깁니다', [t.name, c.checked.length, t.dir]),
|
||
child: FloatingActionButton.extended(
|
||
heroTag: null,
|
||
onPressed: canMove ? () => moveToTarget(context, c, moving, target: t) : null,
|
||
icon: const Icon(Icons.drive_file_move_outline),
|
||
label: Text('${t?.name ?? tr('이동')}$count'),
|
||
),
|
||
);
|
||
return Stack(children: [
|
||
_list(context, info, video, audioCount, locked),
|
||
Positioned(
|
||
right: 16,
|
||
bottom: 16,
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: [
|
||
if (buttons.isEmpty) button(null),
|
||
// 첫 번째 버튼이 맨 아래 (예전 [이동] 자리), 다음 버튼은 그 위로
|
||
for (var i = buttons.length - 1; i >= 0; i--) ...[
|
||
button(buttons[i]),
|
||
if (i > 0) const SizedBox(height: 10),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
]);
|
||
}
|
||
|
||
Widget _list(BuildContext context, MediaInfo? info, StreamInfo? video, int audioCount, bool locked) {
|
||
final side = isCompact(context) ? 12.0 : 20.0;
|
||
return ListView(
|
||
padding: EdgeInsets.fromLTRB(side, side, side, 88),
|
||
children: [
|
||
Row(children: [
|
||
Expanded(
|
||
child: Text(v.fileName,
|
||
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
|
||
),
|
||
if (c.services.createMediaPlayer != null) ...[
|
||
const SizedBox(width: 8),
|
||
FilledButton.icon(
|
||
onPressed: () => playFiles(context, c, [v.path]),
|
||
icon: const Icon(Icons.play_arrow, size: 18),
|
||
label: Text(tr('재생')),
|
||
),
|
||
],
|
||
const SizedBox(width: 8),
|
||
OutlinedButton.icon(
|
||
onPressed: () => c.services.shell.revealFile(v.path),
|
||
icon: const Icon(Icons.folder_open, size: 18),
|
||
label: Text(tr('폴더 열기')),
|
||
),
|
||
]),
|
||
const SizedBox(height: 4),
|
||
SelectableText(v.path,
|
||
style: const TextStyle(color: JjColors.textDim, fontSize: 12)),
|
||
const SizedBox(height: 12),
|
||
Wrap(spacing: 8, runSpacing: 8, children: [
|
||
if (info?.duration != null) _Chip(trf('길이 {0}', [_fmt(info!.duration!)])),
|
||
if (video != null) ...[
|
||
if (video.width != null) _Chip('${video.width}×${video.height}'),
|
||
_Chip(trf('영상 {0}', [video.codec])),
|
||
],
|
||
_Chip(trf('음성 {0}개', [audioCount])),
|
||
]),
|
||
// 198: 마지막 AI 자막의 원어를 자동 감지했으면 - 알림을 놓쳐도 여기서 다른 언어로 다시 만들 수 있게
|
||
if (v.aiDetected != null) ...[
|
||
const SizedBox(height: 8),
|
||
Wrap(crossAxisAlignment: WrapCrossAlignment.center, spacing: 8, children: [
|
||
Text(trf('감지한 언어: {0} (자동 감지)', [languageOf(v.aiDetected).name]),
|
||
style: const TextStyle(fontSize: 12, color: JjColors.textDim)),
|
||
TextButton(
|
||
onPressed: c.busy
|
||
? null
|
||
: () async {
|
||
final lang = await pickSourceLanguage(context, languageOf(v.aiDetected));
|
||
if (lang != null) await c.generateAiSubtitles([v], c.aiOptions.copyWith(source: lang));
|
||
},
|
||
child: Text(tr('다른 언어로 다시')),
|
||
),
|
||
]),
|
||
],
|
||
if (v.message != null) ...[
|
||
const SizedBox(height: 12),
|
||
Container(
|
||
padding: const EdgeInsets.all(10),
|
||
decoration: BoxDecoration(
|
||
color: JjColors.danger.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: SelectableText(v.message!,
|
||
style: const TextStyle(color: JjColors.danger, fontSize: 12)),
|
||
),
|
||
],
|
||
const SizedBox(height: 24),
|
||
// 좁으면 버튼이 다음 줄로 (오른쪽 정렬)
|
||
Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 8),
|
||
child: Text(tr('자막'), style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600)),
|
||
),
|
||
const SizedBox(width: 16),
|
||
Expanded(
|
||
child: Wrap(alignment: WrapAlignment.end, spacing: 8, runSpacing: 8, children: [
|
||
if (c.aiAvailable)
|
||
FilledButton.icon(
|
||
onPressed: locked || c.ffmpegVersion == null ? null : () => showAiDialog(context, c, v),
|
||
icon: const Icon(Icons.auto_awesome, size: 18),
|
||
label: Text(tr('AI 자막 만들기')),
|
||
),
|
||
if (c.subtitleProvider != null)
|
||
OutlinedButton.icon(
|
||
onPressed: locked ? null : () => showSubtitleSearch(context, c, v),
|
||
icon: const Icon(Icons.travel_explore, size: 18),
|
||
label: Text(tr('인터넷 자막 찾기')),
|
||
),
|
||
OutlinedButton.icon(
|
||
onPressed: locked ? null : () => c.pickSubtitlesFor(v),
|
||
icon: const Icon(Icons.subtitles_outlined, size: 18),
|
||
label: Text(tr('자막 파일 추가')),
|
||
),
|
||
]),
|
||
),
|
||
]),
|
||
const SizedBox(height: 8),
|
||
if (v.subtitles.isEmpty)
|
||
Padding(
|
||
padding: EdgeInsets.symmetric(vertical: 16),
|
||
child: Text(tr('자막이 없습니다.'), style: TextStyle(color: JjColors.textDim)),
|
||
),
|
||
for (final s in v.subtitles)
|
||
_SubtitleRow(c: c, v: v, s: s, locked: locked),
|
||
const SizedBox(height: 24),
|
||
Text(trf('출력: {0}', [outputMkvPath(v.path)]),
|
||
style: const TextStyle(color: JjColors.textDim, fontSize: 12)),
|
||
],
|
||
);
|
||
}
|
||
|
||
static String _fmt(Duration d) {
|
||
String two(int n) => n.toString().padLeft(2, '0');
|
||
return '${d.inHours}:${two(d.inMinutes % 60)}:${two(d.inSeconds % 60)}';
|
||
}
|
||
}
|
||
|
||
class _Chip extends StatelessWidget {
|
||
final String text;
|
||
const _Chip(this.text);
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||
decoration: BoxDecoration(
|
||
color: JjColors.panelHigh,
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Text(text, style: const TextStyle(fontSize: 12)),
|
||
);
|
||
}
|
||
|
||
class _SubtitleRow extends StatelessWidget {
|
||
final AppController c;
|
||
final VideoItem v;
|
||
final SubtitleEntry s;
|
||
final bool locked;
|
||
const _SubtitleRow(
|
||
{required this.c, required this.v, required this.s, required this.locked});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final embedded = s.kind == SubtitleKind.embedded;
|
||
final off = !s.enabled;
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: 6),
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: JjColors.panel,
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: JjColors.border),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||
decoration: BoxDecoration(
|
||
color: (embedded ? JjColors.textDim : JjColors.accent)
|
||
.withValues(alpha: 0.18),
|
||
borderRadius: BorderRadius.circular(4),
|
||
),
|
||
child: Text(embedded ? tr('내장') : tr('외부'),
|
||
style: TextStyle(
|
||
fontSize: 11,
|
||
color: embedded ? JjColors.textDim : JjColors.accent)),
|
||
),
|
||
const SizedBox(width: 10),
|
||
Expanded(
|
||
child: Text(
|
||
s.displayName,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: off ? JjColors.textDim : JjColors.text,
|
||
decoration: off ? TextDecoration.lineThrough : null,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
_LanguageDropdown(
|
||
value: s.language,
|
||
onChanged: locked || off ? null : (l) => c.setLanguage(s, l),
|
||
),
|
||
if (!embedded) ...[
|
||
const SizedBox(width: 8),
|
||
_CharsetDropdown(
|
||
value: s.charset ?? 'UTF-8',
|
||
onChanged: locked ? null : (cs) => c.setCharset(s, cs),
|
||
),
|
||
],
|
||
const SizedBox(width: 4),
|
||
IconButton(
|
||
tooltip: c.canEdit(s) ? tr('내용 편집 · 문자셋 변환') : tr('이미지 자막은 편집할 수 없습니다'),
|
||
iconSize: 18,
|
||
onPressed: locked || off || !c.canEdit(s)
|
||
? null
|
||
: () => openSubtitleEditor(context, c, v, s),
|
||
icon: const Icon(Icons.edit_note, color: JjColors.accent),
|
||
),
|
||
if (c.services.createTranslator != null)
|
||
IconButton(
|
||
tooltip: c.canEdit(s) ? trf('다른 언어로 번역 (AI · 이 {0}에서)', [Platform.isAndroid ? tr('기기') : 'PC']) : tr('이미지 자막은 번역할 수 없습니다'),
|
||
iconSize: 18,
|
||
onPressed: locked || off || !c.canEdit(s) ? null : () => showTranslateDialog(context, c, v, s),
|
||
icon: const Icon(Icons.translate, color: JjColors.accent),
|
||
),
|
||
IconButton(
|
||
tooltip: embedded ? (off ? tr('되살리기') : tr('삭제 (출력에서 제외)')) : tr('목록에서 제거'),
|
||
iconSize: 18,
|
||
onPressed: locked ? null : () => c.removeSubtitle(v, s),
|
||
icon: Icon(
|
||
embedded && off ? Icons.undo : Icons.delete_outline,
|
||
color: JjColors.textDim,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _LanguageDropdown extends StatelessWidget {
|
||
final Language value;
|
||
final ValueChanged<Language>? onChanged;
|
||
const _LanguageDropdown({required this.value, required this.onChanged});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final items = [undetermined, ...languages];
|
||
return DropdownButton<Language>(
|
||
value: items.contains(value) ? value : undetermined,
|
||
isDense: true,
|
||
underline: const SizedBox(),
|
||
style: const TextStyle(fontSize: 12, color: JjColors.text),
|
||
items: [
|
||
for (final l in items)
|
||
DropdownMenuItem(
|
||
value: l,
|
||
child: Text(l == undetermined ? tr('언어: 미지정') : '${l.name} (${l.code})'),
|
||
),
|
||
],
|
||
onChanged: onChanged == null ? null : (l) => onChanged!(l!),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _CharsetDropdown extends StatelessWidget {
|
||
final String value;
|
||
final ValueChanged<String>? onChanged;
|
||
const _CharsetDropdown({required this.value, required this.onChanged});
|
||
|
||
@override
|
||
Widget build(BuildContext context) => DropdownButton<String>(
|
||
value: supportedCharsets.containsKey(value) ? value : 'UTF-8',
|
||
isDense: true,
|
||
underline: const SizedBox(),
|
||
style: const TextStyle(fontSize: 12, color: JjColors.text),
|
||
items: [
|
||
for (final e in supportedCharsets.entries)
|
||
DropdownMenuItem(value: e.key, child: Text(e.value)),
|
||
],
|
||
onChanged: onChanged == null ? null : (v) => onChanged!(v!),
|
||
);
|
||
}
|
||
|
||
// ───────── 아래: 작업 기록 ─────────
|
||
|
||
class _LogPanel extends StatelessWidget {
|
||
final List<String> logs;
|
||
final VoidCallback onClose;
|
||
const _LogPanel({required this.logs, required this.onClose});
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Container(
|
||
color: JjColors.bg,
|
||
child: Stack(children: [
|
||
Positioned.fill(
|
||
child: ListView.builder(
|
||
reverse: true,
|
||
padding: const EdgeInsets.fromLTRB(16, 8, 44, 8),
|
||
itemCount: logs.length,
|
||
itemBuilder: (_, i) => SelectableText(
|
||
logs[logs.length - 1 - i],
|
||
style: const TextStyle(
|
||
fontSize: 12, fontFamily: 'Consolas', color: JjColors.textDim),
|
||
),
|
||
),
|
||
),
|
||
// 오른쪽 위 ✕: 작업 기록 숨기기
|
||
Positioned(
|
||
top: 2,
|
||
right: 4,
|
||
child: IconButton(
|
||
tooltip: tr('작업 기록 숨기기'),
|
||
iconSize: 16,
|
||
visualDensity: VisualDensity.compact,
|
||
icon: const Icon(Icons.close, color: JjColors.textDim),
|
||
onPressed: onClose,
|
||
),
|
||
),
|
||
]),
|
||
);
|
||
}
|
||
|
||
/// 작업 기록을 숨겼을 때 맨 아래 얇은 줄: 마지막 기록 + 다시 보기
|
||
class _LogStrip extends StatelessWidget {
|
||
final String last;
|
||
final VoidCallback onOpen;
|
||
const _LogStrip({required this.last, required this.onOpen});
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Material(
|
||
color: JjColors.bg,
|
||
child: InkWell(
|
||
onTap: onOpen,
|
||
child: SizedBox(
|
||
height: 26,
|
||
child: Row(children: [
|
||
const SizedBox(width: 16),
|
||
Expanded(
|
||
child: Text(last,
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: const TextStyle(fontSize: 11, fontFamily: 'Consolas', color: JjColors.textDim)),
|
||
),
|
||
Text(tr('작업 기록 보기'), style: TextStyle(fontSize: 11, color: JjColors.accent)),
|
||
const Icon(Icons.expand_less, size: 16, color: JjColors.accent),
|
||
const SizedBox(width: 12),
|
||
]),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 동영상을 이동 버튼의 폴더로 옮긴다 (세부 정보의 이동 버튼 · 세 번 누르기). [target] 이 없으면 첫 번째 버튼,
|
||
/// 이동 버튼이 하나도 없으면 폴더를 골라 하나 만든다 (표시 이름은 폴더 이름).
|
||
/// [confirm]: 옮기기 전에 묻는다 (세 번 누르기 - 47)
|
||
Future<void> moveToTarget(BuildContext context, AppController c, List<VideoItem> videos,
|
||
{MoveTarget? target, bool confirm = false}) async {
|
||
if (videos.isEmpty) return;
|
||
final messenger = ScaffoldMessenger.maybeOf(context);
|
||
var t = target ?? c.settings.moveTargets.firstOrNull;
|
||
if (t == null) {
|
||
final d = await pickFolder(context, tr('이동 폴더 (환경 설정에서 바꿀 수 있음)'));
|
||
if (d == null) return;
|
||
t = MoveTarget(p.basename(d).isEmpty ? tr('이동') : p.basename(d), d);
|
||
final add = t;
|
||
await c.updateSettings((x) => x.moveTargets = [...x.moveTargets, add]);
|
||
} else if (confirm && context.mounted) {
|
||
final ok = await confirmAction(
|
||
context,
|
||
title: tr('파일 옮기기'),
|
||
body: '${trf('"{0}" 을(를) "{1}" 폴더로 옮길까요?', [videos.length == 1 ? videos.single.fileName : trf('{0}개', [videos.length]), t.name])}'
|
||
'\n${t.dir}\n\n${tr('(동영상을 세 번 누르면 옮깁니다)')}',
|
||
ok: tr('옮기기'),
|
||
danger: false,
|
||
);
|
||
if (!ok) return;
|
||
}
|
||
final (moved, errors) = await c.moveVideos(videos, t.dir);
|
||
messenger?.showSnackBar(SnackBar(
|
||
content: Text([
|
||
if (moved > 0) trf('{0}개를 옮겼습니다 → {1} ({2})', [moved, t.name, t.dir]),
|
||
...errors,
|
||
].join('\n')),
|
||
));
|
||
}
|