json mindmap

jsonmindmap

このプロジェクトの目的は、JSON-Fileから高度にカスタマイズ可能なマインドマップを作成して、「より大きな絵画」の詳細に迅速にナビゲートして集中するのに役立つことです。

アルファバージョンの目標：

• トピックマップとTologを見てください、同様のアイデアのように思えます
• ノードにタグ/ラベルを使用して（アイデア）、マインドマップをすばやくナビゲートしてソートするのに役立ちます
  • タグ/ラベルを追加します
  • グローバルコントロールを追加して、タグを表示/非表示にします
  • おそらく、 labels内部的にtagsに変更する必要があります
  • 強調表示される選択タグを実装します（特定のタグのみを表示/強調表示）
  • ラベルのスタイリングを追加します（現在の構造でそれを行う方法がわかりませんが、おそらく個別の構成ファイル、またはランダムな色が必要です...）
  • ラベルでソートするノード（特定のタグがあるノードのみを表示し、特定のタグを持つノードを非表示にします）
• テキスト色、フォントサイズ、背景、アイコンなどを使用したスタイルノード。
  • ノードのタイトルテキストの色を構成可能にします
  • ノードのタイトルの背景色を構成可能にします
  • （複数）アイコンをノードに追加します（可能性が高いマテリアルアイコンを使用する必要があります）
  • 同様のアイコンでノードをソート/ハイライトすると、タグで動作します
• ... つづく

将来のバージョンのアイデア：

• Canvas/SVGライブラリを使用して、現在の構造化されたリストビューとは対照的に、従来のマインドマップビューを作成します

---

このプロジェクトは、Angular CLIバージョン7.3.8で生成されました。

開発サーバー

開発サーバーにng serve実行します。 http://localhost:4200/に移動します。ソースファイルを変更すると、アプリは自動的にリロードされます。

コード足場

ng generate component component-name実行して、新しいコンポーネントを生成します。 ng generate directive|pipe|service|class|guard|interface|enum|module使用することもできます。

コンポーネントフォルダーは次のとおりです。SRC src/app/components 。

サービスフォルダーは： src/app/servicesです。

タイプスクリプトのインターフェイスとタイプはsrc/app/@typesフォルダーにあります。

定数は現在、 src/app/constants.tsファイルにありますが、変更される対象です。

建てる

ng build実行してプロジェクトを構築します。ビルドアーティファクトは、 dist/ディレクトリに保存されます。プロダクションビルドに--prodフラグを使用します。

ユニットテストの実行

ng testを実行して、Karmaを介してユニットテストを実行します。

申し訳ありませんが、テストはまだ実装されていません。このプロジェクトは初期段階にあり、劇的に変化する可能性があるため、後でテストを追加します。

エンドツーエンドテストの実行

ng e2eを実行して、プロトラクターを介してエンドツーエンドテストを実行します。

申し訳ありませんが、テストはまだ実装されていません。このプロジェクトは初期段階にあり、劇的に変化する可能性があるため、後でテストを追加します。

さらなる助け

Angular CLIをng helpしてより多くのヘルプを取得するには、ang ang cli readmeをチェックしてください。

このプロジェクトに興味があり、私に連絡したい場合は、私のウェブサイトで私の連絡先情報をすべて見つけることができます：https：//maxim.mazurok.com