feat: design toolset model

src/app/shared/toolset/toolset.component.html

@@ -1 +1,8 @@
-<p>toolset works!</p>
+<div *ngIf="option" [ngSwitch]="option.type">
+ <div *ngSwitchCase>
+
+ </div>
+ <div *ngSwitchDefault>
+ it works
+ </div>
+</div>

src/app/shared/toolset/toolset.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
  selector: 'app-toolset',
@@ -7,6 +7,9 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ToolsetComponent implements OnInit {
 
+ @Input()
+ option: ToolsetOption;
+
  constructor() { }
 
  ngOnInit(): void {

src/app/shared/toolset/toolset.model.ts

@@ -0,0 +1,6 @@
+interface ToolsetOption {
+ id: string;
+ type: string; // slider
+ offsetHeight: string;
+ height: string;
+}