Spaces:

AnesKAM
/

s

Running

App Files Files Community

AnesKAM commited on 16 days ago

Commit

74b825c

verified ·

1 Parent(s): 34f4060

Update results.html

Browse files

Files changed (1) hide show

results.html +16 -9

results.html CHANGED Viewed

@@ -9,13 +9,13 @@
         body { font-family: 'Tajawal', sans-serif; background: #fff; color: #202124; margin: 0; padding: 20px; }
         .header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
         .logo { color: #4285f4; font-weight: 800; font-size: 24px; text-decoration: none; }
-        .search-box { flex-grow: 1; padding: 10px 15px; border-radius: 24px; border: 1px solid #dfe1e5; outline: none; }
         .result { margin-bottom: 25px; max-width: 650px; }
         .result a { color: #1a0dab; text-decoration: none; font-size: 18px; }
         .result a:hover { text-decoration: underline; }
-        .result p { font-size: 14px; color: #4d5156; margin-top: 5px; }
         #loader { color: #70757a; font-style: italic; text-align: center; margin-top: 50px; }
-        .error { color: #d93025; background: #fce8e6; padding: 10px; border-radius: 5px; display: none; }
     </style>
 </head>
 <body>
@@ -25,12 +25,11 @@
         <input type="text" id="q-input" class="search-box">
     </div>
-    <div id="loader">جاري جلب النتائج من السيرفر الخاص بك...</div>
     <div id="error" class="error"></div>
     <div id="results-area"></div>
 <script>
-    // الرابط الذي أكدنا أنه يعمل
     const PROXY_URL = "https://script.google.com/macros/s/AKfycbwhN620MNa08vQs2qSntQBsPW9JilXcVYg5VEfCciqX1vr2i-YrY35r3ZpYSS1NEZ3I/exec";
     const SEARXNG_URL = "https://searxng-anesnt-dev.apps.rm1.0a51.p1.openshiftapps.com/search";
@@ -45,13 +44,20 @@
         const loader = document.getElementById('loader');
         const errorDiv = document.getElementById('error');
-        // بناء الطلب: نطلب من البروكسي جلب بيانات JSON من سيرفر OpenShift الخاص بك
-        const finalUrl = `${PROXY_URL}?url=${encodeURIComponent(SEARXNG_URL + '?q=' + encodeURIComponent(q) + '&format=json&language=ar')}`;
         try {
             const response = await fetch(finalUrl);
-            const data = await response.json(); // سنحاول قراءته كـ JSON مباشرة
             loader.style.display = 'none';
             if (!data.results || data.results.length === 0) {
@@ -59,6 +65,7 @@
                 return;
             }
             data.results.forEach(item => {
                 area.innerHTML += `
                     <div class="result">
@@ -70,7 +77,7 @@
         } catch (err) {
             loader.style.display = 'none';
             errorDiv.style.display = 'block';
-            errorDiv.innerText = "فشل في عرض النتائج. تأكد أن سيرفر SearXNG في OpenShift لا يزال يعمل.";
             console.error(err);
         }
     }

         body { font-family: 'Tajawal', sans-serif; background: #fff; color: #202124; margin: 0; padding: 20px; }
         .header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; }
         .logo { color: #4285f4; font-weight: 800; font-size: 24px; text-decoration: none; }
+        .search-box { flex-grow: 1; padding: 10px 15px; border-radius: 24px; border: 1px solid #dfe1e5; outline: none; font-family: 'Tajawal', sans-serif; font-size: 16px;}
         .result { margin-bottom: 25px; max-width: 650px; }
         .result a { color: #1a0dab; text-decoration: none; font-size: 18px; }
         .result a:hover { text-decoration: underline; }
+        .result p { font-size: 14px; color: #4d5156; margin-top: 5px; line-height: 1.5; }
         #loader { color: #70757a; font-style: italic; text-align: center; margin-top: 50px; }
+        .error { color: #d93025; background: #fce8e6; padding: 15px; border-radius: 8px; display: none; line-height: 1.6; }
     </style>
 </head>
 <body>
         <input type="text" id="q-input" class="search-box">
     </div>
+    <div id="loader">جاري جلب النتائج...</div>
     <div id="error" class="error"></div>
     <div id="results-area"></div>
 <script>
     const PROXY_URL = "https://script.google.com/macros/s/AKfycbwhN620MNa08vQs2qSntQBsPW9JilXcVYg5VEfCciqX1vr2i-YrY35r3ZpYSS1NEZ3I/exec";
     const SEARXNG_URL = "https://searxng-anesnt-dev.apps.rm1.0a51.p1.openshiftapps.com/search";
         const loader = document.getElementById('loader');
         const errorDiv = document.getElementById('error');
+        const targetSearch = `${SEARXNG_URL}?q=${encodeURIComponent(q)}&format=json&language=ar`;
+        const finalUrl = `${PROXY_URL}?url=${encodeURIComponent(targetSearch)}`;
         try {
             const response = await fetch(finalUrl);
+            const text = await response.text();
+            // فحص إذا كان السيرفر أرجع صفحة ويب بدلاً من البيانات
+            if (text.trim().startsWith("<")) {
+                console.error("الرد المستلم ليس JSON:", text);
+                throw new Error("تعذر جلب البيانات. الرجاء التأكد من أن سيرفر SearXNG على OpenShift قيد التشغيل ولم يتوقف، أو أن جوجل يرفض تمرير الطلب.");
+            }
+            const data = JSON.parse(text);
             loader.style.display = 'none';
             if (!data.results || data.results.length === 0) {
                 return;
             }
+            area.innerHTML = "";
             data.results.forEach(item => {
                 area.innerHTML += `
                     <div class="result">
         } catch (err) {
             loader.style.display = 'none';
             errorDiv.style.display = 'block';
+            errorDiv.innerHTML = `<b>حدث خطأ أثناء الاتصال:</b><br>${err.message}`;
             console.error(err);
         }
     }