基本的には、modelとほとんど同じです。

（１）schemaを登録・編集するフォームモーダルを作ります。

・dataService.addSchema()は未実装

・項目が多いため長いですが、やってることはシンプルです。

（２）左カラムに表示するschema用のコンポーネントを作ります。

・@Input() first、@Input() lastは、現在のschemaの順番が先頭（or末尾）というフラグ。並び替え矢印の表示・非表示に使います。
・dataService.deleteSchema()、dataService.moveSchema()は未実装

・is_pivot、first、lastによって、各パーツが表示・非表示されます。

・未実装だったaddSchema()、deleteSchema()、moveSchema()を実装
・data.getModelById()は未実装

上記dataServiceのaddSchema()、deleteSchema()で、schemaのparent_idから親modelを取得する必要があるので、
dataクラスに実装します。

moduleにSchemaComponent、ModalSchemaComponentを追加

・ModalSchemaComponentのimport
・addSchema()の実装

・各schema要素のIDは、「model1-schema1」のような形になります。
-> schemaクラスに、要素のIDを返すメソッドを実装します。

・getElementId()の実装

最後にスタイルを調整

/src/styles.css
https://github.com/dog-ears/er-diagram-tool/commit/9cd12ed5429013cb8fafaca36dd8083b8d0cbfb2#diff-0fd3637456511d89012d5274dd855970

・マテリアルアイコンのcursorをpointerに。（ただしdisableクラスがついているときは、defaultで半透明にする。）

ちょっと、説明をはしょりすぎた気もしますが、schemaの実装まで終わりました。
次回は、Jsplumbの実装に入ります。