Create app.py

app.py

@@ -0,0 +1,282 @@
+import gradio as gr
+import sqlite3
+import datetime
+import hashlib
+from datetime import datetime, timedelta
+import json
+
+# إنشاء قاعدة البيانات
+def init_db():
+    conn = sqlite3.connect('testimonials.db')
+    c = conn.cursor()
+    c.execute('''CREATE TABLE IF NOT EXISTS testimonials
+                 (id INTEGER PRIMARY KEY AUTOINCREMENT,
+                  name TEXT,
+                  role TEXT,
+                  content TEXT NOT NULL,
+                  timestamp TEXT NOT NULL,
+                  likes INTEGER DEFAULT 0,
+                  is_highlighted INTEGER DEFAULT 0,
+                  ip_hash TEXT)''')
+    conn.commit()
+    conn.close()
+
+# إضافة رأي جديد
+def add_testimonial(name, role, content, request):
+    if not content or content.strip() == "":
+        return "❌ الرجاء كتابة رأيك", None, None, None
+    
+    if len(content) > 800:
+        return "❌ الرأي طويل جداً (الحد الأقصى 800 حرف)", None, None, None
+    
+    # فلتر كلمات بسيط
+    bad_words = ["يلعن", "تبن", "سافل", "كلب", "خنزير", "عاهرة"]
+    if any(word in content.lower() for word in bad_words):
+        return "❌ نرجو الابتعاد عن الكلمات غير اللائقة", None, None, None
+    
+    # تسجيل عنوان IP بشكل مشفر (للحماية)
+    ip_hash = None
+    if request:
+        client_ip = request.client.host
+        ip_hash = hashlib.sha256(client_ip.encode()).hexdigest()[:16]
+    
+    conn = sqlite3.connect('testimonials.db')
+    c = conn.cursor()
+    
+    name_final = name.strip() if name and name.strip() != "" else "مجهول"
+    role_final = role.strip() if role else ""
+    timestamp = datetime.now().isoformat()
+    
+    c.execute("INSERT INTO testimonials (name, role, content, timestamp, likes, is_highlighted, ip_hash) VALUES (?, ?, ?, ?, ?, ?, ?)",
+              (name_final, role_final, content.strip(), timestamp, 0, 0, ip_hash))
+    conn.commit()
+    conn.close()
+    
+    return "✅ تم نشر رأيك بنجاح!", "", "", get_all_testimonials()
+
+# جلب كل الآراء
+def get_all_testimonials(filter_type="all", sort_by="newest"):
+    conn = sqlite3.connect('testimonials.db')
+    c = conn.cursor()
+    
+    # بناء الاستعلام حسب الفلتر
+    query = "SELECT id, name, role, content, timestamp, likes, is_highlighted FROM testimonials"
+    conditions = []
+    params = []
+    
+    if filter_type == "highlight":
+        conditions.append("is_highlighted = 1")
+    elif filter_type == "liked":
+        conditions.append("likes > 0")
+    
+    if conditions:
+        query += " WHERE " + " AND ".join(conditions)
+    
+    # الترتيب
+    if sort_by == "likes":
+        query += " ORDER BY likes DESC, timestamp DESC"
+    else:
+        query += " ORDER BY timestamp DESC"
+    
+    c.execute(query, params)
+    rows = c.fetchall()
+    conn.close()
+    
+    if not rows:
+        return [("", "✨ لا توجد آراء بعد", "", "", "", "", "")]
+    
+    # تحويل البيانات لعرضها بشكل جميل
+    testimonials_list = []
+    for row in rows:
+        id, name, role, content, timestamp, likes, is_highlighted = row
+        # تحويل التوقيت
+        try:
+            dt = datetime.fromisoformat(timestamp)
+            now = datetime.now()
+            diff = now - dt
+            
+            if diff.days > 7:
+                time_ago = dt.strftime("%Y/%m/%d")
+            elif diff.days > 0:
+                time_ago = f"منذ {diff.days} يوم"
+            elif diff.seconds > 3600:
+                hours = diff.seconds // 3600
+                time_ago = f"منذ {hours} ساعة"
+            elif diff.seconds > 60:
+                minutes = diff.seconds // 60
+                time_ago = f"منذ {minutes} دقيقة"
+            else:
+                time_ago = "الآن"
+        except:
+            time_ago = "تاريخ غير معروف"
+        
+        # إضافة علامة مؤثر
+        highlight_badge = "⭐ مؤثر" if is_highlighted else ""
+        
+        # تنسيق البطاقة
+        role_text = f"<span style='font-size:0.75rem; color:#64748b; background:#f1f5f9; padding:0.2rem 0.6rem; border-radius:40px; margin-right:0.5rem;'>{role}</span>" if role else ""
+        
+        card = f"""
+        <div style='background: white; border-radius: 24px; padding: 1.5rem; margin-bottom: 1rem; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; {("border-right: 5px solid #f59e0b; background: #fffbeb;" if is_highlighted else "")}'>
+            <div style='display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.75rem;'>
+                <div>
+                    <span style='font-weight: 700; font-size: 1rem; color: #0f172a;'>{name}</span>
+                    {role_text}
+                </div>
+                <div style='font-size: 0.7rem; color: #94a3b8;'>
+                    <i class='far fa-calendar-alt'></i> {time_ago}
+                </div>
+            </div>
+            <div style='font-size: 0.98rem; line-height: 1.6; color: #1e293b; margin: 0.8rem 0 1rem 0;'>
+                {content}
+            </div>
+            <div style='display: flex; gap: 1rem; margin-top: 0.5rem;'>
+                <button onclick="likeTestimonial({id})" style='background: none; border: none; display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #64748b; cursor: pointer; padding: 0.3rem 0.8rem; border-radius: 40px;'>
+                    <i class='far fa-heart'></i> <span id='like-count-{id}'>{likes}</span>
+                </button>
+                <button onclick="highlightTestimonial({id})" style='background: none; border: none; display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #64748b; cursor: pointer; padding: 0.3rem 0.8rem; border-radius: 40px;'>
+                    <i class='{"fas fa-star" if is_highlighted else "far fa-star"}' style='{"color:#f59e0b" if is_highlighted else ""}'></i> {"إزالة التميز" if is_highlighted else "تمييز كمؤثر"}
+                </button>
+            </div>
+        </div>
+        """
+        testimonials_list.append(card)
+    
+    return testimonials_list
+
+# إعجاب
+def like_testimonial(testimonial_id):
+    conn = sqlite3.connect('testimonials.db')
+    c = conn.cursor()
+    c.execute("UPDATE testimonials SET likes = likes + 1 WHERE id = ?", (testimonial_id,))
+    conn.commit()
+    conn.close()
+    return get_all_testimonials()
+
+# تمييز رأي
+def highlight_testimonial(testimonial_id):
+    conn = sqlite3.connect('testimonials.db')
+    c = conn.cursor()
+    c.execute("SELECT is_highlighted FROM testimonials WHERE id = ?", (testimonial_id,))
+    current = c.fetchone()
+    new_value = 0 if current and current[0] == 1 else 1
+    c.execute("UPDATE testimonials SET is_highlighted = ? WHERE id = ?", (new_value, testimonial_id))
+    conn.commit()
+    conn.close()
+    return get_all_testimonials()
+
+# دالة التحديث الرئيسية
+def update_display(filter_type, sort_by):
+    testimonials_list = get_all_testimonials(filter_type, sort_by)
+    count = len(testimonials_list)
+    stats_text = f"📊 {count} {('رأي' if count == 1 else 'رأي')}"
+    
+    html_content = f"""
+    <div style='margin-bottom: 1rem; padding: 0.5rem 1rem; background: #e0e7ff; border-radius: 40px; display: inline-block;'>
+        {stats_text}
+    </div>
+    """
+    
+    for card in testimonials_list:
+        html_content += card
+    
+    return html_content
+
+# واجهة Gradio
+def create_interface():
+    with gr.Blocks(title="جدار الشفافية - آراء حقيقية بلا تحرير", theme=gr.themes.Soft()) as demo:
+        gr.HTML("""
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+        <div style="text-align: center; margin-bottom: 2rem;">
+            <div style="display: inline-block; background: linear-gradient(135deg, #e0e7ff, #c7d2fe); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 600; color: #1e3a8a; margin-bottom: 1rem;">
+                <i class="fas fa-microphone-alt"></i> شفافية كاملة · آراء حقيقية
+            </div>
+            <h1 style="font-size: 2.5rem; font-weight: 800; background: linear-gradient(135deg, #0f172a, #1e293b); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 0.75rem;">
+                جدار الشفافية
+            </h1>
+            <p style="font-size: 1.1rem; color: #334155; max-width: 620px; margin: 0 auto;">
+                لا تحرير · لا موافقة مسبقة · آراء فورية من المشاركين الحقيقيين
+            </p>
+            <div style="display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 1rem; background: #dcfce7; width: fit-content; margin-left: auto; margin-right: auto; padding: 0.5rem 1.2rem; border-radius: 60px; color: #166534;">
+                <i class="fas fa-check-circle"></i> <span>مباشر وشفاف — كل رأي يُنشر فوراً للجميع</span>
+            </div>
+        </div>
+        """)
+        
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### 📝 شارك رأيك")
+                name_input = gr.Textbox(label="الاسم (اختياري)", placeholder="مثال: أحمد محمد", max_lines=1)
+                role_input = gr.Textbox(label="الدور (اختياري)", placeholder="مثال: متدرب، مهندس", max_lines=1)
+                content_input = gr.Textbox(label="رأيك *", placeholder="شارك تجربتك الحقيقية — كيف كان الأثر؟", lines=4, max_lines=6)
+                submit_btn = gr.Button("📢 انشر رأيك الآن", variant="primary")
+                status_msg = gr.Markdown("")
+            
+            with gr.Column(scale=2):
+                gr.Markdown("### 💬 آراء المشاركين")
+                with gr.Row():
+                    filter_dropdown = gr.Dropdown(
+                        choices=["الكل", "الأكثر تأثيراً", "الأكثر إعجاباً"],
+                        value="الكل",
+                        label="تصفية حسب"
+                    )
+                    sort_dropdown = gr.Dropdown(
+                        choices=["الأحدث أولاً", "الأكثر إعجاباً"],
+                        value="الأحدث أولاً",
+                        label="ترتيب حسب"
+                    )
+                
+                refresh_btn = gr.Button("🔄 تحديث", variant="secondary", size="sm")
+                testimonials_display = gr.HTML(label="")
+        
+        # تحويل القيم الإنجليزية
+        def map_filters(filter_val, sort_val):
+            filter_map = {"الكل": "all", "الأكثر تأثيراً": "highlight", "الأكثر إعجاباً": "liked"}
+            sort_map = {"الأحدث أولاً": "newest", "الأكثر إعجاباً": "likes"}
+            return filter_map.get(filter_val, "all"), sort_map.get(sort_val, "newest")
+        
+        # تحديث العرض
+        def update_view(filter_val, sort_val):
+            f, s = map_filters(filter_val, sort_val)
+            return update_display(f, s)
+        
+        # إضافة رأي جديد
+        def submit_testimonial(name, role, content, filter_val, sort_val, request):
+            result = add_testimonial(name, role, content, request)
+            if result[0].startswith("✅"):
+                f, s = map_filters(filter_val, sort_val)
+                return result[0], "", "", update_display(f, s)
+            return result[0], "", "", gr.update()
+        
+        # ربط الأحداث
+        submit_btn.click(
+            submit_testimonial,
+            inputs=[name_input, role_input, content_input, filter_dropdown, sort_dropdown],
+            outputs=[status_msg, name_input, role_input, testimonials_display]
+        )
+        
+        refresh_btn.click(
+            update_view,
+            inputs=[filter_dropdown, sort_dropdown],
+            outputs=[testimonials_display]
+        )
+        
+        filter_dropdown.change(update_view, inputs=[filter_dropdown, sort_dropdown], outputs=[testimonials_display])
+        sort_dropdown.change(update_view, inputs=[filter_dropdown, sort_dropdown], outputs=[testimonials_display])
+        
+        # تحميل أولي
+        demo.load(update_view, inputs=[filter_dropdown, sort_dropdown], outputs=[testimonials_display])
+        
+        gr.HTML("""
+        <footer style="margin-top: 3rem; text-align: center; font-size: 0.8rem; color: #64748b; border-top: 1px solid #e2e8f0; padding-top: 2rem;">
+            <i class="fas fa-code"></i> منصة شفافة مبنية على الثقة · كل رأي يُنشر كما هو · تخزين مركزي للجميع
+        </footer>
+        """)
+    
+    return demo
+
+# تشغيل التطبيق
+if __name__ == "__main__":
+    init_db()
+    demo = create_interface()
+    demo.launch()