feature/docker-ux-improvement

Author: amandaambrosiov

Dockerfile

@@ -0,0 +1,19 @@
+# Use uma imagem oficial do Python
+FROM python:3.10-slim
+
+# Defina o diretório de trabalho dentro do container
+WORKDIR /app
+
+# Copie os arquivos de requirements e instale as dependências
+COPY requirements.txt .
+RUN pip install --upgrade pip
+RUN pip install -r requirements.txt
+
+# Copie todo o projeto para dentro do container
+COPY . .
+
+# Exponha a porta que o Django vai rodar
+EXPOSE 8000
+
+# Comando para rodar o servidor Django
+CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]

argus_ia/settings.py

@@ -55,19 +55,19 @@
 WSGI_APPLICATION = 'argus_ia.wsgi.application'
 
 # Database Configuration
+# DATABASES
 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.sqlite3',
         'NAME': BASE_DIR / 'db.sqlite3',
     }
 }
 
-# Railway PostgreSQL (automático)
 if 'DATABASE_URL' in os.environ:
     import dj_database_url
     DATABASES['default'] = dj_database_url.config(
         conn_max_age=600,
-        ssl_require=True
+        ssl_require=False
     )
 
 # Password validation

detection/urls.py

@@ -6,6 +6,8 @@
 urlpatterns = [
     path('', views.DashboardView.as_view(), name='dashboard'),
     path('generate-dataset/', views.GenerateDatasetPageView.as_view(), name='generate_dataset_page'),
+    path('analyze/', views.analyze_page, name='analyze_page'),
+    path('analyses/', views.AllAnalysesView.as_view(), name='all_analyses'),
     path('generate-download/', views.GenerateAndDownloadDatasetView.as_view(), name='generate_and_download_dataset'),
     path('download-posts-csv/', views.DownloadPostsCSVView.as_view(), name='download_posts_csv'),
     path('download-comments-csv/', views.DownloadCommentsCSVView.as_view(), name='download_comments_csv'),

detection/views.py

@@ -11,24 +11,59 @@
 import zipfile
 import numpy as np
 
+
 from .models import Dataset, AnalysisSession, SuspiciousComment, UserBehavior, PostAnalysis
 from .ml.data_generator import DataGenerator
 from .ml.detector import SuspiciousPatternDetector
 from .utils.exporters import export_to_csv, export_to_excel
+from django.shortcuts import render
+from django.db.models import Sum
+from django.core.paginator import Paginator
+from django.views import View
+from django.shortcuts import render
+from .models import AnalysisSession
+
+
+def analyze_page(request):
+    return render(request, 'detection/analyze.html')
 
 class DashboardView(View):
     def get(self, request):
         datasets = Dataset.objects.all().order_by('-created_at')
         analyses = AnalysisSession.objects.all().order_by('-created_at')[:10]
-        
+
+        total_posts_analyzed = AnalysisSession.objects.aggregate(
+        total_posts=Sum('dataset__posts_count')
+        )['total_posts'] or 0
+
+        total_comments_analyzed = AnalysisSession.objects.aggregate(
+        total_comments=Sum('total_comments')
+        )['total_comments'] or 0
+
         context = {
             'datasets': datasets,
             'recent_analyses': analyses,
             'total_analyses': analyses.count(),
             'total_datasets': datasets.count(),
+            'total_posts_analyzed': total_posts_analyzed,
+            'total_comments_analyzed': total_comments_analyzed
         }
         return render(request, 'detection/dashboard.html', context)
 
+class AllAnalysesView(View):
+    def get(self, request):
+        analyses = AnalysisSession.objects.all().order_by('-created_at')
+
+        paginator = Paginator(analyses, 10)  # 10 análises por página
+        page_number = request.GET.get('page')
+        page_obj = paginator.get_page(page_number)
+
+        context = {
+            'page_obj': page_obj
+        }
+
+        return render(request, 'detection/all_analyses.html', context)
+
 class GenerateDatasetPageView(View):
     """Página para gerar datasets"""
     def get(self, request):

docker-compose.yml

@@ -0,0 +1,30 @@
+version: '3.9'
+
+services:
+  db:
+    image: postgres:15
+    container_name: argus_db
+    environment:
+      POSTGRES_USER: argususer
+      POSTGRES_PASSWORD: arguspass
+      POSTGRES_DB: argusdb
+    ports:
+      - "5433:5433"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+  web:
+    build: .
+    container_name: argus_web
+    command: python manage.py runserver 0.0.0.0:8000
+    volumes:
+      - .:/app
+    ports:
+      - "8000:8000"
+    depends_on:
+      - db
+    environment:
+      - DATABASE_URL=postgres://argususer:arguspass@db:5432/argusdb
+
+volumes:
+  postgres_data:

requirements.txt

@@ -8,4 +8,6 @@ gunicorn==20.1.0
 whitenoise==6.4.0
 psycopg2-binary==2.9.6
 python-dotenv==1.0.0
-dj-database-url==1.2.0
+dj-database-url==1.2.0
+psycopg2-binary
+dj-database-url

static/detection/css/style.css

@@ -14,18 +14,25 @@
     --info-color: #00bfff;
 }
 
-*{
+* {
     color: beige;
 }
 
+.gradient-bg {
+    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #6a0dad 100%);
+    min-height: 100vh;
+}
+
 .table td {
-    color: #ffffff !important; /* Força texto branco */
+    color: #ffffff !important;
+    /* Força texto branco */
     background: rgba(26, 26, 46, 0.8) !important;
     border-color: rgba(138, 43, 226, 0.3) !important;
 }
 
 .table th {
-    color: #ffffff !important; /* Texto branco nos cabeçalhos */
+    color: #ffffff !important;
+    /* Texto branco nos cabeçalhos */
     background: linear-gradient(135deg, var(--primary-purple) 0%, var(--secondary-purple) 100%) !important;
     border: none !important;
 }
@@ -129,27 +136,27 @@ body {
     transition: all 0.3s ease;
 }
 
-.stat-card.bg-primary { 
+.stat-card.bg-primary {
     background: linear-gradient(135deg, var(--primary-purple) 0%, #5a0ca8 100%) !important;
     border-left-color: var(--secondary-purple);
 }
 
-.stat-card.bg-success { 
+.stat-card.bg-success {
     background: linear-gradient(135deg, #00cc00 0%, #009900 100%) !important;
     border-left-color: #00ff00;
 }
 
-.stat-card.bg-warning { 
+.stat-card.bg-warning {
     background: linear-gradient(135deg, #ff9900 0%, #cc7700 100%) !important;
     border-left-color: #ffa500;
 }
 
-.stat-card.bg-info { 
+.stat-card.bg-info {
     background: linear-gradient(135deg, #0099cc 0%, #006699 100%) !important;
     border-left-color: #00bfff;
 }
 
-.stat-card.bg-danger { 
+.stat-card.bg-danger {
     background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%) !important;
     border-left-color: #ff6666;
 }
@@ -191,12 +198,29 @@ body {
     padding: 0.4em 0.8em;
 }
 
-.bg-primary { background: linear-gradient(45deg, var(--primary-purple), var(--secondary-purple)) !important; }
-.bg-success { background: linear-gradient(45deg, #00cc00, #00ff00) !important; }
-.bg-warning { background: linear-gradient(45deg, #ff9900, #ffa500) !important; }
-.bg-info { background: linear-gradient(45deg, #0099cc, #00bfff) !important; }
-.bg-danger { background: linear-gradient(45deg, #ff4444, #ff6666) !important; }
-.bg-secondary { background: linear-gradient(45deg, #6c757d, #495057) !important; }
+.bg-primary {
+    background: linear-gradient(45deg, var(--primary-purple), var(--secondary-purple)) !important;
+}
+
+.bg-success {
+    background: linear-gradient(45deg, #00cc00, #00ff00) !important;
+}
+
+.bg-warning {
+    background: linear-gradient(45deg, #ff9900, #ffa500) !important;
+}
+
+.bg-info {
+    background: linear-gradient(45deg, #0099cc, #00bfff) !important;
+}
+
+.bg-danger {
+    background: linear-gradient(45deg, #ff4444, #ff6666) !important;
+}
+
+.bg-secondary {
+    background: linear-gradient(45deg, #6c757d, #495057) !important;
+}
 
 /* Botões Estilizados */
 .btn {
@@ -277,22 +301,22 @@ body {
     background: rgba(26, 26, 46, 0.9);
 }
 
-.alert-success { 
+.alert-success {
     border-left-color: var(--success-color);
     color: var(--success-color);
 }
 
-.alert-danger { 
+.alert-danger {
     border-left-color: var(--danger-color);
     color: var(--danger-color);
 }
 
-.alert-warning { 
+.alert-warning {
     border-left-color: var(--warning-color);
     color: var(--warning-color);
 }
 
-.alert-info { 
+.alert-info {
     border-left-color: var(--info-color);
     color: var(--info-color);
 }
@@ -353,13 +377,14 @@ footer.bg-dark {
 
 /* Animações */
 @keyframes fadeIn {
-    from { 
-        opacity: 0; 
-        transform: translateY(20px); 
+    from {
+        opacity: 0;
+        transform: translateY(20px);
     }
-    to { 
-        opacity: 1; 
-        transform: translateY(0); 
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
     }
 }
 
@@ -372,16 +397,16 @@ footer.bg-dark {
     .card-body {
         padding: 1rem;
     }
-    
+
     .table-responsive {
         font-size: 0.85rem;
     }
-    
+
     .btn {
         font-size: 0.9rem;
         padding: 0.5rem 1rem;
     }
-    
+
     .navbar-brand {
         font-size: 1.4rem;
     }