json mindmap

JSONMINDMAP

이 프로젝트는 JSON-File에서 고도로 정화 가능한 마인드 맵을 만들어 "더 큰 피스처"의 세부 사항을 신속하게 탐색하고 집중하는 것을 목표로합니다.

알파 버전의 목표 :

• 주제지도와 Tolog를 살펴보십시오. 비슷한 아이디어처럼 보입니다.
• 노드 (아이디어)에 태그/레이블을 사용하여 마인드 맵을 빠르게 탐색하고 정렬하는 데 도움이됩니다.
  • 태그/레이블을 추가합니다
  • 태그 표시/숨기기 위해 전역 제어를 추가하십시오
  • 아마도 labels 내부적으로 tags 로 바꿔야 할 것입니다
  • 선택적 태그 하이라이트 구현 (특정 태그 만 표시/강조)
  • 라벨 스타일 추가 (현재 구조로 수행하는 방법을 모르면 별도의 구성 파일 또는 임의의 색상이 필요할 것입니다 ...)
  • 레이블별로 정렬 (특정 태그가있는 노드 만 표시하고 특정 태그가있는 노드를 숨기기 만하면)
• 텍스트 색상, 글꼴 크기, 배경, 아이콘 등을 사용한 스타일 노드.
  • 노드의 제목 텍스트 색상을 구성 가능하게 만듭니다
  • 노드의 제목 배경색을 구성 가능하게 만듭니다
  • 노드에 (다중) 아이콘 추가 (재료 아이콘을 사용해야 함)
  • 비슷한 아이콘으로 정렬/하이라이트 노드는 태그에 대해 작동하므로
• ... 계속하기 위해

미래 버전 아이디어 :

• 캔버스/SVG 라이브러리를 사용하여 현재 구조화 된 목록보기와 달리 전통적인 마인드 맵보기를 만듭니다.

---

이 프로젝트는 각도 CLI 버전 7.3.8로 생성되었습니다.

개발 서버

Dev 서버를 위해 ng serve 실행하십시오. http://localhost:4200/ 로 이동하십시오. 소스 파일을 변경하면 앱이 자동으로 다시로드됩니다.

코드 스캐 폴딩

ng generate component component-name 새로운 구성 요소를 생성합니다. ng generate directive|pipe|service|class|guard|interface|enum|module 사용할 수도 있습니다.

구성 요소 폴더는 다음과 같습니다. src/app/components .

서비스 폴더는 : src/app/services 입니다.

TypeScript의 인터페이스 및 유형은 src/app/@types 폴더에 있습니다.

상수는 현재 src/app/constants.ts 파일에 있지만 변경 대상입니다.

짓다

ng build 실행하여 프로젝트를 구축하십시오. 빌드 아티팩트는 dist/ Directory에 저장됩니다. 생산 빌드에 --prod 플래그를 사용하십시오.

실행 장치 테스트

ng test 실행하여 카르마를 통해 단위 테스트를 실행하십시오.

죄송하지만 테스트는 아직 구현되지 않았습니다. 프로젝트는 초기 단계에 있으며 극적으로 변경 될 수 있으므로 나중에 테스트를 추가하겠습니다.

엔드 투 엔드 테스트 실행

ng e2e 실행하여 오기체를 통해 엔드 투 엔드 테스트를 실행하십시오.

죄송하지만 테스트는 아직 구현되지 않았습니다. 프로젝트는 초기 단계에 있으며 극적으로 변경 될 수 있으므로 나중에 테스트를 추가하겠습니다.

추가 도움

각도 CLI 사용 ng help 에 대한 도움을 받으려면 각도 CLI Readme를 확인하십시오.

이 프로젝트에 관심이 있고 저에게 연락하고 싶다면 내 웹 사이트에서 내 모든 연락처 정보를 찾을 수 있습니다 : https://maxim.mazurok.com