json mindmap

Jsonmindmap

Este proyecto tiene como objetivo crear mapas mental altamente personalizables a partir de JSON-File para ayudar a navegar rápidamente y centrarse en los detalles de la "imagen más grande".

Objetivos para la versión alfa:

• Echa un vistazo al mapa de temas y a Tolog, parece una idea similar
• Use etiquetas/etiquetas para nodos (ideas) para ayudar a navegar rápidamente y clasificar mapas mental
  • Agregar etiquetas/etiquetas
  • Agregar control global para mostrar/ocultar etiquetas
  • Probablemente debería cambiar el nombre labels en tags internamente
  • Implementar etiquetas selectivas resaltando (mostrar/resaltar solo etiquetas específicas)
  • Agregue el estilo de etiquetas (no tengo idea de cómo hacerlo con la estructura actual, probablemente necesitará un archivo de configuración separado o colores aleatorios ...)
  • Notos clasificación por etiquetas (muestre solo aquellos nodos que tienen etiquetas específicas, ocultan nodos que tienen etiquetas específicas)
• Nodos de estilo que usan color de texto, tamaño de fuente, fondo, icono, etc.
  • Hacer configurable el color de texto del título del nodo
  • Hacer configuración el color de fondo del título del nodo
  • Agregar (múltiples) iconos a los nodos (probable debe usar iconos de material)
  • Nodos de clasificación/resaltar por iconos en un similar fue, ya que funciona para etiquetas
• ... continuará

Ideas de versiones futuras:

• Use la biblioteca Canvas/SVG para crear una vista de mapa mental tradicional en lugar de la vista de lista estructurada actual

---

Este proyecto se generó con Angular CLI versión 7.3.8.

Servidor de desarrollo

Ejecutar ng serve para un servidor de desarrollo. Navegue a http://localhost:4200/ . La aplicación recargará automáticamente si cambia alguno de los archivos de origen.

Andamiaje de código

Ejecute ng generate component component-name para generar un nuevo componente. También puede usar ng generate directive|pipe|service|class|guard|interface|enum|module .

La carpeta de componentes es: src/app/components .

La carpeta de servicios es: src/app/services .

Las interfaces y los tipos para TypeScript se encuentran en la carpeta src/app/@types .

Las constantes se encuentran actualmente en el archivo src/app/constants.ts , pero está sujeto a cambios.

Construir

Ejecute ng build para construir el proyecto. Los artefactos de construcción se almacenarán en el directorio dist/ . Use la bandera --prod para una construcción de producción.

Ejecución de pruebas unitarias

Ejecute ng test para ejecutar las pruebas unitarias a través de Karma.

Lo siento, pero las pruebas aún no se implementan. El proyecto está en la etapa temprana y puede cambiar drásticamente, por lo que agregaré pruebas más tarde.

Ejecutando pruebas de extremo a extremo

Ejecute ng e2e para ejecutar las pruebas de extremo a extremo a través del protactor.

Lo siento, pero las pruebas aún no se implementan. El proyecto está en la etapa temprana y puede cambiar drásticamente, por lo que agregaré pruebas más tarde.

Ayuda

Para obtener más ayuda sobre la CLI angular, use ng help o vaya a ver el readme de CLI angular.

Si está interesado en este proyecto y desea contactarme, puede encontrar toda mi información de contacto en mi sitio web: https://maxim.mazurok.com