Update script.js

script.js

@@ -520,63 +520,66 @@ async function searchMemoirs() {
                  const resultsList = document.createElement('div');
                  resultsList.classList.add('results-list');
 
-                 topResults.forEach(result => {
+topResults.forEach(result => {
                      const resultItem = document.createElement('div');
                      resultItem.classList.add('result-item');
 
-                     // نمایش امتیاز شباهت
+                     // نمایش امتیاز شباهت (float right دارد، ترتیب آن در اینجا تأثیر کمتری بر ترتیب بلوک اصلی دارد)
                      const similarityElement = document.createElement('p');
                      similarityElement.classList.add('result-similarity');
                      similarityElement.textContent = `شباهت: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}`;
-                     resultItem.appendChild(similarityElement);
+                     resultItem.appendChild(similarityElement); // اضافه کردن امتیاز شباهت (معمولاً اول یا زودتر)
 
-                     // نمایش نام کتاب
-                     const bookTitleElement = document.createElement('p');
-                     bookTitleElement.classList.add('result-book-title');
-                     bookTitleElement.textContent = `از کتاب: ${result.book_title || 'نامشخص'}`;
-                     resultItem.appendChild(bookTitleElement);
 
-                     // نمایش مرجع خاطره
+                     // ****** نمایش المان‌ها به ترتیب مورد نظر: خاطره، مرجع، نام کتاب ******
+
+                     // ۱. نمایش متن خاطره
+                     const passageElement = document.createElement('p');
+                     passageElement.classList.add('result-passage');
+                     passageElement.textContent = result.passage_original || 'متن خاطره موجود نیست.'; // استفاده از passage_original
+                     resultItem.appendChild(passageElement); // اضافه کردن خاطره (اولین)
+
+                     // ۲. نمایش مرجع خاطره
                      const referenceElement = document.createElement('p');
                      referenceElement.classList.add('result-reference');
                      referenceElement.innerHTML = `<strong>مرجع:</strong> ${result.reference || 'نامشخص'}`;
-                     resultItem.appendChild(referenceElement);
+                     resultItem.appendChild(referenceElement); // اضافه کردن مرجع (دومین)
 
+                     // ۳. نمایش نام کتاب
+                     const bookTitleElement = document.createElement('p');
+                     bookTitleElement.classList.add('result-book-title');
+                     bookTitleElement.textContent = `از کتاب: ${result.book_title || 'نامشخص'}`;
+                     resultItem.appendChild(bookTitleElement); // اضافه کردن نام کتاب (سومین)
 
-                     // ****** نمایش متن اصلی خاطره (استفاده از passage_original) ******
-                     const passageElement = document.createElement('p');
-                     passageElement.classList.add('result-passage');
-                     // مستقیماً از فیلد passage_original استفاده می کنیم
-                     passageElement.textContent = result.passage_original || 'متن خاطره موجود نیست.';
-                     resultItem.appendChild(passageElement);
-                     // ***************************************************************
+                     // ********************************************************************************
 
 
-                     // ****** اضافه کردن دکمه کپی ******
+                     // ****** اضافه کردن دکمه کپی (بعد از محتوای اصلی) ******
                      const copyButton = document.createElement('button');
                      copyButton.classList.add('copy-button');
                      copyButton.textContent = 'کپی متن';
-                     // استایل های اینلاین موقت برای تست - بهتر است به style.css منتقل شوند
-                     copyButton.style.display = 'block';
-                     copyButton.style.marginTop = '10px';
-                     copyButton.style.marginLeft = 'auto';
-                     copyButton.style.marginRight = '0';
-                     copyButton.style.backgroundColor = '#007bff';
-                     copyButton.style.color = 'white';
-                     copyButton.style.padding = '5px 5px';
-                     copyButton.style.border = 'none';
-                     copyButton.style.borderRadius = '4px';
-                     copyButton.style.cursor = 'pointer';
-                     copyButton.style.fontSize = '0.8em';
-                     copyButton.style.fontFamily = "'Vazirmatn', sans-serif";
+                     // استایل های موقت Inline برای تست - بهتر است در style.css تعریف شوند و کلاس copy-button به آنها لینک شود
+                     // در style.css ارائه شده قبلی این استایل ها موجود هستند و نیازی به اینجا نیست
+                     // copyButton.style.display = 'block';
+                     // copyButton.style.marginTop = '15px';
+                     // copyButton.style.marginLeft = 'auto'; // راست چین کردن در RTL
+                     // copyButton.style.marginRight = '0';
+                     // copyButton.style.backgroundColor = '#007bff';
+                     // copyButton.style.color = 'white';
+                     // copyButton.style.padding = '5px 10px';
+                     // copyButton.style.border = 'none';
+                     // copyButton.style.borderRadius = '4px';
+                     // copyButton.style.cursor = 'pointer';
+                     // copyButton.style.fontSize = '0.85em';
+                     // copyButton.style.fontFamily = "'Vazirmatn', sans-serif";
                      // **********************************
-                     // Listener برای دکمه کپی به صورت Delegation در DOMContentLoaded اضافه شده است.
-                     resultItem.appendChild(copyButton);
+                     // Listener برای دکمه کپی به صورت Delegation در DOMContentLoaded اضافه شده است و نیازی به تعریف مجدد در اینجا نیست.
+                     resultItem.appendChild(copyButton); // اضافه کردن دکمه کپی (آخرین)
                      // **************************************************************************
 
 
-                     resultsList.appendChild(resultItem);
-                 });
+                     resultsList.appendChild(resultItem); // اضافه کردن آیتم نتیجه کامل شده به لیست نتایج
+                 }); // پایان حلقه forEach
 
                  searchResultsContainer.appendChild(resultsList);
                  console.log("DOM updated with results.");