mirror of
https://github.com/tanrax/django-interactive-frameworks-benchmark
synced 2026-01-08 06:13:36 +01:00
Andros Fenollosa
c457778710
- Add Django Reactor (v5.3.0b0) as fifth framework in comparison - Rename HTMX to django-htmx throughout for clarity - Update plots: change "Network Requests" to "HTTP Requests" - Regenerate all performance plots with 5 frameworks - Update navigation across all templates to include Reactor - Add Reactor component (XAlertList) and WebSocket configuration Performance results (5 frameworks): - LiveView: 9.35ms (WebSocket) - Reactor: 12.00ms (WebSocket) - django-htmx: 16.48ms (AJAX) - Unicorn: 26.76ms (AJAX) - SSR: 47.25ms (Full reload)
82 lines
2.0 KiB
Python
82 lines
2.0 KiB
Python
import random
|
|
from reactor.component import Component
|
|
from alerts.models import Alert
|
|
from alerts.forms import AlertForm
|
|
|
|
|
|
class XAlertList(Component):
|
|
_template_name = 'reactor/x-alert-list.html'
|
|
|
|
show_modal: bool = False
|
|
show_create_modal: bool = False
|
|
selected_alert_id: int = 0
|
|
alerts = []
|
|
|
|
# Form fields
|
|
type: str = ""
|
|
description: str = ""
|
|
form_errors = {}
|
|
|
|
async def mount(self):
|
|
await self.load_alerts()
|
|
|
|
async def load_alerts(self):
|
|
self.alerts = list(
|
|
Alert.objects.all().values('id', 'type', 'description', 'created_at')
|
|
)
|
|
|
|
async def create_random_alert(self):
|
|
alert_types = ['INFO', 'WARNING', 'CRITICAL']
|
|
random_type = random.choice(alert_types)
|
|
Alert.objects.create(type=random_type, description='Random alert')
|
|
await self.load_alerts()
|
|
|
|
async def show_create_form(self):
|
|
self.show_create_modal = True
|
|
self.type = ""
|
|
self.description = ""
|
|
self.form_errors = {}
|
|
|
|
async def create_alert(self):
|
|
form = AlertForm(data={'type': self.type, 'description': self.description})
|
|
if form.is_valid():
|
|
alert = form.save()
|
|
await self.load_alerts()
|
|
self.show_create_modal = False
|
|
self.type = ""
|
|
self.description = ""
|
|
self.form_errors = {}
|
|
else:
|
|
self.form_errors = dict(form.errors)
|
|
|
|
async def delete_alert(self, alert_id: int):
|
|
Alert.objects.filter(id=alert_id).delete()
|
|
await self.load_alerts()
|
|
self.show_modal = False
|
|
|
|
async def show_detail(self, alert_id: int):
|
|
self.selected_alert_id = alert_id
|
|
self.show_modal = True
|
|
|
|
async def close_modal(self):
|
|
self.show_modal = False
|
|
self.selected_alert_id = 0
|
|
|
|
async def close_create_modal(self):
|
|
self.show_create_modal = False
|
|
self.type = ""
|
|
self.description = ""
|
|
self.form_errors = {}
|
|
|
|
def get_selected_alert(self):
|
|
if self.selected_alert_id:
|
|
alert = Alert.objects.filter(id=self.selected_alert_id).first()
|
|
if alert:
|
|
return {
|
|
'id': alert.id,
|
|
'type': alert.type,
|
|
'description': alert.description or 'No description provided',
|
|
'created_at': alert.created_at
|
|
}
|
|
return None
|