Merge branch 'development' into main

This commit is contained in:
jwu-fisker
2021-06-16 16:12:51 -07:00
3 changed files with 91 additions and 122 deletions

View File

@@ -1691,6 +1691,12 @@ exports[`App Route /dashboard authenticated 1`] = `
>
<div
class="makeStyles-paper-759"
>
<div
class="MuiGrid-root makeStyles-root-770 MuiGrid-container MuiGrid-spacing-xs-2"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
>
<div
class="makeStyles-embeddedWrapper-788"
@@ -1702,6 +1708,42 @@ exports[`App Route /dashboard authenticated 1`] = `
title="Vehicle Connected"
/>
</div>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
>
<div
class="makeStyles-embeddedWrapper-788"
>
<iframe
frameborder="0"
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&from=1623869272751&to=1623880072751&panelId=12"
style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
title="Signals Time Series"
/>
</div>
</div>
</div>
<div
class="MuiGrid-root makeStyles-root-770 MuiGrid-container MuiGrid-spacing-xs-2"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
>
<div
class="makeStyles-embeddedWrapper-788"
>
<iframe
frameborder="0"
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&from=1623869351185&to=1623880151186&panelId=14"
style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
title="Total Signals"
/>
</div>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
>
<div
class="makeStyles-embeddedWrapper-788"
>
@@ -1712,6 +1754,8 @@ exports[`App Route /dashboard authenticated 1`] = `
title="Vehicle Signals"
/>
</div>
</div>
</div>
<a
aria-disabled="false"
aria-label="create"
@@ -5711,78 +5755,6 @@ exports[`App Route /vehicles-command authenticated 1`] = `
</fieldset>
</div>
</div>
<div
class="MuiFormControl-root makeStyles-formControlInline-624"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
data-shrink="true"
for="send-parameter"
style="background-color: White;"
>
Parameter
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
>
<select
aria-invalid="false"
class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
id="send-parameter"
name="send-parameter"
>
<option
value="right_front"
>
Front right door
</option>
<option
value="left_front"
>
Front left door
</option>
<option
value="right_rear"
>
Rear right door
</option>
<option
value="left_rear"
>
Rear left door
</option>
<option
value="trunk"
>
Trunk
</option>
</select>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSelect-icon MuiSelect-iconOutlined"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M7 10l5 5 5-5z"
/>
</svg>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-649 MuiOutlinedInput-notchedOutline"
style="padding-left: 8px;"
>
<legend
class="PrivateNotchedOutline-legend-650"
style="width: 0.01px;"
>
<span>
</span>
</legend>
</fieldset>
</div>
</div>
<span
aria-disabled="true"
aria-label="send command"

View File

@@ -120,31 +120,6 @@ const SendCommand = ({ vins }) => {
))}
</Select>
</FormControl>
<FormControl className={classes.formControlInline} variant="outlined">
<InputLabel
htmlFor="send-parameter"
style={{ backgroundColor: "White" }}
>
Parameter
</InputLabel>
<Select
native
value={parameter}
variant="outlined"
inputProps={{
name: "send-parameter",
id: "send-parameter",
}}
onChange={changeParametersHandler}
disabled={parameters.length === 0}
>
{parameters.map((item) => (
<option key={item.value} value={item.value}>
{item.label}
</option>
))}
</Select>
</FormControl>
<IconButton
color="primary"
aria-label="send command"

View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { Button, Link } from "@material-ui/core";
import { Button, Grid, Link } from "@material-ui/core";
import CreateIcon from "@material-ui/icons/Create";
import { useStatusContext } from "../Contexts/StatusContext";
@@ -17,16 +17,38 @@ const Dashboard = () => {
return (
<div className={classes.paper}>
<Grid container className={classes.root} spacing={2}>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=6"
title="Vehicle Connected"
/>
</Grid>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&from=1623869272751&to=1623880072751&panelId=12"
title="Signals Time Series"
/>
</Grid>
</Grid>
<Grid container className={classes.root} spacing={2}>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&from=1623869351185&to=1623880151186&panelId=14"
title="Total Signals"
/>
</Grid>
<Grid item md={6}>
<ResponsiveIFrame
classes={classes}
src="https://grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=5s&panelId=2"
title="Vehicle Signals"
/>
</Grid>
</Grid>
<Button
style={{ marginTop: 10 }}
aria-label="create"