oss-slu/MORPH

Add connect form validation in web UI

Open

#62 geöffnet am 16. März 2026

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)Python (1 Fork)auto 404
good first issue

Repository-Metriken

Stars
 (2 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Description

Add frontend validation for host and port so invalid robot connection requests are blocked before API calls

Acceptance criteria

  • “Add to Server” is disabled when host or port is invalid
  • Port must be numeric and within a valid range
  • User sees clear inline validation messages
  • No request is sent when validation fails

Developer note

  • Focus on web/src/routes/connect.tsx
  • Keep validation simple and user-friendly.

Contributor Guide

Research-Richtung
Konzentrieren Sie sich auf die Implementierung der Formularvalidierung in `web/src/routes/connect.tsx`. Verwenden Sie den React Status, um Host /Portwerte und Validierungsfehler zu verfolgen. Deaktivieren Sie die Senden Schaltfläche bei Ungültigkeit. Zeigen Sie Inline Fehlermeldungen an.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70