diff --git a/src/dashboard/dashboard-button-group.js b/src/dashboard/dashboard-button-group.js index 756a09d..7653ff0 100644 --- a/src/dashboard/dashboard-button-group.js +++ b/src/dashboard/dashboard-button-group.js @@ -26,6 +26,7 @@ import Icon from "../common/icon"; class DashboardButtonGroup extends React.Component { render() { + console.log("DashboardButtonGroup was called"); const buttonStyle = { marginLeft: '8px' }; diff --git a/src/dashboard/dashboard.js b/src/dashboard/dashboard.js index 9bbe661..9569e4d 100644 --- a/src/dashboard/dashboard.js +++ b/src/dashboard/dashboard.js @@ -27,7 +27,7 @@ import { Map } from 'immutable' //import Icon from '../common/icon'; import Widget from '../widget/widget'; -//import EditWidget from '../widget/edit-widget'; +import EditWidget from '../widget/edit-widget'; import WidgetContextMenu from './widget-context-menu'; import WidgetToolbox from './widget-toolbox'; @@ -59,13 +59,11 @@ class Dashboard extends React.Component { const sessionToken = LoginStore.getState().token; let dashboard = Map(); - console.log("dashboard calculate state was called: " + props.match.params.dashboard); let dashboards = DashboardStore.getState() let rawDashboard = dashboards[props.match.params.dashboard - 1]; - let str = JSON.stringify(rawDashboard, null, 4); - console.log(str); + if (rawDashboard != null) { dashboard = Map(rawDashboard); console.log("dashboard: " + dashboard); @@ -83,23 +81,7 @@ class Dashboard extends React.Component { }); } - /*let files = FileStore.getState(); - - if(files.length === 0){ - AppDispatcher.dispatch({ - type: 'files/start-load', - token: sessionToken, - param: '?objectID=1&objectType=widget' - }); - }*/ - - - console.log("here are the widgets: "); - console.log(rawWidgets); - dashboard = dashboard.set('widgets', rawWidgets); - console.log("") - /* for(let widget of dashboard.get('widgets')){ console.log("load files got called") @@ -141,23 +123,21 @@ class Dashboard extends React.Component { }); */ } + let widgets = {}; for (let widget of dashboard.get('widgets')) { widgets[Dashboard.lastWidgetKey] = widget; - console.log(" the last widgetKey: " + Dashboard.lastWidgetKey); Dashboard.lastWidgetKey++; } let maxHeight = Object.keys(widgets).reduce( (maxHeightSoFar, widgetKey) => { - console.log("!! the widget key: "+ widgetKey); let thisWidget = widgets[widgetKey]; let thisWidgetHeight = thisWidget.y + thisWidget.height; return thisWidgetHeight > maxHeightSoFar? thisWidgetHeight : maxHeightSoFar; }, 0); - console.log("now the object keys: "); - console.log(Object.keys(widgets)); + let simulationModels = []; //if (prevState.simulation != null) { // simulationModels = SimulationModelStore.getState().filter(m => prevState.simulation.models.includes(m._id)); @@ -166,7 +146,7 @@ class Dashboard extends React.Component { return { rawDashboard, dashboard, - widgets, + sessionToken: sessionToken, projects: null, //ProjectStore.getState(), @@ -179,7 +159,7 @@ class Dashboard extends React.Component { editing: prevState.editing || false, paused: prevState.paused || false, - //editModal: prevState.editModal || false, + editModal: prevState.editModal || false, modalData: prevState.modalData || null, modalIndex: prevState.modalIndex || null, @@ -199,7 +179,6 @@ class Dashboard extends React.Component { //!!!won't work anymore componentWillMount() { //document.addEventListener('keydown', this.handleKeydown.bind(this)); - console.log("problem in componentdidmount"); if (this.state.dashboard.has('id') === false) { AppDispatcher.dispatch({ type: 'dashboards/start-load', @@ -368,9 +347,9 @@ class Dashboard extends React.Component { } - //editWidget = (widget, index) => { - // this.setState({ editModal: true, modalData: widget, modalIndex: index }); - //} + editWidget = (widget, index) => { + this.setState({ editModal: true, modalData: widget, modalIndex: index }); + } closeEdit = data => { @@ -445,11 +424,7 @@ class Dashboard extends React.Component { render() { const widgets = this.state.dashboard.get('widgets'); - console.log("the widgets in render: "); - console.log(widgets); const grid = this.state.dashboard.get('grid'); - console.log("the grid in render: "+ grid); - const boxClasses = classNames('section', 'box', { 'fullscreen-padding': this.props.isFullscreen }); return
@@ -495,6 +470,7 @@ class Dashboard extends React.Component { {widgets != null && Object.keys(widgets).map(widgetKey => ( ))} +
@@ -504,5 +480,3 @@ class Dashboard extends React.Component { let fluxContainerConverter = require('../common/FluxContainerConverter'); export default Fullscreenable()(Container.create(fluxContainerConverter.convert(Dashboard), { withProps: true })); -// -//onEdit={this.startEditing} diff --git a/src/widget/editable-widget-container.js b/src/widget/editable-widget-container.js index db5e828..94944b2 100644 --- a/src/widget/editable-widget-container.js +++ b/src/widget/editable-widget-container.js @@ -88,6 +88,7 @@ class EditableWidgetContainer extends React.Component { render() { const widget = this.props.widget; + console.log("editable-widget-container was called"); const resizing = { bottom: !widget.locked, diff --git a/src/widget/widget.js b/src/widget/widget.js index e7b8363..f6b7f92 100644 --- a/src/widget/widget.js +++ b/src/widget/widget.js @@ -118,8 +118,6 @@ class Widget extends React.Component { createWidget(widget) { let simulationModel = null; - console.log("createwidget was called"); - console.log(" the widget type is: " + widget.type); for (let model of this.state.simulationModels) { if (model._id !== widget.simulationModel) { continue; @@ -151,7 +149,6 @@ class Widget extends React.Component { } else if (widget.type === 'NumberInput') { return this.inputDataChanged(widget, value)} /> } else if (widget.type === 'Slider') { - console.log("inside slider: simulationModel: " + simulationModel); return this.props.onWidgetStatusChange(w, this.props.index) } onInputChanged={value => this.inputDataChanged(widget, value)} /> } else if (widget.type === 'Gauge') { return @@ -168,7 +165,6 @@ class Widget extends React.Component { rn render() { - console.log("!!!render Widget was called"); const element = this.createWidget(this.props.data); if (this.props.editing) { diff --git a/src/widget/widgets/slider.js b/src/widget/widgets/slider.js index d00f9f7..8754752 100644 --- a/src/widget/widgets/slider.js +++ b/src/widget/widgets/slider.js @@ -45,8 +45,6 @@ class WidgetSlider extends Component { } componentWillReceiveProps(nextProps) { - console.log("componentwillreceiveprops calle, next props: "); - console.log(nextProps); if (nextProps.simulationModel == null) { return; } @@ -97,12 +95,7 @@ class WidgetSlider extends Component { } render() { - console.log("render of slider was called"); - console.log(this.props.widget); - console.log("the maxRange is : " + this.props.widget.customProperties.rangeMax); let isVertical = this.props.widget.customProperties.orientation === WidgetSlider.OrientationTypes.VERTICAL.value; - console.log("this state has the value: " + this.state.value); - let fields = { name: this.props.widget.name, control: this.valueIsChanging(v) } onAfterChange={ (v) => this.valueChanged(v) }/>,