json mindmap

JsonMindmap

Dieses Projekt zielt darauf ab, hochkundenspezifische Mindmaps von JSON-File zu erstellen, um schnell zu navigieren und sich auf die Details des "größeren Bildes" zu konzentrieren.

Ziele für die Alpha -Version:

• Schauen Sie sich die Themenkarte und Tolog an, scheint eine ähnliche Idee zu sein
• Verwenden Sie Tags/Etiketten für Knoten (Ideen), um schnell zu navigieren und MindMaps zu sortieren
  • Fügen Sie Tags/Etiketten hinzu
  • Globale Kontrolle hinzufügen, um Tags anzuzeigen/ausblenden
  • Wahrscheinlich sollte labels intern in tags umbenennen
  • Implementieren Sie selektive Tags Hervorhebung (nur spezifische Tags anzeigen/hervorheben).
  • Fügen Sie das Labels -Styling hinzu (keine Ahnung, wie Sie es mit der aktuellen Struktur machen, benötigen wahrscheinlich separate Konfigurationsdatei oder zufällige Farben ...)
  • Sortieren von Knoten nach Beschriftungen (Zeigen Sie nur die Knoten an, die bestimmte Tags haben, Knoten aus, die bestimmte Tags haben)
• Stilknoten mit Textfarbe, Schriftgröße, Hintergrund, Symbol usw.
  • Machen Sie den Titel Textfarbe des Knotens konfigurierbar
  • Machen Sie den Titel Hintergrund des Knotens konfigurierbar
  • (Mehrere) Symbole zu Knoten hinzufügen (wahrscheinlich sollte Materialsymbole verwenden)
  • Sortieren/Highlight -Knoten nach Symbolen in einem ähnlichen Sortieren, wie es für Tags funktioniert
• ... fortgesetzt werden

Zukünftige Versionen Ideen:

• Verwenden Sie die Canvas/SVG -Bibliothek, um eine herkömmliche Mindmap -Ansicht im Gegensatz zur aktuellen strukturierten Listenansicht zu erstellen

---

Dieses Projekt wurde mit Angular CLI Version 7.3.8 erzeugt.

Entwicklungsserver

Führen Sie ng serve für einen Dev -Server aus. Navigieren Sie zu http://localhost:4200/ . Die App wird automatisch neu laden, wenn Sie eine der Quelldateien ändern.

Code -Gerüst

Führen Sie ng generate component component-name um eine neue Komponente zu generieren. Sie können auch ng generate directive|pipe|service|class|guard|interface|enum|module .

Komponentenordner lautet: src/app/components .

Services Ordner ist: src/app/services .

Schnittstellen und Typen für Typscript befinden sich im Ordner src/app/@types .

Konstanten befinden sich derzeit in der Datei src/app/constants.ts , aber es ist ein Subjekt, das sich ändern kann.

Bauen

Führen Sie ng build aus, um das Projekt zu erstellen. Die Build -Artefakte werden im dist/ Verzeichnis gespeichert. Verwenden Sie die Flagge --prod für einen Produktionsbau.

Auslaufeinheitstests

Führen Sie ng test aus, um die Unit -Tests über Karma durchzuführen.

Entschuldigung, aber Tests werden noch nicht implementiert. Das Projekt befindet sich in der frühen Phase und kann sich dramatisch ändern, sodass ich später Tests hinzufügen werde.

Durchführung von End-to-End-Tests

Führen Sie ng e2e aus, um die End-to-End-Tests über den Prognraktor durchzuführen.

Entschuldigung, aber Tests werden noch nicht implementiert. Das Projekt befindet sich in der frühen Phase und kann sich dramatisch ändern, sodass ich später Tests hinzufügen werde.

Weitere Hilfe

Um mehr Hilfe bei der Angular CLI zu erhalten, verwenden Sie ng help oder schauen Sie sich das Angular CLI Readme an.

Wenn Sie an diesem Projekt interessiert sind und mich kontaktieren möchten, finden Sie alle meine Kontaktinformationen auf meiner Website: https://maxim.mazurok.com