Enterprise-grade POS UI und API
- posApi: POSApiError Klasse, fetchWithError, strukturierte Fehlerbehandlung - VerwendungToast + POSToast: zentralisierte Snackbar für Erfolg/Fehler-Feedback - ...
POS-Domain-Konfiguration, Einzelhandels-Verträge, dynamische Pipeline-Tabs
- getPOSConfig/updatePOSConfig zu posApi hinzufügen, posDomainLabels - Extend createOrder mit lineItems, add getOrder, RetailOrderLineItem type - PipelineOrders...
POS-Restrukturierung: API via APIService, Einstellungen für Admin, Pipeline für Benutzer
- API-Proxy: POS-Anfragen an APIService (Relays to SecurityService) - Einstellungen: Neuer POS-Systemabschnitt unter Haupteinstellungen + /settings/features/pos...
Symbole zu Status und Substatus Dropdown-Filter in Lead-Seite hinzufügen
Verbindungsleitungsphysik und Mausnähe stabilisieren
- Nur Anwendung Maus Nähe Kraft, nachdem die Maus bewegt hat (verhindert 0,0 Beeinflussung von Linien auf Last) - Vor der Benutzung der Maus mit Number.isFinite...
Teilstück Titel unterstreichen und Raster für untere Abschnitte
- Verwenden Sie var(--color-primary) für CRM, E-Mail, Telefon Abschnitt unterstreicht - Verwenden Sie 3-spalten Raster auf lg für E-Mail und Telefon (3 Karten) ...
Beheben Sie Markt-Tabs, Status nach Markt, Filter-Optionen, Lead-ID-Präfix L
- Markt-Tab: Filter von lead.marketId und AnbieterProductIds, wenn ein Markt ausgewählt wird - Status/Sub Status: verfügbare Verwendung von verfügbarenStatusen ...
Zurück-Knopf auf Ansichts-Header, Wiederherstellung von Filtern bei der Rückgabe aus der Sicht
- HeaderBar: Zurück zum Lead-Browser-Button (ArrowBack) im Lead-Info-Header hinzufügen - LeadManager: fortbestehende Filter/Tabs zu sessionStorage vor dem Öffne...
Wechsel zu base28, entfernen Sie 5 und S aus dem Alphabet
- Umbenennen Sie inBase30 umBase28; 28-charalphabet verwenden - Lead/doc-Formatierer verwenden jetzt toBase28 intern
Agentenspalte von zugewiesenenMitarbeiter, base30 Lead/doc ID-Formaten
- Agentenspalte zeigt zugewiesenEmployee.fullName oder 'Unbesetzt' - ZugeordneteMitarbeiter zum Lead-Typ hinzufügen; GebrauchswertGetter für sort/filter - LeadM...
Geteilt toBase30 in app/utils/base30, Verwendung in LeadManager und DocManager
Verbessern Sie Bleiraster mit base30 IDs, Raben Icon, Registerkarte Alle Märkte und Marktspalte
- ToBase30() Funktion für konsistente ID-Darstellung über LeadManager und DocManager hinzufügen - Grim Statussymbol in Tabs zu beheben, um raven.ico (Matching t...
Die Nähe zur Physik der Maus zu den Verbindungslinien hinzufügen
- Überprüft 5 Punkte entlang der Kurve für die Näheerkennung - 80px Effektradius - Linien reagieren, wenn die Maus nah kommt - Kraftstärke nutzt inversen quadra...
Ziel Aufgabe Punkt Grenze entspricht Linie Animation
- Neue DestinationGlow Keyframe Animation mit 4 Phasen - Border Farbe animiert durch Bernstein - Gold - Weiß - Gold - Bernstein - Passt die fließende Gradienten...
Auto-Extisierung Antworten und markieren verbundene Elemente
Antwort Eingang (TaskSideBar): - Neues Antwortfeld erscheint sofort beim Eintippen im letzten Feld - Fokus bleibt beim Tippen im aktuellen Feld - Leeres Platzha...
Neues Antwortfeld behält Fokus beim Tippen
- Lokales für neue Antworteingaben hinzugefügt (newAnswerValue) - Eingabe löst bei jedem Tastendruck kein Array-Update mehr aus - Antwort wird auf Unschärfe ode...
Auto-erweiternde Antworten und konsistente Hintergrundfarben
TaskSideBar (Task Item Settings): - Entfernt "Antwort"-Button - Auto-Exade-Eingabefeld, das nach vorhandenen Antworten erscheint - Die Eingabe im Platzhalterfel...
Wiederherstellen Aufgabe Artikel Auswahl unter Beibehaltung von Zeilenklicks
- SVG-Container zurück zu pointer-events-none (erlaubt Klicks durchzulassen) - Trefferbereich Wege verwenden Hinweis-Ereignungen: Schlaganfall (nur die Linie se...
Klickbare Beziehungszeilen mit Auswahl hinzufügen und löschen
- Zeilen können jetzt angeklickt werden, um sie auszuwählen (mit breiteren Hit-Bereich für einfacheres Klicken) - Ausgewählte Linien Highlight in amber/orange F...
Aktualisieren Sie Sidebar-Farben und Linie Positionen anpassen
- TaskSideBar Hintergrund verwendet jetzt 18% primär (wie Aufgabenelemente) - TaskSideBar Text für Kontrast auf grau-900 geändert - Eingabefelder verwenden 8% P...
Positionslogo zwischen Hintergrundfarbe und Gitterlinien
- Entfernte duplizierte Hintergrundfarbe aus Leinwand-Container - Hintergrundfarbe ist auf Scroll-Container, Logo ist darüber fixiert - Gitterleitungen auf der ...
Aktualisieren Sie Artikel Farben und fügen Sie zentrierte Logo Hintergrund
- TaskItem Hintergrund verwendet jetzt Farb-Mix (18% primär) - 10% dunkler als Leinwand - Hartkodiertes bg-white von TaskItem zugunsten der dynamischen Primärfa...
Verwenden Sie Primärfarbe von globals.css für Leinwand Hintergrund
- Hintergrundfarbe verwendet Farb-Mix, um sehr leicht primär (8% primär + weiß) erstellen - Gitterlinien verwenden Farbmischung mit 15% Primärfarbe für subtile ...
Quelle Kugeln auf der Oberseite der Aufgabenelemente, +15px Offset
Visuelle Verbesserungen: - Teilen SVG in zwei Ebenen: Linien (z-index: 1, hinten) und Kugeln (z-Index: 10, oben) - Quelle Kugeln jetzt NACH Aufgabe Elemente in ...
Verbindungsleitungsposition befestigen, sag verbessern, intelligentes Laich hinzufügen
Fixes: - Quellposition verwendet jetzt korrekt OffsetX/OffsetY von wo aus Verbindung Symbol wurde angeklickt (nicht auf die Aufgabenpunktbreite gebunden) - So...
visuelle Verbesserungen zu Verbindungsleitungen hinzufügen
- Quellkugel (Zerkreis) zu Beginn jeder Zeile, am rechten Rand des Aufgabenelements hinzufügen - Pfeil endet jetzt links vom Titelbereich (vertikale Mitte), mit...
Komplette Neufassung von Verbindungsleitungen mit direkter DOM-Manipulation
Wesentliche Änderungen: - Verwenden Sie direkte DOM-Manipulation (SetAttribute) anstelle von React-Stain zu Linie-Updates - Single rAF Loop läuft kontinuierlich...
Verbindungsleitungen während des Ziehens und nach dem Drops beheben
- Verwenden Sie unkontrollierte Draggable (defaultPosition, keine Position), also DOM-Updates jeder Frame während Drag; Synchroniezustand nur auf aufStop - Sp...
Beheben Sie Verbindungsleitungen über DOM Positionssynchronisation (rAF)
- Lesen Sie Knotenpositionen von DOM jedes Frame, so dass Linien angebracht bleiben, wenn Quell- oder Zielaufgabenelemente werden gezogen - Entfernen liveDrag...
Alle anstehenden Änderungen einchecken
- Aufgabenseite: Verbindungszeilen aktualisieren während Drag (liveDragPosition), Kontrast-Fixes (Titel/Task-Etiketten dunkel auf Licht) - Verschiedene App, API...
Bearbeitensfähiger Titel, umbenennen Sie hinzufügen, Verbindungszeilen befesten
- Machen Sie Automatisierungsstrom-Titel editierbar (Klicken Titel oder Bleistift; AutoFocus-Eingabe) - Button umbenennen in 'Task Item To Automation Stream' hi...
Umbenennen Sie Unternehmensinformationen in Unternehmensinfo auf Registerkarte
DocManager Upload-Design zurückdrehen, halten glattere Fortschrittsleisten-Animation
Modernisieren DocManager Upload-Warteschlange-Status-Säule und Reihen-Styling
Hintergrund Bilder-Panne - Bildliste bevölkern, native img für Thema URLs verwenden
Sichern Sie weißen Hintergrund, vermeiden Sie schwarzen Blitz auf Clubhaus und anderen Seiten
Beschränken Hauptscheiben und Hilfe & Tipps zum Ansichts-Port mit internem Scroll
Machen Sie Markt-Tabs erscheinen unelected, wenn Add Lead Tab aktiv ist
Ändern Sie Lead und neue Blei-Tab-Farben von grün auf Primärfarbe
Lead-Button in einen Tab konvertieren, der rechts in der Registerkarte des Marktes ausgerichtet ist
Entfernen Hinzufügen Blei-Tab und verschieben Add Lead-Button auf der rechten Seite der Märkte Tab-Bar
Datengrid und Datagrid auf 100% Höhe des Ansichts-Ports auf Leads-Seite ausbauen
H-screen/min-h-screen auf alle Seitenkomponenten auf h-full ändern, um Layout-Höhebe zu beheben
Wie, was Sie sehen Versand?
Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.