Update index.html

index.html

@@ -213,6 +213,30 @@
         </h2>
         <div id="explanationText" class="text-lg text-gray-700"></div>
       </div>
+
+      <!-- زر إعادة المراجعة -->
+      <button id="reviewAgainBtn" class="w-full bg-gray-600 hover:bg-gray-700 text-white font-bold py-3 px-6 rounded-xl transition-all transform hover:scale-105 focus:ring-gray-200 text-xl shadow-lg hover:shadow-xl mb-8">
+        <div class="flex items-center justify-center">
+          <i class="fas fa-redo ml-2"></i> إعادة المراجعة
+        </div>
+      </button>
+
+      <!-- قسم إعادة المراجعة: قائمة منسدلة لتحديد نوع المراجعة -->
+      <div id="reviewAgainSection" class="hidden bg-white rounded-2xl shadow-lg p-8 border border-gray-100 hover:shadow-xl transition-all animate-scale mb-8 card-hover">
+        <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-3 flex items-center">
+          <i class="fas fa-redo text-blue-600 ml-2"></i> إعادة المراجعة - اختيار النوع
+        </h2>
+        <div class="flex items-center space-x-4">
+          <select id="reviewType" class="px-4 py-2 border rounded-xl focus:outline-none">
+            <option value="all">جميع الاختلافات</option>
+            <option value="number">مراجعة رقمية فقط</option>
+            <option value="meaning">مراجعة المعنى فقط</option>
+            <option value="missing">مراجعة النص المفقود فقط</option>
+          </select>
+          <button id="confirmReviewBtn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-xl">تنفيذ إعادة المراجعة</button>
+        </div>
+      </div>
+
     </main>
   </div>
 
@@ -220,15 +244,16 @@
        جافا سكريبت: الوظائف والمعالجة
   ================================= -->
   <script>
+    // متغيرات لتخزين النصوص ونتيجة التحليل لإعادة المراجعة
+    let storedAnalysisOutput = "";
+    let storedSourceText = "";
+    let storedTargetText = "";
+
     // إعدادات API
     const API_URL = 'https://api.deepseek.com/chat/completions';
     const API_KEY = 'sk-15606736ed9e4aea8b7cc11a195d2b01';
 
-    /* 
-       البرومبت الجديد: يتم فيه تحديد أن النصوص مليئة بالأخطاء والنواقص،
-       مع ضرورة الحفاظ على علامات التحديد (التعليم) كما هي.
-    */
-    const ANALYSIS_PROMPT = `أنت خبير لغوي متخصص في مراجعة الترجمة التقنية. مهمتك مقارنة النص المصدر والنص الهدف بدقة عالية مع العلم أن النصوص مليانة بالأخطاء والنواقص والنصوص المفقودة.
+    const ANALYSIS_PROMPT = `أنت خبير لغوي متخصص في مراجعة الترجمة التقنية. مهمتك مقارنة النص المصدر والنص الهدف بدقة عالية مع العلم أن النصوص مليانة بالأخطاء والنواقص.
 لا تقم بإزالة أو تعديل العلامات التالية:
 • الأرقام: تحافظ على علامات < و >.
 • النصوص المفقودة: تحافظ على علامات __ و __.
@@ -245,34 +270,26 @@
 النص الهدف:
 {target}`;
 
-    /* =====================================
-       دوال مساعدة للتعامل مع النصوص
-    ===================================== */
-    // حساب عدد الكلمات في النص
+    // دوال مساعدة للتعامل مع النصوص
     function countWords(text) {
       return text.trim().split(/\s+/).filter(word => word !== "").length;
     }
-    // هروب أحرف Regex الخاصة
     function escapeRegExp(string) {
       return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     }
-    // تقسيم النص إلى أسطر مع عرض رقم السطر
     function splitIntoLines(text) {
       return text.split('\n').map((line, i) => `<div class="line-item"><span class="line-number">${i+1}:</span> <span class="line-text">${line}</span></div>`).join('');
     }
-    // الحصول على رقم السطر لظهور عبارة معينة
     function getLineNumber(text, substring) {
       const index = text.indexOf(substring);
       if (index === -1) return "غير محدد";
       return text.substring(0, index).split("\n").length;
     }
 
-    /* =====================================
-       دوال التمييز (Highlighting) للنتائج
-    ===================================== */
+    // دوال التمييز (Highlighting)
     function applyHighlights(originalText, analysisOutput) {
       let highlightedText = originalText;
-      // تمييز اختلافات الأرقام
+      // اختلافات الأرقام
       const numberRegex = /<([^<>]+)>/g;
       let match;
       while ((match = numberRegex.exec(analysisOutput)) !== null) {
@@ -283,7 +300,7 @@
           highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
       }
-      // تمييز النصوص المفقودة
+      // النصوص المفقودة
       const missingRegex = /__(.*?)__/g;
       while ((match = missingRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -293,7 +310,7 @@
           highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
       }
-      // تمييز اختلافات المعنى
+      // اختلافات المعنى
       const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
       while ((match = meaningRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -306,13 +323,51 @@
       return highlightedText;
     }
 
-    /* =====================================
-       دالة توليد الشرح التفصيلي Organized Explanation
-       يتم تقسيم الشرح إلى خطوات منظمة
-    ===================================== */
+    // تطبيق التمييز بحسب نوع المراجعة
+    function applyHighlightsByType(originalText, analysisOutput, reviewType) {
+      let highlightedText = originalText;
+      if (reviewType === 'meaning') {
+        const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
+        let match;
+        while ((match = meaningRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const replacement = `<span class="highlight-meaning">${phrase}</span>`;
+            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
+            highlightedText = highlightedText.replace(phraseRegex, replacement);
+          }
+        }
+      } else if (reviewType === 'number') {
+        const numberRegex = /<([^<>]+)>/g;
+        let match;
+        while ((match = numberRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const replacement = `<span class="highlight-number">${phrase}</span>`;
+            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
+            highlightedText = highlightedText.replace(phraseRegex, replacement);
+          }
+        }
+      } else if (reviewType === 'missing') {
+        const missingRegex = /__(.*?)__/g;
+        let match;
+        while ((match = missingRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const replacement = `<span class="highlight-missing">__${phrase}__</span>`;
+            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
+            highlightedText = highlightedText.replace(phraseRegex, replacement);
+          }
+        }
+      } else {
+        highlightedText = applyHighlights(originalText, analysisOutput);
+      }
+      return highlightedText;
+    }
+
+    // توليد الشرح التفصيلي
     function generateExplanation(sourceText, analysisOutput) {
       let steps = [];
-      // الخطوة 1: النصوص المفقودة
       const missingRegex = /__(.*?)__/g;
       let match;
       while ((match = missingRegex.exec(analysisOutput)) !== null) {
@@ -322,7 +377,6 @@
           steps.push(`<li><strong>الخطوة 1:</strong> في السطر ${lineNum}، الجزء "<span class="highlight-missing">__${phrase}__</span>" من النص المصدر مفقود في النص الهدف. تأكد من إضافته لتحسين الدقة.</li>`);
         }
       }
-      // الخطوة 2: اختلافات الأرقام
       const numberRegex = /<([^<>]+)>/g;
       while ((match = numberRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -331,7 +385,6 @@
           steps.push(`<li><strong>الخطوة 2:</strong> في السطر ${lineNum}، الرقم "<span class="highlight-number">${phrase}</span>" في المصدر لا يتطابق مع الرقم في الهدف. يرجى المراجعة.</li>`);
         }
       }
-      // الخطوة 3: اختلافات المعنى
       const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
       while ((match = meaningRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -340,16 +393,55 @@
           steps.push(`<li><strong>الخطوة 3:</strong> في السطر ${lineNum}، تم العثور على اختلاف في المعنى مع التعبير "<span class="highlight-meaning">${phrase}</span>". تحقق من الدقة.</li>`);
         }
       }
-      // إذا لم يكن هناك اختلافات
       if (steps.length === 0) {
         return `<p>النصوص متطابقة تماماً ولا توجد فروقات تحتاج للتنبيه.</p>`;
       }
       return `<ol class="list-decimal ml-6 space-y-2">${steps.join('')}</ol>`;
     }
 
-    /* =====================================
-       دالة معالجة الملفات (PDF و DOCX)
-    ===================================== */
+    // توليد الشرح بحسب نوع إعادة المراجعة
+    function generateExplanationByType(sourceText, analysisOutput, reviewType) {
+      let steps = [];
+      if (reviewType === 'meaning') {
+        const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
+        let match;
+        while ((match = meaningRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const lineNum = getLineNumber(sourceText, phrase);
+            steps.push(`<li><strong>مراجعة المعنى:</strong> في السطر ${lineNum}، التعبير "<span class="highlight-meaning">${phrase}</span>" يختلف. تحقق من الدقة.</li>`);
+          }
+        }
+      } else if (reviewType === 'number') {
+        const numberRegex = /<([^<>]+)>/g;
+        let match;
+        while ((match = numberRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const lineNum = getLineNumber(sourceText, phrase);
+            steps.push(`<li><strong>مراجعة رقمية:</strong> في السطر ${lineNum}، الرقم "<span class="highlight-number">${phrase}</span>" لا يتطابق. يرجى المراجعة.</li>`);
+          }
+        }
+      } else if (reviewType === 'missing') {
+        const missingRegex = /__(.*?)__/g;
+        let match;
+        while ((match = missingRegex.exec(analysisOutput)) !== null) {
+          const phrase = match[1].trim();
+          if (phrase) {
+            const lineNum = getLineNumber(sourceText, phrase);
+            steps.push(`<li><strong>مراجعة النص المفقود:</strong> في السطر ${lineNum}، النص "<span class="highlight-missing">__${phrase}__</span>" مفقود أو مختلف. يرجى المراجعة.</li>`);
+          }
+        }
+      } else {
+        return generateExplanation(sourceText, analysisOutput);
+      }
+      if (steps.length === 0) {
+        return `<p>لا توجد اختلافات من النوع المحدد.</p>`;
+      }
+      return `<ol class="list-decimal ml-6 space-y-2">${steps.join('')}</ol>`;
+    }
+
+    // دالة معالجة الملفات (PDF و DOCX)
     async function processFile(file) {
       let text = "";
       if (file.type === 'application/pdf') {
@@ -372,10 +464,7 @@
       return text;
     }
 
-    /* =====================================
-       دوال رفع الملفات وإدخال النصوص
-    ===================================== */
-    // رفع ملف السورس
+    // رفع الملفات وإدخال النصوص
     document.getElementById('sourceFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -390,7 +479,6 @@
         document.getElementById('processStatus').classList.add('hidden');
       }
     });
-    // رفع ملف التارجت
     document.getElementById('targetFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -405,7 +493,6 @@
         document.getElementById('processStatus').classList.add('hidden');
       }
     });
-    // رفع ملف المصادر الإضافية
     document.getElementById('sourceExtraFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -421,9 +508,7 @@
       }
     });
 
-    /* =====================================
-       دالة عرض الأخطاء والرسائل
-    ===================================== */
+    // عرض الأخطاء والرسائل
     function addError(message, type = 'error') {
       const errorsList = document.getElementById('errorsList');
       if (!errorsList) return;
@@ -436,13 +521,10 @@
       errorsList.appendChild(errorDiv);
     }
 
-    /* =====================================
-       معالجة عملية التحليل عند الضغط على الزر
-    ===================================== */
+    // تنفيذ التحليل عند الضغط على زر التحليل
     document.getElementById('submitBtn').addEventListener('click', async () => {
       const sourceText = document.getElementById('sourceText').value;
       const targetText = document.getElementById('targetText').value;
-      // مسح الرسائل السابقة وإظهار النتائج
       document.getElementById('errorsList').innerHTML = '';
       document.getElementById('resultSection').classList.remove('hidden');
       document.getElementById('explanationBox').classList.remove('hidden');
@@ -452,7 +534,6 @@
         return;
       }
       
-      // مقارنة عدد الكلمات وتنبيه إن وجد اختلاف
       const sourceWordCount = countWords(sourceText);
       const targetWordCount = countWords(targetText);
       if (sourceWordCount !== targetWordCount) {
@@ -460,7 +541,6 @@
       }
       
       try {
-        // عرض مؤشر التقدم
         const progressDiv = document.createElement('div');
         progressDiv.className = "bg-indigo-100 p-4 rounded-xl mb-4";
         progressDiv.innerHTML = `<div class="flex items-center">
@@ -469,12 +549,10 @@
                                    </div>`;
         document.getElementById('errorsList').appendChild(progressDiv);
 
-        // بناء الـ prompt باستخدام النصين المُدخلين
         const prompt = ANALYSIS_PROMPT
                         .replace("{source}", sourceText)
                         .replace("{target}", targetText);
         
-        // استدعاء DeepSeek API
         const payload = {
           model: "deepseek-chat",
           messages: [
@@ -500,7 +578,11 @@
         const analysisOutput = data.choices[0].message.content.trim();
         progressDiv.remove();
         
-        // إذا كانت النصوص متطابقة تمامًا
+        // تخزين النصوص والنتيجة لإعادة المراجعة
+        storedAnalysisOutput = analysisOutput;
+        storedSourceText = sourceText;
+        storedTargetText = targetText;
+        
         if (analysisOutput.includes('[MATCH]')) {
           const checkDiv = document.createElement('div');
           checkDiv.className = "p-4 rounded-xl bg-green-50 text-green-700 flex items-center";
@@ -510,16 +592,13 @@
           document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetText);
           document.getElementById('explanationText').innerHTML = `<p>النصوص متطابقة ولا يوجد اختلاف يجب الإشارة إليه.</p>`;
         } else {
-          // تطبيق التحديد على النصوص
           const sourceHighlighted = applyHighlights(sourceText, analysisOutput);
           const targetHighlighted = applyHighlights(targetText, analysisOutput);
           document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
           document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetHighlighted);
-          // توليد شرح منظم على شكل خطوات
           const explanationHTML = generateExplanation(sourceText, analysisOutput);
           document.getElementById('explanationText').innerHTML = explanationHTML;
           
-          // عرض ملخص الاختلافات في الأسفل (اختياري)
           const numDiffCount = (analysisOutput.match(/<([^<>]+)>/g) || []).length;
           const missingDiffCount = (analysisOutput.match(/__(.*?)__/g) || []).length;
           const meaningDiffCount = (analysisOutput.match(/\[MEANING\](.*?)\[\/MEANING\]/g) || []).length;
@@ -540,6 +619,28 @@
         addError(`خطأ في التحليل: ${error.message}`);
       }
     });
+
+    // زر إعادة المراجعة: إخفاء النتائج القديمة وعرض قسم اختيار النوع
+    document.getElementById('reviewAgainBtn').addEventListener('click', () => {
+      document.getElementById('resultSection').classList.add('hidden');
+      document.getElementById('explanationBox').classList.add('hidden');
+      document.getElementById('errorsList').innerHTML = '';
+      document.getElementById('reviewAgainSection').classList.remove('hidden');
+    });
+
+    // تنفيذ إعادة المراجعة بناءً على النوع المحدد
+    document.getElementById('confirmReviewBtn').addEventListener('click', () => {
+      const reviewType = document.getElementById('reviewType').value;
+      const explanationHTML = generateExplanationByType(storedSourceText, storedAnalysisOutput, reviewType);
+      document.getElementById('explanationText').innerHTML = explanationHTML;
+      const sourceHighlighted = applyHighlightsByType(storedSourceText, storedAnalysisOutput, reviewType);
+      const targetHighlighted = applyHighlightsByType(storedTargetText, storedAnalysisOutput, reviewType);
+      document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
+      document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetHighlighted);
+      document.getElementById('reviewAgainSection').classList.add('hidden');
+      document.getElementById('resultSection').classList.remove('hidden');
+      document.getElementById('explanationBox').classList.remove('hidden');
+    });
   </script>
 </body>
-</html>
+</html>