Upload 2 files

admin_dashboard_filemanager.py

@@ -1,364 +1,145 @@
-import gradio as gr
-import json
-import os
-import shutil
+import streamlit as st
 from pathlib import Path
 from datetime import datetime
+import shutil
 import zipfile
+from PIL import Image
+import time
 
-# CSS سفارشی با طراحی گلس مورفیسم و نئومورفیسم
-CUSTOM_CSS = """
-.file-manager {
-    border-radius: 20px;
-    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15), -4px -4px 10px rgba(255, 255, 255, 0.7);
-    backdrop-filter: blur(10px);
-    background-color: rgba(255, 255, 255, 0.2);
-    padding: 20px;
-}
-
-.custom-header {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white !important;
-    padding: 20px !important;
-    border-radius: 20px;
-    margin: -20px -20px 20px -20px !important;
-}
+# تنظیمات صفحه
+st.set_page_config(page_title="مدیریت فایل‌ها", layout="centered", page_icon="📁")
 
-.file-operations {
-    display: flex;
-    gap: 10px;
-    margin: 15px 0;
-    background: rgba(240, 248, 255, 0.7);
-    padding: 15px;
-    border-radius: 20px;
-    box-shadow: inset 4px 4px 6px rgba(0, 0, 0, 0.1), inset -4px -4px 6px rgba(255, 255, 255, 0.5);
+# CSS برای طراحی گلس مورفیسم و نئومورفیسم
+CUSTOM_CSS = """
+<style>
+body {
+    font-family: 'Vazir', sans-serif;
+    background: linear-gradient(135deg, #ece9e6, #ffffff);
 }
-
-.file-preview {
-    border-radius: 20px;
-    margin-top: 15px;
+.dashboard-container {
+    max-width: 800px;
+    margin: auto;
     padding: 20px;
-    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.5);
-    backdrop-filter: blur(5px);
-    background: rgba(255, 255, 255, 0.7);
-}
-
-.breadcrumb {
-    background: rgba(241, 245, 249, 0.9);
-    padding: 12px 20px;
-    border-radius: 20px;
-    margin-bottom: 20px;
-    display: flex;
-    align-items: center;
-    gap: 10px;
 }
-
-.search-box {
-    margin: 10px 0;
-    padding: 12px;
+.glass-card, .glass-button, .drag-drop {
+    backdrop-filter: blur(10px);
+    background: rgba(255, 255, 255, 0.15);
     border-radius: 20px;
-    border: 2px solid rgba(102, 126, 234, 0.5);
-    width: 100%;
-    backdrop-filter: blur(5px);
+    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15), -4px -4px 10px rgba(255, 255, 255, 0.7);
+    padding: 20px;
+    margin: 15px 0;
     transition: all 0.3s ease;
 }
-
-.search-box:focus {
-    border-color: #667eea;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
-}
-
-.file-item, .folder-item {
-    transition: all 0.3s ease;
-    padding: 12px 15px;
-    margin: 5px 0;
-    border-radius: 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.glass-button {
+    color: #ffffff;
+    background: linear-gradient(135deg, #4a90e2, #50e3c2);
+    border: none;
+    font-size: 18px;
     cursor: pointer;
-    backdrop-filter: blur(5px);
-    box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.1), inset -3px -3px 5px rgba(255, 255, 255, 0.5);
-}
-
-.file-item:hover, .folder-item:hover {
-    background-color: rgba(255, 255, 255, 0.8);
-    transform: translateX(5px);
-}
-
-.status-message {
-    margin-top: 15px;
-    padding: 12px;
+    width: 100%;
+    padding: 10px 20px;
+    margin-top: 10px;
     border-radius: 20px;
-    animation: slideIn 0.3s ease;
-    background: rgba(255, 255, 255, 0.8);
-}
-
-.operation-button {
-    transition: all 0.3s ease !important;
-    border-radius: 20px !important;
-    padding: 8px 16px !important;
-    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1), -4px -4px 6px rgba(255, 255, 255, 0.7);
-}
-
-.operation-button:hover {
-    transform: translateY(-2px);
+    transition: all 0.3s ease;
 }
-
-.preview-title {
-    color: #4a5568;
-    font-size: 1.1em;
-    margin-bottom: 10px;
-    border-bottom: 2px solid rgba(226, 232, 240, 0.8);
-    padding-bottom: 8px;
+.glass-button:hover {
+    background: linear-gradient(135deg, #50e3c2, #4a90e2);
 }
-
-.context-menu {
-    position: absolute;
-    background: rgba(255, 255, 255, 0.95);
-    border-radius: 20px;
-    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1), -4px -4px 6px rgba(255, 255, 255, 0.7);
-    padding: 5px 0;
-    z-index: 1000;
+.drag-drop {
+    border: 2px dashed #4a90e2;
+    padding: 40px;
+    text-align: center;
+    cursor: pointer;
 }
+</style>
 """
+st.markdown(CUSTOM_CSS, unsafe_allow_html=True)
 
-class EnhancedFileManager:
+class FileManager:
     def __init__(self):
-        self.root_path = Path('data')
+        self.root_path = Path('uploads')
         self.root_path.mkdir(exist_ok=True)
-        self.clipboard = None
-        self.history = []
-        self.current_path = str(self.root_path)
-        
-    def list_files(self, search_query=""):
-        path = Path(self.current_path)
-        files = []
-        folders = []
-        
-        try:
-            for item in path.iterdir():
-                if search_query and search_query.lower() not in item.name.lower():
-                    continue
-                    
-                modified_time = datetime.fromtimestamp(item.stat().st_mtime).strftime("%Y-%m-%d %H:%M")
-                
-                if item.is_file():
-                    size = item.stat().st_size
-                    size_str = f"{size/1024/1024:.2f} MB" if size > 1024*1024 else f"{size/1024:.1f} KB"
-                    icon = self._get_file_icon(item.suffix.lower())
-                    
-                    files.append({
-                        "icon": icon,
-                        "name": item.name,
-                        "type": "file",
-                        "path": str(item),
-                        "size": size_str,
-                        "modified": modified_time
-                    })
-                else:
-                    items_count = len(list(item.iterdir()))
-                    folders.append({
-                        "icon": "📁",
-                        "name": item.name,
-                        "type": "folder",
-                        "path": str(item),
-                        "modified": modified_time,
-                        "items_count": items_count
-                    })
-            
-            return {
-                "folders": sorted(folders, key=lambda x: x["name"].lower()),
-                "files": sorted(files, key=lambda x: x["name"].lower())
-            }
-            
-        except Exception as e:
-            return {"folders": [], "files": [], "error": str(e)}
-    
-    def _get_file_icon(self, extension):
-        icons = {
-            '.pdf': '📕',
-            '.txt': '📄',
-            '.doc': '📝',
-            '.docx': '📝',
-            '.xls': '📊',
-            '.xlsx': '📊',
-            '.jpg': '🖼️',
-            '.jpeg': '🖼️',
-            '.png': '🖼️',
-            '.gif': '🖼️',
-            '.zip': '🗜️',
-            '.rar': '🗜️',
-            '.mp3': '🎵',
-            '.mp4': '🎥',
-            '.py': '🐍',
-            '.js': '📜',
-            '.html': '🌐',
-            '.css': '🎨'
-        }
-        return icons.get(extension, '📄')
-    
-    def create_folder(self, name):
-        if not name:
-            return False, self._create_status("لطفاً نام پوشه را وارد کنید", "error")
-        
-        try:
-            new_folder = Path(self.current_path) / name
-            if new_folder.exists():
-                return False, self._create_status("پوشه‌ای با این نام قبلاً وجود دارد", "error")
-                
-            new_folder.mkdir(parents=True)
-            return True, self._create_status("پوشه با موفقیت ایجاد شد", "success")
-        except Exception as e:
-            return False, self._create_status(f"خطا در ایجاد پوشه: {str(e)}", "error")
-    
+
     def upload_file(self, file):
-        if file is None:
-            return False, self._create_status("لطفاً یک فایل انتخاب کنید", "error")
-            
-        try:
-            dest_path = Path(self.current_path) / file.name
-            if dest_path.exists():
-                return False, self._create_status("فایلی با این نام قبلاً وجود دارد", "error")
-                
-            shutil.copy2(file.name, dest_path)
-            return True, self._create_status("فایل با موفقیت آپلود شد", "success")
-        except Exception as e:
-            return False, self._create_status(f"خطا در آپلود: {str(e)}", "error")
-    
-    def delete_item(self, path):
-        try:
-            path = Path(path)
-            if path.is_file():
-                path.unlink()
+        """آپلود فایل با نوار پیشرفت"""
+        dest_path = self.root_path / file.name
+        with open(dest_path, "wb") as f:
+            total_size = file.size
+            chunk_size = 1024
+            bytes_read = 0
+            while bytes_read < total_size:
+                data = file.read(chunk_size)
+                f.write(data)
+                bytes_read += len(data)
+                st.progress(bytes_read / total_size)
+        return f"فایل '{file.name}' با موفقیت آپلود شد."
+
+    def list_files(self, file_type=None):
+        """لیست فایل‌ها با فیلتر نوع فایل"""
+        files = [f.name for f in self.root_path.iterdir() if f.is_file() and (not file_type or f.suffix == file_type)]
+        return files
+
+    def delete_file(self, filename):
+        """حذف فایل"""
+        path = self.root_path / filename
+        if path.exists():
+            path.unlink()
+            return f"فایل '{filename}' حذف شد."
+        return f"فایل '{filename}' یافت نشد."
+
+    def preview_file(self, filename):
+        """پیش‌نمایش فایل"""
+        path = self.root_path / filename
+        if path.suffix in ['.jpg', '.jpeg', '.png']:
+            return Image.open(path)
+        elif path.suffix == '.txt':
+            with open(path, "r", encoding="utf-8") as f:
+                return f.read(300)
+        return "پیش‌نمایش در دسترس نیست."
+
+    def compress_files(self, files):
+        """فشرده‌سازی فایل‌ها"""
+        zip_name = f"compressed_{datetime.now().strftime('%Y%m%d%H%M%S')}.zip"
+        zip_path = self.root_path / zip_name
+        with zipfile.ZipFile(zip_path, 'w') as zipf:
+            for file in files:
+                file_path = self.root_path / file
+                zipf.write(file_path, file)
+                st.progress((files.index(file) + 1) / len(files))
+        return f"فایل‌ها با نام '{zip_name}' فشرده شدند."
+
+file_manager = FileManager()
+
+# آپلود فایل
+st.title("📁 مدیریت فایل‌ها")
+uploaded_file = st.file_uploader("فایل خود را آپلود کنید", type=["jpg", "jpeg", "png", "txt"], accept_multiple_files=False)
+
+if uploaded_file:
+    st.write(file_manager.upload_file(uploaded_file))
+
+# لیست فایل‌ها و فیلتر نوع فایل
+st.subheader("فایل‌های آپلود شده")
+file_type = st.selectbox("نمایش فایل‌های:", ["همه", ".jpg", ".txt", ".png"], index=0)
+files = file_manager.list_files(None if file_type == "همه" else file_type)
+
+# نمایش منوی زمینه و عملیات‌ها
+for file in files:
+    col1, col2, col3, col4 = st.columns([3, 1, 1, 1])
+    with col1:
+        if st.button(f"پیش‌نمایش {file}"):
+            preview = file_manager.preview_file(file)
+            if isinstance(preview, str):
+                st.text(preview)
             else:
-                shutil.rmtree(path)
-            return True, self._create_status("آیتم با موفقیت حذف شد", "success")
-        except Exception as e:
-            return False, self._create_status(f"خطا در حذف: {str(e)}", "error")
-    
-    def compress_items(self, items):
-        try:
-            if not items:
-                return False, self._create_status("لطفاً حداقل یک آیتم انتخاب کنید", "error")
-                
-            archive_name = f"archive_{datetime.now().strftime('%Y%m%d_%H%M%S')}"
-            archive_path = Path(self.current_path) / f"{archive_name}.zip"
-            
-            with zipfile.ZipFile(archive_path, 'w') as zipf:
-                for item in items:
-                    item_path = Path(item)
-                    if item_path.is_file():
-                        zipf.write(item_path, item_path.name)
-                    else:
-                        for root, dirs, files in os.walk(item_path):
-                            for file in files:
-                                file_path = Path(root) / file
-                                zipf.write(file_path, file_path.relative_to(item_path.parent))
-                                
-            return True, self._create_status("فایل فشرده با موفقیت ایجاد شد", "success")
-        except Exception as e:
-            return False, self._create_status(f"خطا در فشرده‌سازی: {str(e)}", "error")
-
-    def _create_status(self, message, status="info"):
-        color_map = {
-            "success": "#48bb78",
-            "error": "#f56565",
-            "info": "#4299e1",
-            "warning": "#ecc94b"
-        }
-        color = color_map.get(status, color_map["info"])
-        
-        return f"""
-        <div class="status-message" style="
-            background-color: {color}10;
-            border-right: 4px solid {color};
-            color: {color};
-        ">
-            {message}
-        </div>
-        """
-
-def create_interface():
-    manager = EnhancedFileManager()
-    
-    with gr.Blocks(css=CUSTOM_CSS) as interface:
-        with gr.Column(elem_classes="file-manager"):
-            gr.Markdown("# 🗂️ مدیریت پیشرفته فایل‌ها", elem_classes="custom-header")
-            
-            # نوار مسیر
-            with gr.Row(elem_classes="breadcrumb"):
-                current_path = gr.Textbox(value=manager.current_path, label="", interactive=False)
-                home_btn = gr.Button("🏠", elem_classes="operation-button")
-                up_btn = gr.Button("⬆️", elem_classes="operation-button")
-                refresh_btn = gr.Button("🔄", elem_classes="operation-button")
-            
-            # جستجو
-            search_box = gr.Textbox(
-                placeholder="🔍 جستجو در فایل‌ها...",
-                elem_classes="search-box"
-            )
-            
-            # عملیات اصلی
-            with gr.Row(elem_classes="file-operations"):
-                upload_btn = gr.UploadButton(
-                    "📤 آپلود فایل",
-                    elem_classes="operation-button"
-                )
-                new_folder_btn = gr.Button(
-                    "📁 پوشه جدید",
-                    elem_classes="operation-button"
-                )
-                compress_btn = gr.Button(
-                    "🗜️ فشرده‌سازی",
-                    elem_classes="operation-button"
-                )
-            
-            # لیست فایل‌ها و پیش‌نمایش
-            with gr.Row():
-                with gr.Column(scale=2):
-                    file_list = gr.HTML()
-                with gr.Column(scale=1):
-                    with gr.Group(elem_classes="file-preview"):
-                        gr.Markdown("### 👁️ پیش‌نمایش", elem_classes="preview-title")
-                        preview = gr.HTML()
-            
-            # پیام‌های وضعیت
-            status = gr.HTML()
-            
-            # عملکردها
-            def update_file_list(search=""):
-                files_data = manager.list_files(search)
-                return manager._format_file_list(files_data)
-            
-            def handle_upload(file):
-                success, message = manager.upload_file(file)
-                return message, update_file_list()
-            
-            def handle_new_folder():
-                name = gr.Textbox(label="نام پوشه جدید").value
-                success, message = manager.create_folder(name)
-                return message, update_file_list()
-            
-            # اتصال رویدادها
-            search_box.change(update_file_list, inputs=[search_box], outputs=[file_list])
-            upload_btn.upload(handle_upload, inputs=[upload_btn], outputs=[status, file_list])
-            new_folder_btn.click(handle_new_folder, outputs=[status, file_list])
-            refresh_btn.click(update_file_list, outputs=[file_list])
-            
-            home_btn.click(
-                lambda: (str(manager.root_path), update_file_list()),
-                outputs=[current_path, file_list]
-            )
-            
-            up_btn.click(
-                lambda p: (str(Path(p).parent), update_file_list()),
-                inputs=[current_path],
-                outputs=[current_path, file_list]
-            )
-    
-    return interface
-
-if __name__ == "__main__":
-    demo = create_interface()
-    demo.launch()
+                st.image(preview)
+    with col2:
+        if st.button(f"حذف {file}"):
+            st.write(file_manager.delete_file(file))
+    with col3:
+        st.download_button(label=f"دانلود {file}", data=open(file_manager.root_path / file, 'rb').read(), file_name=file)
+
+# فشرده‌سازی فایل‌ها
+st.subheader("فشرده‌سازی فایل‌ها")
+selected_files = st.multiselect("فایل‌های موردنظر را انتخاب کنید", files)
+if st.button("فشرده‌سازی فایل‌ها"):
+    st.write(file_manager.compress_files(selected_files))

admin_dashboard_sub.py

@@ -0,0 +1,218 @@
+import React, { useState, useEffect } from 'react';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';
+import { Upload, RefreshCw, Database, FileText, Settings } from 'lucide-react';
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+import { Button } from '@/components/ui/button';
+
+const AdminDashboard = () => {
+  // Sample data for learning chart
+  const [learningData, setLearningData] = useState([]);
+  const [isUpdating, setIsUpdating] = useState(false);
+  const [chatHistory, setChatHistory] = useState([]);
+  const [message, setMessage] = useState('');
+  const [stats, setStats] = useState({});
+  const [plotData, setPlotData] = useState([]);
+
+  const handleKnowledgeUpdate = () => {
+    setIsUpdating(true);
+    // Simulate update
+    setTimeout(() => setIsUpdating(false), 2000);
+  };
+
+  const handleChatSubmit = async () => {
+    const response = await fetch('http://localhost:7860/api/chat', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ message, history: chatHistory })
+    });
+    const data = await response.json();
+    setChatHistory(data.history);
+    setMessage('');
+  };
+
+  const handleFileUpload = async (file) => {
+    const formData = new FormData();
+    formData.append('file', file);
+    const response = await fetch('http://localhost:7860/api/upload', {
+      method: 'POST',
+      body: formData
+    });
+    const data = await response.json();
+    alert(data.message);
+  };
+
+  const handleShowStats = async () => {
+    const response = await fetch('http://localhost:7860/api/stats');
+    const data = await response.json();
+    setStats(data.stats);
+    setPlotData(data.plot);
+  };
+
+  useEffect(() => {
+    // Fetch initial learning data
+    const fetchLearningData = async () => {
+      const response = await fetch('http://localhost:7860/api/learning_data');
+      const data = await response.json();
+      setLearningData(data);
+    };
+    fetchLearningData();
+  }, []);
+
+  return (
+    <div className="p-6 max-w-7xl mx-auto space-y-6">
+      {/* Header */}
+      <div className="flex justify-between items-center">
+        <h1 className="text-3xl font-bold">Admin Dashboard</h1>
+        <Button
+          onClick={handleKnowledgeUpdate}
+          className="bg-blue-600 hover:bg-blue-700"
+          disabled={isUpdating}
+        >
+          <RefreshCw className={`w-4 h-4 mr-2 ${isUpdating ? 'animate-spin' : ''}`} />
+          Update Knowledge Base
+        </Button>
+      </div>
+
+      {/* Statistics Cards */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <Card>
+          <CardContent className="pt-6">
+            <div className="text-2xl font-bold">{stats.average_response_time || '89%'}</div>
+            <div className="text-sm text-gray-500">Current Learning Rate</div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardContent className="pt-6">
+            <div className="text-2xl font-bold">{stats.total_interactions || '1,234'}</div>
+            <div className="text-sm text-gray-500">Number of Answered Questions</div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardContent className="pt-6">
+            <div className="text-2xl font-bold">{stats.user_satisfaction || '95%'}</div>
+            <div className="text-sm text-gray-500">User Satisfaction</div>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Learning Chart */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Learning Rate Trend</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <div className="h-[400px] w-full">
+            <LineChart
+              width={800}
+              height={400}
+              data={plotData}
+              margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+            >
+              <CartesianGrid strokeDasharray="3 3" />
+              <XAxis dataKey="date" />
+              <YAxis />
+              <Tooltip />
+              <Legend />
+              <Line
+                type="monotone"
+                dataKey="rate"
+                stroke="#2563eb"
+                name="Learning Rate"
+                strokeWidth={2}
+              />
+            </LineChart>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Operation Buttons */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <Button className="h-24 text-lg justify-start p-6" variant="outline">
+          <FileText className="w-6 h-6 mr-4" />
+          Manage Files
+        </Button>
+
+        <Button className="h-24 text-lg justify-start p-6" variant="outline">
+          <Settings className="w-6 h-6 mr-4" />
+          Learning Settings
+        </Button>
+      </div>
+
+      {/* Alerts and Announcements */}
+      <Alert>
+        <AlertDescription>
+          Last knowledge base update: Yesterday at 15:30
+        </AlertDescription>
+      </Alert>
+
+      {/* Chat */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <Card>
+          <CardHeader>
+            <CardTitle>Chat</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="h-[400px] w-full overflow-y-auto">
+              {chatHistory.map((msg, index) => (
+                <div key={index} className="p-2 border-b">
+                  {msg}
+                </div>
+              ))}
+            </div>
+            <div className="flex mt-4">
+              <input
+                type="text"
+                className="flex-grow p-2 border rounded-l"
+                value={message}
+                onChange={(e) => setMessage(e.target.value)}
+                onKeyPress={(e) => e.key === 'Enter' && handleChatSubmit()}
+              />
+              <button
+                className="p-2 bg-blue-600 text-white rounded-r"
+                onClick={handleChatSubmit}
+              >
+                Send
+              </button>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Upload Documents */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <Card>
+          <CardHeader>
+            <CardTitle>Upload Documents</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <input type="file" onChange={(e) => handleFileUpload(e.target.files[0])} />
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Statistics */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <Card>
+          <CardHeader>
+            <CardTitle>Statistics</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <button className="p-2 bg-blue-600 text-white rounded" onClick={handleShowStats}>
+              Show Stats
+            </button>
+            <div className="mt-4">
+              <pre>{JSON.stringify(stats, null, 2)}</pre>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+};
+
+export default AdminDashboard;