MapBoard is a project for the Austin Transportation Department. This project takes previously created pages and makes them into re-usable components.
Controller is a default configuration that contains a table, filters charts a map, and takes a single configuration file. Best example is in the getting started section.
Table is a component that pulls data and displays it in a table format, uses React-Tables
data: Array
filter: Array
fromGroup: Object
getPosition: Func
headers: Array of Objects
Filters are components that take user input and push that data to parent component.
myKey: Number
pullData: Func()
label: String
name: String
type: String['toggle' or 'search']
opts: String or Object
TODO: More Charts currently only Doughnut
Map is a component that uses Leaflet-React that interacts with Table and Filter using a controller
bounds:
center: Array
color: Object
fromGroup: Object
headers: Array
id: Number
marker: Object
markers: Array
marker_type: String['circle' or 'default']
match: String
Markers decides type of marker and passes the markers to the map.
color: String
fromGroup: Object
headers: Array
id: Number
marker: Object
match: ?
type: String['circle' or 'default']
CustomMarker, this is solely used to bind a Custom PopUp to Marker.
Not used to create custom markers
format: Array
info: Object
open: Boolean
Custom Circle Marker Exact same as the Custom Marker Except it extends Circle Marker
center: Object
color: String
format: Array
info: Object
open: Boolean
Component that binds to Custom Marker to show details
format: Array
info: Object
Component Used to pull information from given URL and display it in a Card
TODO: Cleanup