Fix querynodeselect (for now)
parent
7771af22c5
commit
92857f8c48
|
@ -20,34 +20,34 @@ import About from './components/Modals/About.jsx'
|
|||
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
||||
|
||||
export default class AppContainer extends Component {
|
||||
render() {
|
||||
return (
|
||||
<TransitionGroup className="max">
|
||||
<CSSTransition classNames="mainfade"
|
||||
appear={true}
|
||||
timeout={1000}>
|
||||
<div className="max">
|
||||
<GenericAlert />
|
||||
<ExportContainer />
|
||||
<LoadingContainer />
|
||||
<SpotlightContainer />
|
||||
<GraphContainer />
|
||||
<SearchContainer />
|
||||
<LogoutModal />
|
||||
<ClearWarnModal />
|
||||
<ClearConfirmModal />
|
||||
<ClearingModal />
|
||||
<CancelUploadModal />
|
||||
<SessionClearModal />
|
||||
<RawQuery />
|
||||
<MenuContainer />
|
||||
<Settings />
|
||||
<ZoomContainer />
|
||||
<QueryNodeSelect />
|
||||
<About />
|
||||
</div>
|
||||
</CSSTransition>
|
||||
</TransitionGroup>
|
||||
);
|
||||
};
|
||||
render() {
|
||||
return (
|
||||
<TransitionGroup className="max">
|
||||
<CSSTransition classNames="mainfade"
|
||||
appear
|
||||
timeout={1000}>
|
||||
<div className="max">
|
||||
<GenericAlert />
|
||||
<ExportContainer />
|
||||
<LoadingContainer />
|
||||
<SpotlightContainer />
|
||||
<GraphContainer />
|
||||
<SearchContainer />
|
||||
<LogoutModal />
|
||||
<ClearWarnModal />
|
||||
<ClearConfirmModal />
|
||||
<ClearingModal />
|
||||
<CancelUploadModal />
|
||||
<SessionClearModal />
|
||||
<RawQuery />
|
||||
<MenuContainer />
|
||||
<Settings />
|
||||
<ZoomContainer />
|
||||
<QueryNodeSelect />
|
||||
<About />
|
||||
</div>
|
||||
</CSSTransition>
|
||||
</TransitionGroup>
|
||||
);
|
||||
};
|
||||
}
|
|
@ -50,28 +50,32 @@ export default class QueryNodeSelect extends Component {
|
|||
}
|
||||
|
||||
render() {
|
||||
var header = <QueryNodeSelectHeader length={this.state.data.length} title={this.state.queryData.boxTitle} dismiss={this._dismiss.bind(this)}/>;
|
||||
return (
|
||||
<div className="queryNodeSelect" ref="outer">
|
||||
<Panel header={header}>
|
||||
<If condition={this.state.data.length > 0}>
|
||||
<Then>
|
||||
<ListGroup ref="list">
|
||||
{
|
||||
this.state.data.map(function(key){
|
||||
var x = <QueryNodeSelectItem key={key} label={key} click={this.handleClick.bind(this)} />;
|
||||
return x;
|
||||
}.bind(this))
|
||||
}
|
||||
</ListGroup>
|
||||
</Then>
|
||||
<Else>{() =>
|
||||
<img src="src/img/loading.gif" />
|
||||
}
|
||||
</Else>
|
||||
</If>
|
||||
<Panel>
|
||||
<Panel.Heading>
|
||||
{/* <QueryNodeSelectHeader length={this.state.data.length} title={this.state.queryData.boxTitle} dismiss={this._dismiss.bind(this)} />; */}
|
||||
{this.state.queryData.boxTitle}
|
||||
</Panel.Heading>
|
||||
<Panel.Body>
|
||||
<If condition={this.state.data.length > 0}>
|
||||
<Then>
|
||||
<ListGroup ref="list">
|
||||
{
|
||||
this.state.data.map(function(key){
|
||||
var x = <QueryNodeSelectItem key={key} label={key} click={this.handleClick.bind(this)} />;
|
||||
return x;
|
||||
}.bind(this))
|
||||
}
|
||||
</ListGroup>
|
||||
</Then>
|
||||
<Else>{() =>
|
||||
<img src="src/img/loading.gif" />
|
||||
}
|
||||
</Else>
|
||||
</If>
|
||||
</Panel.Body>
|
||||
</Panel>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue