Update app.js

app.js

@@ -1,14 +1,10 @@
-/* app.js — v10.2: fix over-splitting & hard clear */
+/* v10.3: Smart Paste append + reliable modal fallback + safe splitting + hard clear */
 
-/* ======== أعمدة الجدول ======== */
 const EXPORT_COLUMNS = [
-  "التصنيف",
-  "نوع المشكلة","وقت حدوث المشكلة","اسم صاحب المشكلة",
-  "رقم الهوية","رقم الجهاز","رقم الجوال","المسح","المنطقة",
-  "اسم الدعم الفني","الحالة"
+  "التصنيف","نوع المشكلة","وقت حدوث المشكلة","اسم صاحب المشكلة",
+  "رقم الهوية","رقم الجهاز","رقم الجوال","المسح","المنطقة","اسم الدعم الفني","الحالة"
 ];
 
-/* ======== مرادفات الحقول ======== */
 const FIELD_ALIASES = {
   "نوع المشكلة": ["نوع المشكله","نوع المشكلة","المشكلة"],
   "وقت حدوث المشكلة": ["وقت حدوث المشكله","وقت حدوث المشكلة","وقت المشكلة","وقت حدوث"],
@@ -20,7 +16,6 @@ const FIELD_ALIASES = {
   "المنطقة": ["المنطقة","المنطقه","اسم المنطقة","المدينة","المحافظة","منطقة"]
 };
 
-/* ======== قواعد التصنيف ======== */
 const CLASS_RULES = {
   "استفسار": ["استفسار","سؤال","استعلام","معلومة","استفسارات"],
   "إضافة أجهزة": ["اضافة جهاز","إضافة أجهزة","اضافة اجهزة","تركيب جهاز","جهاز جديد","تسجيل جهاز","ربط جهاز","اضافة ماسح","إضافة ماسح"],
@@ -42,9 +37,8 @@ const CLASS_PRIORITY = [
   "النظام المكتبي","تناقل البيانات","استفسار",
 ];
 
-/* ======== أدوات نص وتطبيع ======== */
 const TICKET_SEP = /\n\s*(?:\n|—+|-{3,}|={3,}|🔴+)+\s*\n/;
-const MIN_SPLIT_SPAN = 80; // أصغر مسافة بين بدايتين لنعتبرها تذكرة جديدة
+const MIN_SPLIT_SPAN = 80;
 
 const arabicDigitsMap = {"٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9"};
 function normalizeText(s){
@@ -55,15 +49,10 @@ function normalizeText(s){
           .replace(/[ــ]+/g,"")
           .trim();
 }
-function lettersOnly(ar){
-  return (ar||"").replace(/[^A-Za-z\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\s]/g,"").replace(/\s{2,}/g," ").trim();
-}
-function alnumAr(s){
-  return (s||"").replace(/[^0-9A-Za-z\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\s\-\._/]/g,"").replace(/\s{2,}/g," ").trim();
-}
+function lettersOnly(ar){ return (ar||"").replace(/[^A-Za-z\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\s]/g,"").replace(/\s{2,}/g," ").trim(); }
+function alnumAr(s){ return (s||"").replace(/[^0-9A-Za-z\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\s\-\._/]/g,"").replace(/\s{2,}/g," ").trim(); }
 function digitsOnly(s){ return (s||"").replace(/\D+/g,""); }
 
-/* وقت مثل "7:10 ص" أو "7 صباحا" أو "7مساء" */
 function normalizeTimeLoose(val){
   const t = normalizeText(val);
   let m = t.match(/(\d{1,2})[:٫\.\-:](\d{2})\s*(ص|صباح|صباحا|am|م|مساء|pm)?/i);
@@ -109,42 +98,23 @@ function parseDateTime(raw){
   return t;
 }
 
-/* ======== مساعدة: إيجاد بدايات حسب مجموعة تسميات ======== */
 function findStartsByLabels(text, labels){
   const lblRe = labels.map(l=>l.replace(/[.*+?^${}()|[\]\\]/g,'\\$&')).join("|");
-  const re = new RegExp(
-    `(^|\\n)\\s*(?:[-–—\\*•]+|\\d+[\\)\\.]\\s*)?\\s*(?:${lblRe})(?:\\s*[:：]|\\s+)`,
-    "gi"
-  );
-  const idxs = [];
-  let m;
-  while((m = re.exec(text))){
-    idxs.push(m.index + (m[1] ? m[1].length : 0));
-  }
+  const re = new RegExp(`(^|\\n)\\s*(?:[-–—\\*•]+|\\d+[\\)\\.]\\s*)?\\s*(?:${lblRe})(?:\\s*[:：]|\\s+)`,"gi");
+  const idxs=[]; let m;
+  while((m = re.exec(text))){ idxs.push(m.index + (m[1]?m[1].length:0)); }
   return idxs;
 }
 
-/* ======== تقسيم التذاكر (إصلاح الجذر) ========
-   السياسة:
-   1) لو فيه فواصل واضحة => نستخدمها.
-   2) لو تكررت "نوع المشكلة" مرتين فأكثر => نقسم عليها فقط (أساس التقسيم).
-   3) وإلا لا نقسم على الحقول الأخرى حتى لا تتفتت التذكرة الواحدة.
-   4) أخيرًا: أسطر فارغة إن وجدت. غير ذلك: كله تذكرة واحدة. */
 function splitTickets(raw){
   const text = normalizeText(raw);
   if(!text) return [];
-
-  // (1) فواصل معروفة
   if(TICKET_SEP.test(text)){
     return text.split(TICKET_SEP).map(p=>p.trim()).filter(Boolean);
   }
-
-  // (2) تقسيم على "نوع المشكلة" فقط
   const starts = findStartsByLabels(text, ["نوع المشكلة","نوع المشكله"])
                   .sort((a,b)=>a-b)
-                  // تجاهل بدايات قريبة جدًا (حماية)
                   .filter((pos,i,arr)=> i===0 || (pos - arr[i-1]) >= MIN_SPLIT_SPAN);
-
   if(starts.length >= 2){
     const parts=[];
     for(let i=0;i<starts.length;i++){
@@ -155,16 +125,11 @@ function splitTickets(raw){
     }
     return parts;
   }
-
-  // (4) fallback: أسطر فارغة => كتل
   const blocks = text.split(/\n\s*\n+/).map(p=>p.trim()).filter(Boolean);
   if(blocks.length>1) return blocks;
-
-  // خلاف ذلك: تذكرة واحدة
   return [text];
 }
 
-/* ======== استخراج الحقول ======== */
 function findAfterLabel(text, labels){
   const hay = "\n" + normalizeText(text) + "\n";
   for(const rawLbl of labels){
@@ -222,7 +187,6 @@ function extractFields(ticketText){
   return out;
 }
 
-/* ======== التصنيف ======== */
 function classifyTicket(text, fields){
   const hay = normalizeText(`${text}\n${fields?.["نوع المشكلة"]||""}`).toLowerCase();
   for(const label of CLASS_PRIORITY){
@@ -235,7 +199,6 @@ function classifyTicket(text, fields){
   return "استفسار";
 }
 
-/* ======== تطبيق المنطقة / الاسم ======== */
 function parseTicketsWithExtras(raw, agentName, defaultRegion){
   const regionChosen = (defaultRegion || "").toString();
   return splitTickets(raw||"").map(t => {
@@ -258,7 +221,6 @@ function parseTicketsWithExtras(raw, agentName, defaultRegion){
   });
 }
 
-/* ======== بناء/قراءة الجدول ======== */
 function buildTable(rows){
   const theadRow = document.getElementById("theadRow");
   const tbody = document.getElementById("tbody");
@@ -280,6 +242,7 @@ function buildTable(rows){
     tbody.appendChild(tr);
   });
 }
+
 function readTable(){
   const tbody = document.getElementById("tbody");
   const rows = [];
@@ -291,7 +254,6 @@ function readTable(){
   return rows;
 }
 
-/* ======== شارة + أزرار + تحقق ======== */
 function updateBadge(n){
   const b = document.getElementById("countBadge");
   b.textContent = n; b.hidden = (n===0);
@@ -309,14 +271,14 @@ function validateCells(){
       const td=tr.children[idxPhone];
       const raw=(td.textContent||"").trim();
       const digits = raw.replace(/\D/g,"");
-      const invalid = !!raw && digits.length < 9;      // أقل من 9 = خطأ
+      const invalid = !!raw && digits.length < 9;
       td.classList.toggle("invalid", invalid);
     }
     if(idxID>=0){
       const td=tr.children[idxID];
       const raw=(td.textContent||"").trim();
       const digits = raw.replace(/\D/g,"");
-      const invalid = !!raw && digits.length !== 10;   // غير 10 = خطأ
+      const invalid = !!raw && digits.length !== 10;
       td.classList.toggle("invalid", invalid);
     }
   });
@@ -328,7 +290,6 @@ document.addEventListener("input",(e)=>{
   }
 });
 
-/* ======== Toast ======== */
 function toast(msg){
   const t = document.getElementById("toast");
   t.textContent = msg; t.hidden = false;
@@ -336,7 +297,6 @@ function toast(msg){
   setTimeout(()=>{ t.hidden = true; }, 2000);
 }
 
-/* ======== ExcelJS (كما سابقًا) ======== */
 async function exportExcel(){
   const rows = readTable();
   if(!rows.length){ toast("لا يوجد بيانات لتصديرها."); return; }
@@ -425,7 +385,6 @@ async function exportExcel(){
   toast("تم تنزيل الملف بتنسيق القالب.");
 }
 
-/* ======== نسخ إلى الحافظة (TSV) ======== */
 async function copyToClipboardTSV(){
   const rows = readTable();
   if(!rows.length){ toast("لا يوجد بيانات لنسخها."); return; }
@@ -449,7 +408,6 @@ async function copyToClipboardTSV(){
   }
 }
 
-/* ======== مثال ======== */
 const SAMPLE = `نوع المشكلة : لا استطيع اكمال الاستمارة بسبب تعليق
 وقت حدوث المشكلة: 21/8/2025 7 صباحا
 اسم صاحب المشكلة : نوف الناصر
@@ -459,11 +417,10 @@ const SAMPLE = `نوع المشكلة : لا استطيع اكمال الاست
 اسم المسح: الخبر 2025
 اسم المنطقة: الشرقية`;
 
-/* ======== تخزين محلي ======== */
-const STATE_KEY = "ticketParserState_v10_2";
+const STATE_KEY = "ticketParserState_v10_3";
 const ALL_STATE_KEYS = [
   "ticketParserState_v8","ticketParserState_v9","ticketParserState_v10",
-  "ticketParserState_v10_1","ticketParserState_v10_2"
+  "ticketParserState_v10_1","ticketParserState_v10_2","ticketParserState_v10_3"
 ];
 
 function ensureColumns(rows, agentName, defaultRegion){
@@ -507,7 +464,6 @@ function loadState(){
   }catch{ return false; }
 }
 
-/* ======== مسح الكل (يمسح كل المفاتيح القديمة والجديدة) ======== */
 function clearAll(){
   const rawEl   = document.getElementById("raw");
   const tbody   = document.getElementById("tbody");
@@ -520,36 +476,68 @@ function clearAll(){
   if(agentEl) agentEl.value = "";
   if(regionEl) regionEl.value = "";
   updateBadge(0); setButtonsEnabled(false);
-  try{
-    ALL_STATE_KEYS.forEach(k=>localStorage.removeItem(k));
-  }catch{}
+  try{ ALL_STATE_KEYS.forEach(k=>localStorage.removeItem(k)); }catch{}
   toast("تم مسح كل البيانات والتخزين.");
 }
 
-/* ======== لصق مُنظَّم (يمكن الضغط عدة مرات — يضيف ولا يس��بدل) ======== */
 function normalizeForPaste(text){
   const norm = normalizeText(text||"");
   const parts = splitTickets(norm);
   return parts.length ? parts.join("\n\n🔴🔴🔴\n") : norm;
 }
+
 async function smartPasteInto(el){
   try{
     const txt = await navigator.clipboard.readText();
-    const formatted = normalizeForPaste(txt || "");
-    if(!formatted){ toast("الحافظة فارغة."); return; }
-    if(el.value && el.value.trim()){
-      el.value = el.value.trimEnd() + "\n\n🔴🔴🔴\n" + formatted;
-    }else{
-      el.value = formatted;
+    if(txt && txt.trim()){
+      const formatted = normalizeForPaste(txt);
+      if(el.value && el.value.trim()){
+        el.value = el.value.trimEnd() + "\n\n🔴🔴🔴\n" + formatted;
+      }else{
+        el.value = formatted;
+      }
+      saveState();
+      toast("تم اللصق والتنظيم.");
+      return;
     }
-    saveState();
-    toast("تم اللصق والتنظيم (يمكن اللصق عدة مرات).");
+    openPasteModal(el);
   }catch{
-    toast("تعذّر قراءة الحافظة — الصق/ي يدويًا.");
+    openPasteModal(el);
   }
 }
 
-/* ======== تهيئة ======== */
+function openPasteModal(targetEl){
+  const modal = document.getElementById("pasteModal");
+  const input = document.getElementById("pasteInput");
+  const add   = document.getElementById("pasteAdd");
+  const cancel= document.getElementById("pasteCancel");
+  input.value = "";
+  modal.hidden = false;
+  input.focus();
+
+  function close(){ modal.hidden = true; add.removeEventListener("click", onAdd); cancel.removeEventListener("click", onCancel); document.removeEventListener("keydown", onEsc); }
+  function onAdd(){
+    const txt = input.value || "";
+    const formatted = normalizeForPaste(txt);
+    if(formatted.trim()){
+      if(targetEl.value && targetEl.value.trim()){
+        targetEl.value = targetEl.value.trimEnd() + "\n\n🔴🔴🔴\n" + formatted;
+      }else{
+        targetEl.value = formatted;
+      }
+      saveState();
+      toast("تمت الإضافة.");
+    }
+    close();
+  }
+  function onCancel(){ close(); }
+  function onEsc(e){ if(e.key === "Escape"){ e.preventDefault(); close(); } }
+
+  add.addEventListener("click", onAdd);
+  cancel.addEventListener("click", onCancel);
+  document.addEventListener("keydown", onEsc);
+}
+
 function init(){
   const parseBtn   = document.getElementById("btn-parse");
   const exportBtn  = document.getElementById("btn-export");
@@ -568,14 +556,14 @@ function init(){
 
   parseBtn.addEventListener("click", ()=>{
     const raw = (rawEl.value || "").trim();
-    if(!raw){ toast("فضلاً الصق/ي تذاكر أولاً (أو استخدمي «إدراج المثال»)."); return; }
+    if(!raw){ toast("فضلاً الصق/ي تذاكر أولاً."); return; }
     const agent = agentEl.value || "";
     const defRegion = regionEl.value || "";
     const rows = parseTicketsWithExtras(raw, agent, defRegion);
     buildTable(rows); validateCells();
     updateBadge(rows.length); setButtonsEnabled(rows.length>0);
     saveState();
-    toast(defRegion ? `تم استخراج ${rows.length} وتطبيق المنطقة: ${defRegion}` : `تم استخراج ${rows.length} تذكرة.`);
+    toast(`تم استخراج ${rows.length} تذكرة.`);
   });
 
   exportBtn.addEventListener("click", exportExcel);