|
@@ -13,10 +13,9 @@ import { DataStorage } from '../../dataStorage';
|
|
|
import { GraphNode } from '../../diagram/graphNode';
|
|
|
import { SliderLineComponent } from '../../sharedComponents/sliderLineComponent';
|
|
|
import { GraphFrame } from '../../diagram/graphFrame';
|
|
|
-import { TextInputLineComponent } from '../../sharedComponents/textInputLineComponent';
|
|
|
-import { Color3LineComponent } from '../../sharedComponents/color3LineComponent';
|
|
|
import { TextLineComponent } from '../../sharedComponents/textLineComponent';
|
|
|
import { Engine } from 'babylonjs/Engines/engine';
|
|
|
+import { FramePropertyTabComponent } from '../../diagram/properties/framePropertyComponent';
|
|
|
require("./propertyTab.scss");
|
|
|
|
|
|
interface IPropertyTabComponentProps {
|
|
@@ -24,7 +23,6 @@ interface IPropertyTabComponentProps {
|
|
|
}
|
|
|
|
|
|
export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, { currentNode: Nullable<GraphNode>, currentFrame: Nullable<GraphFrame> }> {
|
|
|
-
|
|
|
constructor(props: IPropertyTabComponentProps) {
|
|
|
super(props)
|
|
|
|
|
@@ -82,41 +80,10 @@ export class PropertyTabComponent extends React.Component<IPropertyTabComponentP
|
|
|
|
|
|
if (this.state.currentFrame) {
|
|
|
return (
|
|
|
- <div id="propertyTab">
|
|
|
- <div id="header">
|
|
|
- <img id="logo" src="https://www.babylonjs.com/Assets/logo-babylonjs-social-twitter.png" />
|
|
|
- <div id="title">
|
|
|
- NODE MATERIAL EDITOR
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <LineContainerComponent title="GENERAL">
|
|
|
- <TextInputLineComponent globalState={this.props.globalState} label="Name" propertyName="name" target={this.state.currentFrame} />
|
|
|
- <Color3LineComponent label="Color" target={this.state.currentFrame} propertyName="color"></Color3LineComponent>
|
|
|
- {
|
|
|
- !this.state.currentFrame.isCollapsed &&
|
|
|
- <ButtonLineComponent label="Collapse" onClick={() => {
|
|
|
- this.state.currentFrame!.isCollapsed = true;
|
|
|
- this.forceUpdate();
|
|
|
- }} />
|
|
|
- }
|
|
|
- {
|
|
|
- this.state.currentFrame.isCollapsed &&
|
|
|
- <ButtonLineComponent label="Expand" onClick={() => {
|
|
|
- this.state.currentFrame!.isCollapsed = false;
|
|
|
- this.forceUpdate();
|
|
|
- }} />
|
|
|
- }
|
|
|
- {/* <ButtonLineComponent label="Export" onClick={() => {
|
|
|
- this.state.currentFrame!.export();
|
|
|
- }} /> */}
|
|
|
- </LineContainerComponent>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <FramePropertyTabComponent globalState={this.props.globalState} frame={this.state.currentFrame}/>
|
|
|
);
|
|
|
}
|
|
|
|
|
|
-
|
|
|
let gridSize = DataStorage.ReadNumber("GridSize", 20);
|
|
|
|
|
|
return (
|