Spaces:

jojdwdffwwd
/

subsync-translator-wizard

Running

نگاه یه برنامه میخوام خب میخوام ازش به عنوان فایل کمکی برای ترجمه فایل های srt استفاده بکنم و میخوام کارکردش اینجوری باشه من ساب srt اصلی بدون ترجمه رو توش اپلود میکنم اون بهم باید قابلیت بده که بزنم و تموم متن های داخل فایل srt توی هر لاین به ترتیب از اول تا اخر بدون زمانبندی شماره لاین ها رو بتونم کپی بگیرم و بعد یه قابلیت برای جایگزاری که وقتی این متن ترجمه میزنم از ساب اصلی توی اون باکس من جلیگزاری کنمش و متن ترجمه شده بیاد توی ساب اصلی با زمانبندی و همون شماره لاین ها حالا این وسط یه سریز قابلیت هم میخوام مثلا اگه متن ترجمه که من میچسبونم چک کنه اونایی که هماهنگ سرجاشون قرارا بیگره و اونایی که هماهنگ نیستن بهم نشون یبد که بگه اینا هماهنگ نیست اینا رو از متن اصلی دوباره کپی بگیری خودش اینا رو بیاره توی باکس جداگانه من کپی بگیرم باز ترجمه ها رو توش بزارم تا بتونم اینا هم هماهنگ بشه و در اخر خروجی یه فایل ساب ترجمه شده بهم بیاد بده که من ترجمه ام جایگزین اون فایل ساب اصلی کردم با زمان بندی و لاین های اون و میخوام این بازرم ههم تمش از این کد html که میفرتشم برم بزاری واگر مشکلی بود توی اینترجمه من و لاین که کم بهم بگه کدوم لینه که توی اصلی هست توی ترجمه نیست اون لاین توی باکس جدا برام بیاره من کپی بکنم ترجمه بزنم دوباره یه باکس دیگه باشه من ترجمه که کردم بزارمش جایگزینش بشه توی تجرمه تتا درست هماهنگ باشن تعدادشون

3aaac41 verified 8 months ago

Raw

History Blame Contribute Delete

4.55 kB

	<!DOCTYPE html>
	<html lang="en" class="h-full">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>SubSync Translator Wizard</title>
	<link rel="stylesheet" href="style.css">
	<script src="https://cdn.tailwindcss.com"></script>
	<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
	<script src="https://unpkg.com/feather-icons"></script>
	<script src="components/navbar.js"></script>
	<script src="components/file-upload.js"></script>
	</head>
	<body class="bg-gray-50 min-h-full flex flex-col">
	<custom-navbar></custom-navbar>

	<main class="flex-grow container mx-auto px-4 py-8">
	<div class="max-w-4xl mx-auto">
	<h1 class="text-3xl font-bold text-gray-800 mb-6">SubSync Translator Wizard</h1>

	<div class="bg-white rounded-lg shadow-md p-6 mb-8">
	<h2 class="text-xl font-semibold text-gray-700 mb-4">Upload SRT File</h2>
	<custom-file-upload></custom-file-upload>
	</div>

	<div id="translation-section" class="hidden">
	<div class="grid md:grid-cols-2 gap-6">
	<!-- Original Text -->
	<div class="bg-white rounded-lg shadow-md p-6">
	<div class="flex justify-between items-center mb-4">
	<h2 class="text-xl font-semibold text-gray-700">Original Text</h2>
	<button id="copy-all-original" class="flex items-center text-blue-600 hover:text-blue-800">
	<i data-feather="copy" class="w-4 h-4 mr-1"></i>
	Copy All
	</button>
	</div>
	<div id="original-text-container" class="h-96 overflow-y-auto border border-gray-200 rounded p-3 bg-gray-50"></div>
	</div>

	<!-- Translation Area -->
	<div class="bg-white rounded-lg shadow-md p-6">
	<div class="flex justify-between items-center mb-4">
	<h2 class="text-xl font-semibold text-gray-700">Translation</h2>
	<button id="paste-translation" class="flex items-center text-green-600 hover:text-green-800">
	<i data-feather="clipboard" class="w-4 h-4 mr-1"></i>
	Paste Translation
	</button>
	</div>
	<textarea id="translation-text" class="w-full h-96 border border-gray-200 rounded p-3 bg-gray-50" placeholder="Paste your translation here..."></textarea>
	</div>
	</div>

	<div class="mt-6 flex justify-end space-x-4">
	<button id="validate-btn" class="px-4 py-2 bg-yellow-500 text-white rounded hover:bg-yellow-600 flex items-center">
	<i data-feather="alert-circle" class="w-4 h-4 mr-2"></i>
	Validate
	</button>
	<button id="generate-btn" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 flex items-center">
	<i data-feather="download" class="w-4 h-4 mr-2"></i>
	Generate SRT
	</button>
	</div>
	</div>

	<!-- Validation Results -->
	<div id="validation-results" class="hidden mt-8 bg-white rounded-lg shadow-md p-6">
	<h2 class="text-xl font-semibold text-gray-700 mb-4">Validation Results</h2>
	<div id="mismatch-container" class="border border-gray-200 rounded p-3 bg-gray-50 max-h-64 overflow-y-auto"></div>
	<div class="mt-4 flex justify-end">
	<button id="fix-mismatch-btn" class="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700">
	Fix Mismatched Lines
	</button>
	</div>
	</div>
	</div>
	</main>

	<footer class="bg-gray-800 text-white py-6">
	<div class="container mx-auto px-4 text-center">
	<p>SubSync Translator Wizard - Simplify your subtitle translation workflow</p>
	</div>
	</footer>

	<script src="script.js"></script>
	<script>
	feather.replace();
	</script>
	<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
	</body>
	</html>