Update index.html

index.html

@@ -94,304 +94,310 @@
     </main>
   </div>
 
-  <script>
-    const filesInput = document.getElementById("files");
-    const mergeBtn = document.getElementById("mergeBtn");
-    const clearBtn = document.getElementById("clearBtn");
-    const statusDiv = document.getElementById("status");
-    const fileListDiv = document.getElementById("fileList");
-    const outputNameInput = document.getElementById("outputName");
-    const progressDiv = document.getElementById("progress");
-    const progressText = document.getElementById("progressText");
-    const progressFill = document.getElementById("progressFill");
-
-    let selectedFiles = [];
-    const MAX_RECOMMENDED_FILES = 200;
-
-    function setStatus(msg, type = "") {
-      statusDiv.textContent = msg;
-      statusDiv.className = "status" + (type ? " " + type : "");
-      if (!msg) statusDiv.className = "status";
+<script>
+  const filesInput = document.getElementById("files");
+  const mergeBtn = document.getElementById("mergeBtn");
+  const clearBtn = document.getElementById("clearBtn");
+  const statusDiv = document.getElementById("status");
+  const fileListDiv = document.getElementById("fileList");
+  const outputNameInput = document.getElementById("outputName");
+  const progressDiv = document.getElementById("progress");
+  const progressText = document.getElementById("progressText");
+  const progressFill = document.getElementById("progressFill");
+
+  let selectedFiles = [];
+  const MAX_RECOMMENDED_FILES = 200;
+
+  function getTodayDateString() {
+    const d = new Date();
+    const year = d.getFullYear();
+    const month = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
+  }
+
+  function setStatus(msg, type = "") {
+    statusDiv.textContent = msg;
+    statusDiv.className = "status" + (type ? " " + type : "");
+    if (!msg) statusDiv.className = "status";
+  }
+
+  function showProgress(show) {
+    if (show) {
+      progressDiv.classList.remove("hidden");
+      progressFill.style.width = "0%";
+      progressText.textContent = "جاري المعالجة...";
+    } else {
+      progressDiv.classList.add("hidden");
     }
-
-    function showProgress(show) {
-      if (show) {
-        progressDiv.classList.remove("hidden");
-        progressFill.style.width = "0%";
-        progressText.textContent = "جاري المعالجة...";
-      } else {
-        progressDiv.classList.add("hidden");
-      }
+  }
+
+  function setProgress(current, total, label = "معالجة الملفات") {
+    if (!total || total < 1) total = 1;
+    const percent = Math.floor((current / total) * 100);
+    progressFill.style.width = percent + "%";
+    progressText.textContent = `${label} (${current} من ${total}) - ${percent}%`;
+  }
+
+  function isImage(file) {
+    const name = file.name.toLowerCase();
+    return (
+      file.type.startsWith("image/") ||
+      name.endsWith(".jpg") ||
+      name.endsWith(".jpeg") ||
+      name.endsWith(".png")
+    );
+  }
+
+  function isPDF(file) {
+    const name = file.name.toLowerCase();
+    return (
+      file.type === "application/pdf" ||
+      name.endsWith(".pdf")
+    );
+  }
+
+  function getFilesInfo(files) {
+    let hasImages = false;
+    let hasPDFs = false;
+    files.forEach((f) => {
+      if (isImage(f)) hasImages = true;
+      else if (isPDF(f)) hasPDFs = true;
+    });
+    return { hasImages, hasPDFs };
+  }
+
+  function renderFileList(files) {
+    if (!files.length) {
+      fileListDiv.classList.add("hidden");
+      fileListDiv.innerHTML = "";
+      return;
     }
 
-    function setProgress(current, total, label = "معالجة الملفات") {
-      if (!total || total < 1) total = 1;
-      const percent = Math.floor((current / total) * 100);
-      progressFill.style.width = percent + "%";
-      progressText.textContent = `${label} (${current} من ${total}) - ${percent}%`;
+    fileListDiv.classList.remove("hidden");
+    const { hasImages, hasPDFs } = getFilesInfo(files);
+    let modeText = "";
+    if (hasImages && hasPDFs) {
+      modeText = "الوضع الحالي: دمج صور + ملفات PDF في ملف واحد، مع صفحات A4 ثابتة.";
+    } else if (hasPDFs) {
+      modeText = "الوضع الحالي: دمج ملفات PDF في ملف واحد (بدون تعديل محتوى الصفحات).";
+    } else if (hasImages) {
+      modeText = "الوضع الحالي: تحويل صور إلى ملف PDF واحد بحجم A4 لكل صفحة.";
+    } else {
+      modeText = "لا توجد ملفات مدعومة في القائمة.";
     }
 
-    function isImage(file) {
-      const name = file.name.toLowerCase();
-      return (
-        file.type.startsWith("image/") ||
-        name.endsWith(".jpg") ||
-        name.endsWith(".jpeg") ||
-        name.endsWith(".png")
+    fileListDiv.innerHTML = `
+      <div class="file-list-header">
+        <span>الملفات المختارة: ${files.length}</span>
+        <span class="file-note">رتّب الملفات، أو احذف أي ملف قبل الدمج.</span>
+      </div>
+      <div class="mode-label">${modeText}</div>
+      <ul class="file-list-ul">
+        ${files
+          .map(
+            (f, i) => `
+            <li>
+              <span class="index">${i + 1}</span>
+              <span class="name" title="${f.name}">${f.name}</span>
+              <span class="size">${(f.size / 1024).toFixed(1)} كيلوبايت</span>
+              <div class="row-actions">
+                <button class="move-btn" data-index="${i}" data-dir="up" title="نقل لأعلى">↑</button>
+                <button class="move-btn" data-index="${i}" data-dir="down" title="نقل لأسفل">↓</button>
+                <button class="delete-btn" data-index="${i}" title="حذف الملف">×</button>
+              </div>
+            </li>`
+          )
+          .join("")}
+      </ul>
+    `;
+
+    if (files.length > MAX_RECOMMENDED_FILES) {
+      setStatus(
+        "تنبيه: عدد الملفات كبير، قد تستغرق عملية الدمج وقتًا أطول على بعض الأجهزة.",
+        "warning"
       );
     }
 
-    function isPDF(file) {
-      const name = file.name.toLowerCase();
-      return (
-        file.type === "application/pdf" ||
-        name.endsWith(".pdf")
-      );
-    }
+    // حذف
+    fileListDiv.querySelectorAll(".delete-btn").forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        const index = parseInt(e.currentTarget.dataset.index, 10);
+        if (!isNaN(index)) {
+          selectedFiles.splice(index, 1);
+          renderFileList(selectedFiles);
+          if (!selectedFiles.length) {
+            setStatus("");
+            showProgress(false);
+          }
+        }
+      });
+    });
 
-    function getFilesInfo(files) {
-      let hasImages = false;
-      let hasPDFs = false;
-      files.forEach((f) => {
-        if (isImage(f)) hasImages = true;
-        else if (isPDF(f)) hasPDFs = true;
+    // ترتيب
+    fileListDiv.querySelectorAll(".move-btn").forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        const index = parseInt(e.currentTarget.dataset.index, 10);
+        const dir = e.currentTarget.dataset.dir;
+        if (isNaN(index)) return;
+
+        if (dir === "up" && index > 0) {
+          [selectedFiles[index - 1], selectedFiles[index]] =
+            [selectedFiles[index], selectedFiles[index - 1]];
+        } else if (dir === "down" && index < selectedFiles.length - 1) {
+          [selectedFiles[index + 1], selectedFiles[index]] =
+            [selectedFiles[index], selectedFiles[index + 1]];
+        }
+        renderFileList(selectedFiles);
       });
-      return { hasImages, hasPDFs };
-    }
+    });
+  }
+
+  function downloadPdf(bytes, filename) {
+    const blob = new Blob([bytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  }
+
+  // إضافة ملفات على دفعات
+  filesInput.addEventListener("change", () => {
+    const newFilesRaw = Array.from(filesInput.files || []);
+    if (!newFilesRaw.length) return;
+
+    const newFiles = newFilesRaw.filter((f) => isImage(f) || isPDF(f));
+    const map = new Map();
+
+    [...selectedFiles, ...newFiles].forEach((f) => {
+      const key = `${f.name}|${f.size}|${f.lastModified}`;
+      if (!map.has(key)) map.set(key, f);
+    });
 
-    function renderFileList(files) {
-      if (!files.length) {
-        fileListDiv.classList.add("hidden");
-        fileListDiv.innerHTML = "";
-        return;
-      }
+    selectedFiles = Array.from(map.values());
+    renderFileList(selectedFiles);
+    setStatus("");
+    filesInput.value = "";
+  });
+
+  // مسح الكل
+  clearBtn.addEventListener("click", () => {
+    selectedFiles = [];
+    renderFileList([]);
+    setStatus("تم مسح جميع الملفات المختارة.", "ok");
+    filesInput.value = "";
+    outputNameInput.value = "";
+    showProgress(false);
+  });
+
+  // الدمج
+  mergeBtn.addEventListener("click", async () => {
+    const files = [...selectedFiles];
+
+    if (!files.length) {
+      setStatus("الرجاء اختيار الملفات أولاً.", "error");
+      return;
+    }
 
-      fileListDiv.classList.remove("hidden");
-      const { hasImages, hasPDFs } = getFilesInfo(files);
-      let modeText = "";
-      if (hasImages && hasPDFs) {
-        modeText = "الوضع الحالي: دمج صور + ملفات PDF في ملف واحد، مع صفحات A4 ثابتة.";
-      } else if (hasPDFs) {
-        modeText = "الوضع الحالي: دمج ملفات PDF في ملف واحد (بدون تعديل محتوى الصفحات).";
-      } else if (hasImages) {
-        modeText = "الوضع الحالي: تحويل صور إلى ملف PDF واحد بحجم A4 لكل صفحة.";
-      } else {
-        modeText = "لا توج�� ملفات مدعومة في القائمة.";
-      }
+    const unsupported = files.filter((f) => !isImage(f) && !isPDF(f));
+    if (unsupported.length) {
+      setStatus("يوجد ملفات غير مدعومة. يرجى حذفها من القائمة.", "error");
+      return;
+    }
 
-      fileListDiv.innerHTML = `
-        <div class="file-list-header">
-          <span>الملفات المختارة: ${files.length}</span>
-          <span class="file-note">رتّب الملفات، أو احذف أي ملف قبل الدمج.</span>
-        </div>
-        <div class="mode-label">${modeText}</div>
-        <ul class="file-list-ul">
-          ${files
-            .map(
-              (f, i) => `
-              <li>
-                <span class="index">${i + 1}</span>
-                <span class="name" title="${f.name}">${f.name}</span>
-                <span class="size">${(f.size / 1024).toFixed(1)} كيلوبايت</span>
-                <div class="row-actions">
-                  <button class="move-btn" data-index="${i}" data-dir="up" title="نقل لأعلى">↑</button>
-                  <button class="move-btn" data-index="${i}" data-dir="down" title="نقل لأسفل">↓</button>
-                  <button class="delete-btn" data-index="${i}" title="حذف الملف">×</button>
-                </div>
-              </li>`
-            )
-            .join("")}
-        </ul>
-      `;
-
-      if (files.length > MAX_RECOMMENDED_FILES) {
-        setStatus(
-          "تنبيه: عدد الملفات كبير، قد تستغرق عملية الدمج وقتًا أطول على بعض الأجهزة.",
-          "warning"
-        );
-      }
+    const { hasImages, hasPDFs } = getFilesInfo(files);
+    if (!hasImages && !hasPDFs) {
+      setStatus("لا توجد ملفات مدعومة للدمج.", "error");
+      return;
+    }
 
-      // حذف ملف
-      fileListDiv.querySelectorAll(".delete-btn").forEach((btn) => {
-        btn.addEventListener("click", (e) => {
-          const index = parseInt(e.currentTarget.dataset.index, 10);
-          if (!isNaN(index)) {
-            selectedFiles.splice(index, 1);
-            renderFileList(selectedFiles);
-            if (!selectedFiles.length) {
-              setStatus("");
-              showProgress(false);
-            }
+    renderFileList(files);
+
+    try {
+      setStatus("جاري معالجة الملفات...", "loading");
+      showProgress(true);
+      mergeBtn.disabled = true;
+      mergeBtn.classList.add("disabled");
+      filesInput.disabled = true;
+      clearBtn.disabled = true;
+
+      const pdfDoc = await PDFLib.PDFDocument.create();
+      const totalSteps = files.length;
+      let currentStep = 0;
+
+      const pageWidth = 595.28;   // A4
+      const pageHeight = 841.89;  // A4
+
+      for (const file of files) {
+        const bytes = await file.arrayBuffer();
+
+        if (isPDF(file)) {
+          const donorPdf = await PDFLib.PDFDocument.load(bytes);
+          const pages = await pdfDoc.copyPages(
+            donorPdf,
+            donorPdf.getPageIndices()
+          );
+          pages.forEach((p) => pdfDoc.addPage(p));
+        } else if (isImage(file)) {
+          const lower = file.name.toLowerCase();
+          let image;
+          if (
+            file.type === "image/jpeg" ||
+            file.type === "image/jpg" ||
+            lower.endsWith(".jpg") ||
+            lower.endsWith(".jpeg")
+          ) {
+            image = await pdfDoc.embedJpg(bytes);
+          } else {
+            image = await pdfDoc.embedPng(bytes);
           }
-        });
-      });
 
-      // إعادة الترتيب
-      fileListDiv.querySelectorAll(".move-btn").forEach((btn) => {
-        btn.addEventListener("click", (e) => {
-          const index = parseInt(e.currentTarget.dataset.index, 10);
-          const dir = e.currentTarget.dataset.dir;
-          if (isNaN(index)) return;
-
-          if (dir === "up" && index > 0) {
-            [selectedFiles[index - 1], selectedFiles[index]] =
-              [selectedFiles[index], selectedFiles[index - 1]];
-          } else if (dir === "down" && index < selectedFiles.length - 1) {
-            [selectedFiles[index + 1], selectedFiles[index]] =
-              [selectedFiles[index], selectedFiles[index + 1]];
-          }
-          renderFileList(selectedFiles);
-        });
-      });
-    }
+          const imgWidth = image.width;
+          const imgHeight = image.height;
+          const scale = Math.min(pageWidth / imgWidth, pageHeight / imgHeight);
+          const drawWidth = imgWidth * scale;
+          const drawHeight = imgHeight * scale;
+          const x = (pageWidth - drawWidth) / 2;
+          const y = (pageHeight - drawHeight) / 2;
 
-    function downloadPdf(bytes, filename) {
-      const blob = new Blob([bytes], { type: "application/pdf" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = filename;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(url);
-    }
+          const page = pdfDoc.addPage([pageWidth, pageHeight]);
+          page.drawImage(image, { x, y, width: drawWidth, height: drawHeight });
+        }
 
-    // إضافة ملفات على دفعات
-    filesInput.addEventListener("change", () => {
-      const newFilesRaw = Array.from(filesInput.files || []);
-      if (!newFilesRaw.length) return;
+        currentStep += 1;
+        setProgress(currentStep, totalSteps);
+      }
 
-      const newFiles = newFilesRaw.filter((f) => isImage(f) || isPDF(f));
-      const map = new Map();
+      const pdfBytes = await pdfDoc.save();
 
-      [...selectedFiles, ...newFiles].forEach((f) => {
-        const key = `${f.name}|${f.size}|${f.lastModified}`;
-        if (!map.has(key)) map.set(key, f);
-      });
+      // 👇 هنا الاسم الافتراضي = تاريخ اليوم
+      const defaultName = getTodayDateString() + ".pdf";
+      const outName =
+        (outputNameInput.value || defaultName).trim() || defaultName;
 
-      selectedFiles = Array.from(map.values());
-      renderFileList(selectedFiles);
-      setStatus("");
-      filesInput.value = "";
-    });
+      downloadPdf(pdfBytes, outName);
+      setStatus("تم إنشاء ملف PDF النهائي بنجاح.", "ok");
+      showProgress(false);
 
-    // مسح الكل
-    clearBtn.addEventListener("click", () => {
       selectedFiles = [];
       renderFileList([]);
-      setStatus("تم مسح جميع الملفات المختارة.", "ok");
       filesInput.value = "";
-      outputNameInput.value = "";
+    } catch (err) {
+      console.error(err);
+      setStatus("حدث خطأ أثناء المعالجة. تأكد من الملفات وحاول مرة أخرى.", "error");
       showProgress(false);
-    });
-
-    // الدمج
-    mergeBtn.addEventListener("click", async () => {
-      const files = [...selectedFiles];
-
-      if (!files.length) {
-        setStatus("الرجاء اختيار الملفات أولاً.", "error");
-        return;
-      }
-
-      const unsupported = files.filter((f) => !isImage(f) && !isPDF(f));
-      if (unsupported.length) {
-        setStatus("يوجد ملفات غير مدعومة. يرجى حذفها من القائمة.", "error");
-        return;
-      }
-
-      const { hasImages, hasPDFs } = getFilesInfo(files);
-      if (!hasImages && !hasPDFs) {
-        setStatus("لا توجد ملفات مدعومة للدمج.", "error");
-        return;
-      }
-
-      renderFileList(files);
-
-      try {
-        setStatus("جاري معالجة الملفات...", "loading");
-        showProgress(true);
-        mergeBtn.disabled = true;
-        mergeBtn.classList.add("disabled");
-        filesInput.disabled = true;
-        clearBtn.disabled = true;
-
-        const pdfDoc = await PDFLib.PDFDocument.create();
-        const totalSteps = files.length;
-        let currentStep = 0;
-
-        const pageWidth = 595.28;   // A4
-        const pageHeight = 841.89;  // A4
-
-        for (const file of files) {
-          const bytes = await file.arrayBuffer();
-
-          if (isPDF(file)) {
-            const donorPdf = await PDFLib.PDFDocument.load(bytes);
-            const pages = await pdfDoc.copyPages(
-              donorPdf,
-              donorPdf.getPageIndices()
-            );
-            pages.forEach((p) => pdfDoc.addPage(p));
-          } else if (isImage(file)) {
-            const lower = file.name.toLowerCase();
-            let image;
-            if (
-              file.type === "image/jpeg" ||
-              file.type === "image/jpg" ||
-              lower.endsWith(".jpg") ||
-              lower.endsWith(".jpeg")
-            ) {
-              image = await pdfDoc.embedJpg(bytes);
-            } else {
-              image = await pdfDoc.embedPng(bytes);
-            }
-
-            const imgWidth = image.width;
-            const imgHeight = image.height;
-            const scale = Math.min(pageWidth / imgWidth, pageHeight / imgHeight);
-            const drawWidth = imgWidth * scale;
-            const drawHeight = imgHeight * scale;
-            const x = (pageWidth - drawWidth) / 2;
-            const y = (pageHeight - drawHeight) / 2;
-
-            const page = pdfDoc.addPage([pageWidth, pageHeight]);
-            page.drawImage(image, { x, y, width: drawWidth, height: drawHeight });
-          }
-
-          currentStep += 1;
-          setProgress(currentStep, totalSteps);
-        }
+    } finally {
+      mergeBtn.disabled = false;
+      mergeBtn.classList.remove("disabled");
+      filesInput.disabled = false;
+      clearBtn.disabled = false;
+    }
+  });
+</script>
 
-        const pdfBytes = await pdfDoc.save();
-
-        let defaultName = "merged.pdf";
-        if (hasImages && !hasPDFs) defaultName = "merged-images.pdf";
-        else if (!hasImages && hasPDFs) defaultName = "merged-pdfs.pdf";
-        else if (hasImages && hasPDFs) defaultName = "merged-mixed.pdf";
-
-        const outName =
-          (outputNameInput.value || defaultName).trim() || defaultName;
-
-        downloadPdf(pdfBytes, outName);
-        setStatus("تم إنشاء ملف PDF النهائي بنجاح.", "ok");
-        showProgress(false);
-
-        selectedFiles = [];
-        renderFileList([]);
-        filesInput.value = "";
-      } catch (err) {
-        console.error(err);
-        setStatus("حدث خطأ أثناء المعالجة. تأكد من الملفات وحاول مرة أخرى.", "error");
-        showProgress(false);
-      } finally {
-        mergeBtn.disabled = false;
-        mergeBtn.classList.remove("disabled");
-        filesInput.disabled = false;
-        clearBtn.disabled = false;
-      }
-    });
-  </script>
 </body>
 </html>