ADD: added tracklist and automated update
This commit is contained in:
44
webapp/src/components/control/Tracklist/tracklist.jsx
Normal file
44
webapp/src/components/control/Tracklist/tracklist.jsx
Normal file
@@ -0,0 +1,44 @@
|
||||
import React from 'react';
|
||||
import './tracklist.scss'
|
||||
|
||||
|
||||
|
||||
|
||||
class Tracklist extends React.Component
|
||||
{
|
||||
render()
|
||||
{
|
||||
|
||||
return(
|
||||
<div className="tracklist">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Course</th>
|
||||
<th>Lat</th>
|
||||
<th>Lon</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{ this.props.entities.map((val,index) => {
|
||||
return (
|
||||
<tr key={index}>
|
||||
<td>{val.Name}</td>
|
||||
<td>{val.Course}</td>
|
||||
<td>{val.position[0]}</td>
|
||||
<td>{val.position[1]}</td>
|
||||
|
||||
</tr>
|
||||
)
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default Tracklist;
|
||||
|
||||
Reference in New Issue
Block a user