625 Zeilen
21 KiB
Python
625 Zeilen
21 KiB
Python
"""
|
||
Account Creation Modal V2 - Verbessertes Design mit eindringlicher Warnung
|
||
Basierend auf dem Corporate Design Styleguide
|
||
"""
|
||
|
||
import logging
|
||
from typing import Optional, List, Dict
|
||
from datetime import datetime, timedelta
|
||
from PyQt5.QtWidgets import (
|
||
QDialog, QVBoxLayout, QHBoxLayout, QLabel,
|
||
QPushButton, QFrame, QWidget, QScrollArea,
|
||
QProgressBar, QGraphicsOpacityEffect
|
||
)
|
||
from PyQt5.QtCore import (
|
||
Qt, QTimer, pyqtSignal, QPropertyAnimation,
|
||
QEasingCurve, QRect, QSize
|
||
)
|
||
from PyQt5.QtGui import QFont, QPainter, QBrush, QColor, QPen, QPixmap
|
||
|
||
logger = logging.getLogger("account_creation_modal_v2")
|
||
|
||
|
||
class AccountCreationModalV2(QDialog):
|
||
"""
|
||
Verbessertes Modal für Account-Erstellung mit:
|
||
- Prominenter Warnung
|
||
- Besserer Step-Visualisierung
|
||
- Größerem Fenster
|
||
- Klarerer Kommunikation
|
||
"""
|
||
|
||
# Signale
|
||
cancel_clicked = pyqtSignal()
|
||
process_completed = pyqtSignal()
|
||
|
||
def __init__(self, parent=None, platform: str = "Social Media"):
|
||
super().__init__(parent)
|
||
self.platform = platform
|
||
self.current_step = 0
|
||
self.total_steps = 0
|
||
self.steps = []
|
||
self.start_time = None
|
||
self.is_process_running = False
|
||
|
||
# Timer für Updates
|
||
self.update_timer = QTimer()
|
||
self.update_timer.timeout.connect(self.update_time_display)
|
||
self.update_timer.setInterval(1000) # Jede Sekunde
|
||
|
||
# Animation Timer für Warning
|
||
self.warning_animation_timer = QTimer()
|
||
self.warning_animation_timer.timeout.connect(self.animate_warning)
|
||
self.warning_animation_timer.setInterval(100) # Smooth animation
|
||
self.warning_opacity = 1.0
|
||
self.warning_direction = -0.02
|
||
|
||
self.init_ui()
|
||
|
||
def init_ui(self):
|
||
"""Initialisiert die UI mit verbessertem Design"""
|
||
# Modal-Eigenschaften
|
||
self.setModal(True)
|
||
self.setWindowFlags(Qt.Dialog | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint)
|
||
self.setAttribute(Qt.WA_TranslucentBackground)
|
||
|
||
# Größeres Fenster
|
||
self.setFixedSize(650, 700)
|
||
|
||
# Zentriere auf Parent oder Bildschirm
|
||
if self.parent():
|
||
parent_rect = self.parent().geometry()
|
||
x = parent_rect.x() + (parent_rect.width() - self.width()) // 2
|
||
y = parent_rect.y() + (parent_rect.height() - self.height()) // 2
|
||
self.move(x, y)
|
||
|
||
# Hauptlayout
|
||
main_layout = QVBoxLayout(self)
|
||
main_layout.setContentsMargins(0, 0, 0, 0)
|
||
main_layout.setSpacing(0)
|
||
|
||
# Container mit weißem Hintergrund
|
||
self.container = QFrame()
|
||
self.container.setObjectName("mainContainer")
|
||
self.container.setStyleSheet("""
|
||
QFrame#mainContainer {
|
||
background-color: #FFFFFF;
|
||
border: 1px solid #E2E8F0;
|
||
border-radius: 16px;
|
||
}
|
||
""")
|
||
|
||
container_layout = QVBoxLayout(self.container)
|
||
container_layout.setContentsMargins(0, 0, 0, 0)
|
||
container_layout.setSpacing(0)
|
||
|
||
# 1. WARNING BANNER (Sehr auffällig!)
|
||
self.warning_banner = self.create_warning_banner()
|
||
container_layout.addWidget(self.warning_banner)
|
||
|
||
# Content Area mit Padding
|
||
content_widget = QWidget()
|
||
content_layout = QVBoxLayout(content_widget)
|
||
content_layout.setContentsMargins(40, 30, 40, 40)
|
||
content_layout.setSpacing(24)
|
||
|
||
# 2. Titel-Bereich
|
||
self.title_label = QLabel(f"Account wird erstellt für {self.platform}")
|
||
self.title_label.setAlignment(Qt.AlignCenter)
|
||
self.title_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #1A365D;
|
||
font-size: 28px;
|
||
font-weight: 700;
|
||
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
margin-bottom: 8px;
|
||
}
|
||
""")
|
||
content_layout.addWidget(self.title_label)
|
||
|
||
# 3. Progress-Bereich
|
||
progress_widget = self.create_progress_section()
|
||
content_layout.addWidget(progress_widget)
|
||
|
||
# 4. Steps-Liste
|
||
self.steps_widget = self.create_steps_list()
|
||
content_layout.addWidget(self.steps_widget)
|
||
|
||
# 5. Live-Status
|
||
self.status_widget = self.create_status_section()
|
||
content_layout.addWidget(self.status_widget)
|
||
|
||
# 6. Info-Box
|
||
info_box = self.create_info_box()
|
||
content_layout.addWidget(info_box)
|
||
|
||
# Spacer
|
||
content_layout.addStretch()
|
||
|
||
# Container zum Hauptlayout hinzufügen
|
||
container_layout.addWidget(content_widget)
|
||
main_layout.addWidget(self.container)
|
||
|
||
def create_warning_banner(self) -> QFrame:
|
||
"""Erstellt den auffälligen Warning Banner"""
|
||
banner = QFrame()
|
||
banner.setObjectName("warningBanner")
|
||
banner.setFixedHeight(100)
|
||
banner.setStyleSheet("""
|
||
QFrame#warningBanner {
|
||
background-color: #DC2626;
|
||
border-top-left-radius: 16px;
|
||
border-top-right-radius: 16px;
|
||
border-bottom: none;
|
||
}
|
||
""")
|
||
|
||
layout = QVBoxLayout(banner)
|
||
layout.setContentsMargins(40, 20, 40, 20)
|
||
layout.setSpacing(8)
|
||
|
||
# Warning Icon + Haupttext
|
||
main_warning = QLabel("⚠️ NICHT DEN BROWSER BERÜHREN!")
|
||
main_warning.setAlignment(Qt.AlignCenter)
|
||
main_warning.setStyleSheet("""
|
||
QLabel {
|
||
color: #FFFFFF;
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
letter-spacing: 1px;
|
||
}
|
||
""")
|
||
|
||
# Untertitel
|
||
subtitle = QLabel("Die Automatisierung läuft. Jede Interaktion kann den Prozess unterbrechen.")
|
||
subtitle.setAlignment(Qt.AlignCenter)
|
||
subtitle.setWordWrap(True)
|
||
subtitle.setStyleSheet("""
|
||
QLabel {
|
||
color: rgba(255, 255, 255, 0.9);
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
}
|
||
""")
|
||
|
||
layout.addWidget(main_warning)
|
||
layout.addWidget(subtitle)
|
||
|
||
return banner
|
||
|
||
def create_progress_section(self) -> QWidget:
|
||
"""Erstellt den Progress-Bereich"""
|
||
widget = QWidget()
|
||
layout = QHBoxLayout(widget)
|
||
layout.setContentsMargins(0, 0, 0, 0)
|
||
layout.setSpacing(24)
|
||
|
||
# Progress Bar
|
||
progress_container = QWidget()
|
||
progress_layout = QVBoxLayout(progress_container)
|
||
progress_layout.setContentsMargins(0, 0, 0, 0)
|
||
progress_layout.setSpacing(8)
|
||
|
||
self.progress_bar = QProgressBar()
|
||
self.progress_bar.setFixedHeight(12)
|
||
self.progress_bar.setStyleSheet("""
|
||
QProgressBar {
|
||
background-color: #E2E8F0;
|
||
border: none;
|
||
border-radius: 6px;
|
||
text-align: center;
|
||
}
|
||
QProgressBar::chunk {
|
||
background-color: #3182CE;
|
||
border-radius: 6px;
|
||
}
|
||
""")
|
||
|
||
self.progress_label = QLabel("Schritt 0 von 0")
|
||
self.progress_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #4A5568;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
""")
|
||
|
||
progress_layout.addWidget(self.progress_bar)
|
||
progress_layout.addWidget(self.progress_label)
|
||
|
||
# Zeit-Anzeige
|
||
time_container = QWidget()
|
||
time_container.setFixedWidth(180)
|
||
time_layout = QVBoxLayout(time_container)
|
||
time_layout.setContentsMargins(0, 0, 0, 0)
|
||
time_layout.setSpacing(4)
|
||
|
||
self.time_label = QLabel("~2 Min verbleibend")
|
||
self.time_label.setAlignment(Qt.AlignRight)
|
||
self.time_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #1A365D;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
font-family: 'Poppins', -apple-system, sans-serif;
|
||
}
|
||
""")
|
||
|
||
self.elapsed_label = QLabel("Verstrichene Zeit: 0:00")
|
||
self.elapsed_label.setAlignment(Qt.AlignRight)
|
||
self.elapsed_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #718096;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
""")
|
||
|
||
time_layout.addWidget(self.time_label)
|
||
time_layout.addWidget(self.elapsed_label)
|
||
|
||
layout.addWidget(progress_container, 1)
|
||
layout.addWidget(time_container)
|
||
|
||
return widget
|
||
|
||
def create_steps_list(self) -> QWidget:
|
||
"""Erstellt die visuelle Steps-Liste"""
|
||
container = QFrame()
|
||
container.setStyleSheet("""
|
||
QFrame {
|
||
background-color: #F8FAFC;
|
||
border: 1px solid #E2E8F0;
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
}
|
||
""")
|
||
|
||
self.steps_layout = QVBoxLayout(container)
|
||
self.steps_layout.setSpacing(12)
|
||
|
||
# Wird dynamisch befüllt
|
||
return container
|
||
|
||
def create_status_section(self) -> QWidget:
|
||
"""Erstellt den Live-Status Bereich"""
|
||
container = QFrame()
|
||
container.setStyleSheet("""
|
||
QFrame {
|
||
background-color: #1A365D;
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
min-height: 80px;
|
||
}
|
||
""")
|
||
|
||
layout = QVBoxLayout(container)
|
||
layout.setSpacing(8)
|
||
|
||
status_title = QLabel("Aktueller Status:")
|
||
status_title.setStyleSheet("""
|
||
QLabel {
|
||
color: rgba(255, 255, 255, 0.7);
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}
|
||
""")
|
||
|
||
self.current_status_label = QLabel("Initialisiere Browser...")
|
||
self.current_status_label.setWordWrap(True)
|
||
self.current_status_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #FFFFFF;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
|
||
line-height: 1.5;
|
||
}
|
||
""")
|
||
|
||
layout.addWidget(status_title)
|
||
layout.addWidget(self.current_status_label)
|
||
|
||
return container
|
||
|
||
def create_info_box(self) -> QWidget:
|
||
"""Erstellt die Info-Box"""
|
||
container = QFrame()
|
||
container.setStyleSheet("""
|
||
QFrame {
|
||
background-color: #DBEAFE;
|
||
border: 1px solid #2563EB;
|
||
border-radius: 12px;
|
||
padding: 16px;
|
||
}
|
||
""")
|
||
|
||
layout = QHBoxLayout(container)
|
||
layout.setSpacing(16)
|
||
|
||
# Info Icon
|
||
icon_label = QLabel("ℹ️")
|
||
icon_label.setStyleSheet("""
|
||
QLabel {
|
||
font-size: 24px;
|
||
color: #2563EB;
|
||
}
|
||
""")
|
||
|
||
# Info Text
|
||
info_layout = QVBoxLayout()
|
||
info_layout.setSpacing(4)
|
||
|
||
info_title = QLabel("Was passiert gerade?")
|
||
info_title.setStyleSheet("""
|
||
QLabel {
|
||
color: #1E40AF;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
}
|
||
""")
|
||
|
||
self.info_text = QLabel("Der Browser simuliert menschliches Verhalten beim Ausfüllen des Formulars.")
|
||
self.info_text.setWordWrap(True)
|
||
self.info_text.setStyleSheet("""
|
||
QLabel {
|
||
color: #1E40AF;
|
||
font-size: 13px;
|
||
font-weight: 400;
|
||
line-height: 1.4;
|
||
}
|
||
""")
|
||
|
||
info_layout.addWidget(info_title)
|
||
info_layout.addWidget(self.info_text)
|
||
|
||
layout.addWidget(icon_label)
|
||
layout.addWidget(info_layout, 1)
|
||
|
||
return container
|
||
|
||
def set_steps(self, steps: List[str]):
|
||
"""Setzt die Steps und erstellt die visuelle Liste"""
|
||
self.steps = steps
|
||
self.total_steps = len(steps)
|
||
self.current_step = 0
|
||
|
||
# Progress Bar Setup
|
||
self.progress_bar.setMaximum(self.total_steps)
|
||
self.progress_bar.setValue(0)
|
||
|
||
# Clear existing steps
|
||
for i in reversed(range(self.steps_layout.count())):
|
||
self.steps_layout.itemAt(i).widget().setParent(None)
|
||
|
||
# Create step items
|
||
self.step_widgets = []
|
||
for i, step in enumerate(steps):
|
||
step_widget = self.create_step_item(i, step)
|
||
self.steps_layout.addWidget(step_widget)
|
||
self.step_widgets.append(step_widget)
|
||
|
||
def create_step_item(self, index: int, text: str) -> QWidget:
|
||
"""Erstellt ein einzelnes Step-Item"""
|
||
widget = QWidget()
|
||
layout = QHBoxLayout(widget)
|
||
layout.setContentsMargins(0, 0, 0, 0)
|
||
layout.setSpacing(12)
|
||
|
||
# Status Icon
|
||
icon_label = QLabel()
|
||
icon_label.setFixedSize(24, 24)
|
||
icon_label.setAlignment(Qt.AlignCenter)
|
||
icon_label.setObjectName(f"stepIcon_{index}")
|
||
|
||
# Text
|
||
text_label = QLabel(text)
|
||
text_label.setObjectName(f"stepText_{index}")
|
||
|
||
# Initial state (pending)
|
||
self.update_step_appearance(widget, 'pending')
|
||
|
||
layout.addWidget(icon_label)
|
||
layout.addWidget(text_label, 1)
|
||
|
||
return widget
|
||
|
||
def update_step_appearance(self, widget: QWidget, status: str):
|
||
"""Aktualisiert das Aussehen eines Steps basierend auf Status"""
|
||
icon_label = widget.findChild(QLabel, QRegExp("stepIcon_*"))
|
||
text_label = widget.findChild(QLabel, QRegExp("stepText_*"))
|
||
|
||
if status == 'completed':
|
||
icon_label.setText("✅")
|
||
text_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #059669;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
""")
|
||
elif status == 'active':
|
||
icon_label.setText("🔄")
|
||
text_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #2563EB;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
}
|
||
""")
|
||
# Rotation animation würde hier hinzugefügt
|
||
else: # pending
|
||
icon_label.setText("⏳")
|
||
text_label.setStyleSheet("""
|
||
QLabel {
|
||
color: #718096;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
}
|
||
""")
|
||
|
||
def start_process(self):
|
||
"""Startet den Account-Erstellungsprozess"""
|
||
self.is_process_running = True
|
||
self.start_time = datetime.now()
|
||
self.update_timer.start()
|
||
self.warning_animation_timer.start()
|
||
self.show()
|
||
|
||
def next_step(self, status_text: str = None, info_text: str = None):
|
||
"""Geht zum nächsten Schritt"""
|
||
if self.current_step < self.total_steps:
|
||
# Aktuellen Step als aktiv markieren
|
||
if self.current_step > 0:
|
||
self.update_step_appearance(self.step_widgets[self.current_step - 1], 'completed')
|
||
|
||
if self.current_step < len(self.step_widgets):
|
||
self.update_step_appearance(self.step_widgets[self.current_step], 'active')
|
||
|
||
self.current_step += 1
|
||
self.progress_bar.setValue(self.current_step)
|
||
self.progress_label.setText(f"Schritt {self.current_step} von {self.total_steps}")
|
||
|
||
# Update status
|
||
if status_text:
|
||
self.current_status_label.setText(status_text)
|
||
|
||
# Update info
|
||
if info_text:
|
||
self.info_text.setText(info_text)
|
||
|
||
# Update time estimate
|
||
self.update_time_estimate()
|
||
|
||
def update_time_estimate(self):
|
||
"""Aktualisiert die Zeitschätzung"""
|
||
if self.total_steps > 0 and self.current_step > 0:
|
||
elapsed = (datetime.now() - self.start_time).total_seconds()
|
||
avg_time_per_step = elapsed / self.current_step
|
||
remaining_steps = self.total_steps - self.current_step
|
||
estimated_remaining = remaining_steps * avg_time_per_step
|
||
|
||
if estimated_remaining < 60:
|
||
self.time_label.setText(f"~{int(estimated_remaining)}s verbleibend")
|
||
else:
|
||
minutes = int(estimated_remaining / 60)
|
||
self.time_label.setText(f"~{minutes} Min verbleibend")
|
||
|
||
def update_time_display(self):
|
||
"""Aktualisiert die verstrichene Zeit"""
|
||
if self.start_time:
|
||
elapsed = datetime.now() - self.start_time
|
||
minutes = int(elapsed.total_seconds() / 60)
|
||
seconds = int(elapsed.total_seconds() % 60)
|
||
self.elapsed_label.setText(f"Verstrichene Zeit: {minutes}:{seconds:02d}")
|
||
|
||
def animate_warning(self):
|
||
"""Animiert den Warning Banner (Pulseffekt)"""
|
||
self.warning_opacity += self.warning_direction
|
||
|
||
if self.warning_opacity <= 0.7:
|
||
self.warning_opacity = 0.7
|
||
self.warning_direction = 0.02
|
||
elif self.warning_opacity >= 1.0:
|
||
self.warning_opacity = 1.0
|
||
self.warning_direction = -0.02
|
||
|
||
# Opacity-Effekt anwenden
|
||
effect = QGraphicsOpacityEffect()
|
||
effect.setOpacity(self.warning_opacity)
|
||
self.warning_banner.setGraphicsEffect(effect)
|
||
|
||
def set_status(self, status: str, info: str = None):
|
||
"""Setzt den aktuellen Status"""
|
||
self.current_status_label.setText(status)
|
||
if info:
|
||
self.info_text.setText(info)
|
||
|
||
def complete_process(self):
|
||
"""Beendet den Prozess erfolgreich"""
|
||
self.is_process_running = False
|
||
self.update_timer.stop()
|
||
self.warning_animation_timer.stop()
|
||
|
||
# Letzten Step als completed markieren
|
||
if self.current_step > 0 and self.current_step <= len(self.step_widgets):
|
||
self.update_step_appearance(self.step_widgets[self.current_step - 1], 'completed')
|
||
|
||
# Success message
|
||
self.current_status_label.setText("✅ Account erfolgreich erstellt!")
|
||
self.info_text.setText("Der Prozess wurde erfolgreich abgeschlossen. Das Fenster schließt sich in wenigen Sekunden.")
|
||
|
||
# Auto-close nach 3 Sekunden
|
||
QTimer.singleShot(3000, self.close)
|
||
|
||
def paintEvent(self, event):
|
||
"""Custom paint event für Transparenz"""
|
||
painter = QPainter(self)
|
||
painter.setRenderHint(QPainter.Antialiasing)
|
||
|
||
# Semi-transparenter Hintergrund
|
||
painter.fillRect(self.rect(), QColor(0, 0, 0, 120))
|
||
|
||
def keyPressEvent(self, event):
|
||
"""Verhindert das Schließen mit ESC"""
|
||
if event.key() == Qt.Key_Escape:
|
||
event.ignore()
|
||
else:
|
||
super().keyPressEvent(event)
|
||
|
||
def closeEvent(self, event):
|
||
"""Verhindert das Schließen während der Prozess läuft"""
|
||
if self.is_process_running:
|
||
event.ignore()
|
||
else:
|
||
self.update_timer.stop()
|
||
self.warning_animation_timer.stop()
|
||
super().closeEvent(event)
|
||
|
||
|
||
# Beispiel-Verwendung
|
||
if __name__ == "__main__":
|
||
from PyQt5.QtWidgets import QApplication, QMainWindow
|
||
import sys
|
||
|
||
app = QApplication(sys.argv)
|
||
|
||
# Test window
|
||
main_window = QMainWindow()
|
||
main_window.setGeometry(100, 100, 800, 600)
|
||
main_window.show()
|
||
|
||
# Create and show modal
|
||
modal = AccountCreationModalV2(main_window, "Instagram")
|
||
modal.set_steps([
|
||
"Browser vorbereiten",
|
||
"Instagram-Seite laden",
|
||
"Registrierungsformular öffnen",
|
||
"Benutzerdaten eingeben",
|
||
"Account erstellen",
|
||
"E-Mail-Verifizierung",
|
||
"Profil einrichten"
|
||
])
|
||
|
||
# Simulate process
|
||
modal.start_process()
|
||
|
||
# Simulate step progression
|
||
def next_step():
|
||
modal.next_step(
|
||
f"Führe Schritt {modal.current_step + 1} aus...",
|
||
"Der Browser füllt automatisch die erforderlichen Felder aus."
|
||
)
|
||
|
||
if modal.current_step < modal.total_steps:
|
||
QTimer.singleShot(2000, next_step)
|
||
else:
|
||
modal.complete_process()
|
||
|
||
QTimer.singleShot(1000, next_step)
|
||
|
||
sys.exit(app.exec_()) |