From fb34f809f808b83e6883ca021ecf8fd1d5f15136 Mon Sep 17 00:00:00 2001
From: Ricardo Hernandez-Montoya <rhernandez@gridhound.de>
Date: Tue, 28 Mar 2017 11:55:29 +0200
Subject: [PATCH] replaced table with signal list to bootstrap buttons

---
 src/components/widget-plot-table.js | 15 +++++++++------
 src/containers/widget.js            |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/widget-plot-table.js b/src/components/widget-plot-table.js
index dd34c1e..5305ff8 100644
--- a/src/components/widget-plot-table.js
+++ b/src/components/widget-plot-table.js
@@ -10,8 +10,7 @@
 import React, { Component } from 'react';
 import { LineChart } from 'rd3';
 
-import Table from './table';
-import TableColumn from './table-column';
+import { ButtonGroup, Button } from 'react-bootstrap';
 
 class WidgetPlotTable extends Component {
   constructor(props) {
@@ -81,17 +80,21 @@ class WidgetPlotTable extends Component {
 
     this.setState({ values: values, firstTimestamp: firstTimestamp, latestTimestamp: latestTimestamp, sequence: nextProps.data[simulator].sequence, rows: rows });
   }
-
+  
   render() {
+    console.log("Signal: " + this.state.signal);
     return (
       <div className="plot-table-widget" style={{ width: '100%', height: '100%' }} ref="wrapper">
         <h4>{this.props.widget.name}</h4>
 
         <div className="content">
           <div className="widget-table">
-            <Table data={this.state.rows}>
-              <TableColumn title="Signal" dataKey="name" clickable onClick={(index) => this.setState({ signal: index }) } />
-            </Table>
+            <ButtonGroup vertical>
+              { this.state.rows.map( (row, index) => (
+                  <Button key={index} active={ index === this.state.signal } disabled={ this.props.editing } onClick={() => this.setState({ signal: Number(index) }) } > { row.name } </Button>
+                ))
+              }
+            </ButtonGroup>
           </div>
 
           <div className="widget-plot">
diff --git a/src/containers/widget.js b/src/containers/widget.js
index 3e914d5..8cde808 100644
--- a/src/containers/widget.js
+++ b/src/containers/widget.js
@@ -105,7 +105,7 @@ class Widget extends Component {
     } else if (widget.type === 'Label') {
       element = <WidgetLabel widget={widget} />
     } else if (widget.type === 'PlotTable') {
-      element = <WidgetPlotTable widget={widget} data={this.state.simulatorData} dummy={this.state.sequence} simulation={this.props.simulation} />
+      element = <WidgetPlotTable widget={widget} data={this.state.simulatorData} dummy={this.state.sequence} simulation={this.props.simulation} editing={this.props.editing} />
     } else if (widget.type === 'Image') {
       element = <WidgetImage widget={widget} files={this.state.files} />
     }