admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'release/0.9.0'

Browse Source
This commit is contained in:
jwu-fisker
2023-05-04 16:30:00 -07:00
parent dce36632a4 5e91abc2ba
commit 196c69120b
36 changed files with 1378 additions and 613 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.env.cec-euprd
View File

@@ -14,4 +14,5 @@ REACT_APP_ROLE_DELETE=bfd1cccc-213a-4f31-b3d1-6e685976aec8
REACT_APP_ROLE_GENERATE_CERTIFICATE=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=

1
.env.cec-prd
View File

@@ -14,4 +14,5 @@ REACT_APP_ROLE_DELETE=bfd1cccc-213a-4f31-b3d1-6e685976aec8
REACT_APP_ROLE_GENERATE_CERTIFICATE=9af2d8c0-c26d-4d6d-bbd1-ac53cbd37ebc
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=

3
.env.dev
View File

@@ -7,11 +7,12 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
REACT_APP_OTA_SERVICE_URL=https://dev-gw.cloud.fiskerinc.com/ota_update
REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset.cloud.fiskerinc.com
REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=stage,prod

3
.env.local
View File

@@ -7,11 +7,12 @@ REACT_APP_MAGNA_GROUP_ID=68273225-9da4-4fa7-aea5-38e16ec471fe
REACT_APP_OTA_SERVICE_URL=http://localhost/ota_update
REACT_APP_SECURITY_DLL_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_32.dll
REACT_APP_SECURITY_DLL_64_URL=https://assets.fiskerdps.com/cloud-supplier/fisker_security_64.dll
REACT_APP_SUPERSET_URL=https://dev-superset-new.cloud.fiskerinc.com
REACT_APP_SUPERSET_URL=https://dev-superset.cloud.fiskerinc.com
REACT_APP_ROLE_CREATE=efcc3025-e2d8-4212-8227-805c7be39d2c
REACT_APP_ROLE_READ_ONLY=a729bbd4-2038-4649-9127-16782bb1e701
REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=dev,stage,prod

1
.env.prd
View File

@@ -14,4 +14,5 @@ REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=stage

1
.env.stg
View File

@@ -14,4 +14,5 @@ REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=prod

1
.env.template
View File

@@ -14,4 +14,5 @@ REACT_APP_ROLE_DELETE=8f78dce7-f5f9-4033-a10c-c9c7408bfcfe
REACT_APP_ROLE_GENERATE_CERTIFICATE=746f34b0-9ba0-4b5d-8d84-0256a9c8e390
REACT_APP_ROLE_MANUFACTURE=3412e11a-a2d1-4355-be3e-ef9aa5065b69
REACT_APP_ROLE_SUPPLIER_APPROVER=a6c9805e-80b2-42b2-bfbb-9df52e5504d8
REACT_APP_ROLE_MANIFEST_MIGRATION=42798c8a-9fa7-4fb4-82c0-9582cabe364f
REACT_APP_ECCKEY_ENV=dev,stage,prod

1
src/components/App/App.test.js
View File

@@ -51,6 +51,7 @@ describe("App", () => {
beforeAll(() => {
global.URL.createObjectURL = jest.fn();
addSnapshotSerializer(expect);
jest.setTimeout(10000);
}, 60000);
afterEach(() => {

427
src/components/App/__snapshots__/App.test.js.snap
View File

@@ -271,11 +271,14 @@ exports[`App Route / authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -303,7 +306,9 @@ exports[`App Route / authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -311,7 +316,7 @@ exports[`App Route / authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -321,7 +326,7 @@ exports[`App Route / authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -330,11 +335,6 @@ exports[`App Route / authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -724,7 +724,7 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
href="/dashboards/0"
>
Invalid Dashboard
Vehicle Map
</a>
</li>
</ol>
@@ -956,11 +956,14 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -988,7 +991,9 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -996,7 +1001,7 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -1006,7 +1011,7 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -1015,11 +1020,6 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -1132,11 +1132,130 @@ exports[`App Route /dashboards/0 authenticated 1`] = `
<main
class="MuiContainer-root MuiContainer-maxWidthLg"
>
<span
class="error"
<div
data-testid="mocked-vehicleprovider"
>
Invalid Dashboard
<div
class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
style="width: 100%; height: 900px; position: relative;"
tabindex="0"
>
<div
class="leaflet-pane leaflet-map-pane"
style="left: 0px; top: 0px;"
>
<div
class="leaflet-pane leaflet-tile-pane"
>
<div
class="leaflet-layer "
style="z-index: 1;"
>
<div
class="leaflet-tile-container leaflet-zoom-animated"
style="z-index: 18; left: 0px; top: 0px;"
>
<img
alt=""
class="leaflet-tile"
role="presentation"
src="https://b.tile.openstreetmap.org/5/7/12.png"
style="width: 256px; height: 256px; left: -126px; top: -114px;"
/>
</div>
</div>
</div>
<div
class="leaflet-pane leaflet-overlay-pane"
/>
<div
class="leaflet-pane leaflet-shadow-pane"
/>
<div
class="leaflet-pane leaflet-marker-pane"
/>
<div
class="leaflet-pane leaflet-tooltip-pane"
/>
<div
class="leaflet-pane leaflet-popup-pane"
/>
</div>
<div
class="leaflet-control-container"
>
<div
class="leaflet-top leaflet-left"
>
<div
class="leaflet-control-zoom leaflet-bar leaflet-control"
>
<a
aria-disabled="false"
aria-label="Zoom in"
class="leaflet-control-zoom-in"
href="#"
role="button"
title="Zoom in"
>
<span
aria-hidden="true"
>
+
</span>
</a>
<a
aria-disabled="false"
aria-label="Zoom out"
class="leaflet-control-zoom-out"
href="#"
role="button"
title="Zoom out"
>
<span
aria-hidden="true"
>
−
</span>
</a>
</div>
</div>
<div
class="leaflet-top leaflet-right"
/>
<div
class="leaflet-bottom leaflet-left"
/>
<div
class="leaflet-bottom leaflet-right"
>
<div
class="leaflet-control-attribution leaflet-control"
>
<a
href="https://leafletjs.com"
title="A JavaScript library for interactive maps"
>
Leaflet
</a>
<span
aria-hidden="true"
>
|
</span>
©
<a
href="http://osm.org/copyright"
>
OpenStreetMap
</a>
contributors
</div>
</div>
</div>
</div>
</div>
</main>
</main>
</div>
@@ -1476,11 +1595,14 @@ exports[`App Route /home authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -1508,7 +1630,9 @@ exports[`App Route /home authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -1516,7 +1640,7 @@ exports[`App Route /home authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -1526,7 +1650,7 @@ exports[`App Route /home authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -1535,11 +1659,6 @@ exports[`App Route /home authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -2177,11 +2296,14 @@ exports[`App Route /issue-info authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -2209,7 +2331,9 @@ exports[`App Route /issue-info authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -2217,7 +2341,7 @@ exports[`App Route /issue-info authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -2227,7 +2351,7 @@ exports[`App Route /issue-info authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -2236,11 +2360,6 @@ exports[`App Route /issue-info authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -2789,11 +2908,14 @@ exports[`App Route /issues authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -2821,7 +2943,9 @@ exports[`App Route /issues authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -2829,7 +2953,7 @@ exports[`App Route /issues authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -2839,7 +2963,7 @@ exports[`App Route /issues authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -2848,11 +2972,6 @@ exports[`App Route /issues authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -3716,11 +3835,14 @@ exports[`App Route /package-deploy authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -3748,7 +3870,9 @@ exports[`App Route /package-deploy authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -3756,7 +3880,7 @@ exports[`App Route /package-deploy authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -3766,7 +3890,7 @@ exports[`App Route /package-deploy authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -3775,11 +3899,6 @@ exports[`App Route /package-deploy authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -4832,11 +4951,14 @@ exports[`App Route /package-status authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -4864,7 +4986,9 @@ exports[`App Route /package-status authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -4872,7 +4996,7 @@ exports[`App Route /package-status authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -4882,7 +5006,7 @@ exports[`App Route /package-status authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -4891,11 +5015,6 @@ exports[`App Route /package-status authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -5615,11 +5734,14 @@ exports[`App Route /packages authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -5647,7 +5769,9 @@ exports[`App Route /packages authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -5655,7 +5779,7 @@ exports[`App Route /packages authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -5665,7 +5789,7 @@ exports[`App Route /packages authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -5674,11 +5798,6 @@ exports[`App Route /packages authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -6662,11 +6781,14 @@ exports[`App Route /page-not-found authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -6694,7 +6816,9 @@ exports[`App Route /page-not-found authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -6702,7 +6826,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -6712,7 +6836,7 @@ exports[`App Route /page-not-found authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -6721,11 +6845,6 @@ exports[`App Route /page-not-found authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -7290,11 +7409,14 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -7322,7 +7444,9 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -7330,7 +7454,7 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -7340,7 +7464,7 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -7349,11 +7473,6 @@ exports[`App Route /tools/certificates/add authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -8028,11 +8147,14 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -8060,7 +8182,9 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -8068,7 +8192,7 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -8078,7 +8202,7 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -8087,11 +8211,6 @@ exports[`App Route /tools/security-dll authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<span>
<li>
<a
@@ -8584,11 +8703,14 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -8616,7 +8738,9 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -8624,7 +8748,7 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -8634,7 +8758,7 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -8643,11 +8767,6 @@ exports[`App Route /tools/sms/send authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -9311,11 +9430,14 @@ exports[`App Route /vehicle-add authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -9343,7 +9465,9 @@ exports[`App Route /vehicle-add authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -9351,7 +9475,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -9361,7 +9485,7 @@ exports[`App Route /vehicle-add authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -9370,11 +9494,6 @@ exports[`App Route /vehicle-add authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -10456,11 +10575,14 @@ exports[`App Route /vehicle-status authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -10488,7 +10610,9 @@ exports[`App Route /vehicle-status authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -10496,7 +10620,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -10506,7 +10630,7 @@ exports[`App Route /vehicle-status authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -10515,11 +10639,6 @@ exports[`App Route /vehicle-status authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -11524,11 +11643,14 @@ exports[`App Route /vehicles authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -11556,7 +11678,9 @@ exports[`App Route /vehicles authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -11564,7 +11688,7 @@ exports[`App Route /vehicles authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -11574,7 +11698,7 @@ exports[`App Route /vehicles authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -11583,11 +11707,6 @@ exports[`App Route /vehicles authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"

5
src/components/Cars/CANSignals/index.jsx
View File

@@ -17,6 +17,9 @@ const Main = ({ vin }) => {
useEffect(() => {
setVIN(vin);
return () => {
setVIN(null)
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [vin]);
@@ -45,7 +48,7 @@ const Main = ({ vin }) => {
};
const CANSignals = (props) => (
<CANSignalProvider {...{token:props.token}}>
<CANSignalProvider {...{ token: props.token }}>
<Main {...props} />
</CANSignalProvider>
);

6
src/components/Cars/Status/DigitalTwinTab.jsx
View File

@@ -10,6 +10,7 @@ import {
VehicleProvider
} from "../../Contexts/VehicleContext";
import DigitalTwin from "../../DigitalTwin";
import VehiclePathsMap from "../../VehiclePathsMap";
import useStyles from "../../useStyles";
const REQUEST_INTERVAL = 10000;
@@ -57,7 +58,10 @@ const Main = (props) => {
<div>
<b>ICC Connected</b>: {carState?.online_hmi.toString()}
</div>
<DigitalTwin {...carState} />
<DigitalTwin {...carState} vin={vin} />
<div style={{ width: '100vh' }}>
<VehiclePathsMap vinsToShowOnMapColors={new Map([[vin, 'navy']])} lookbackHours={24} />
</div>
</>
)}
</div>

2
src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap
View File

@@ -195,7 +195,7 @@ exports[`CarUpdatesTab Render 1`] = `
>
<td
class="MuiTableCell-root MuiTableCell-footer MuiTableCell-alignCenter"
colspan="7"
colspan="8"
>
No Car Updates
</td>

128
src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap
View File

@@ -220,6 +220,134 @@ exports[`DigitalTwinTab Render 1`] = `
</p>
</div>
</div>
<div
style="width: 100vh;"
>
<div
data-testid="mocked-vehicleprovider"
>
<div
class="leaflet-container leaflet-touch leaflet-grab leaflet-touch-drag leaflet-touch-zoom"
style="width: 100%; height: 900px; position: relative;"
tabindex="0"
>
<div
class="leaflet-pane leaflet-map-pane"
style="left: 0px; top: 0px;"
>
<div
class="leaflet-pane leaflet-tile-pane"
>
<div
class="leaflet-layer "
style="z-index: 1;"
>
<div
class="leaflet-tile-container leaflet-zoom-animated"
style="z-index: 18; left: 0px; top: 0px;"
>
<img
alt=""
class="leaflet-tile"
role="presentation"
src="https://b.tile.openstreetmap.org/5/7/12.png"
style="width: 256px; height: 256px; left: -126px; top: -114px;"
/>
</div>
</div>
</div>
<div
class="leaflet-pane leaflet-overlay-pane"
/>
<div
class="leaflet-pane leaflet-shadow-pane"
/>
<div
class="leaflet-pane leaflet-marker-pane"
/>
<div
class="leaflet-pane leaflet-tooltip-pane"
/>
<div
class="leaflet-pane leaflet-popup-pane"
/>
</div>
<div
class="leaflet-control-container"
>
<div
class="leaflet-top leaflet-left"
>
<div
class="leaflet-control-zoom leaflet-bar leaflet-control"
>
<a
aria-disabled="false"
aria-label="Zoom in"
class="leaflet-control-zoom-in"
href="#"
role="button"
title="Zoom in"
>
<span
aria-hidden="true"
>
+
</span>
</a>
<a
aria-disabled="false"
aria-label="Zoom out"
class="leaflet-control-zoom-out"
href="#"
role="button"
title="Zoom out"
>
<span
aria-hidden="true"
>
−
</span>
</a>
</div>
</div>
<div
class="leaflet-top leaflet-right"
/>
<div
class="leaflet-bottom leaflet-left"
/>
<div
class="leaflet-bottom leaflet-right"
>
<div
class="leaflet-control-attribution leaflet-control"
>
<a
href="https://leafletjs.com"
title="A JavaScript library for interactive maps"
>
Leaflet
</a>
<span
aria-hidden="true"
>
|
</span>
©
<a
href="http://osm.org/copyright"
>
OpenStreetMap
</a>
contributors
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

126
src/components/Cars/Status/__snapshots__/ECUsTab.test.jsx.snap
View File

@@ -273,49 +273,94 @@ exports[`ECUsTab Render 1`] = `
class="MuiTableRow-root"
>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="ECUA"
>
ECUA
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="SWVERSION"
>
SWVERSION
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="HWVERSION"
>
HWVERSION
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="VENDOR"
>
VENDOR
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="SUPPLIER_SW_VERSION"
>
SUPPLIER_SW_VERSION
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="SERIAL_NUMBER"
>
SERIAL_NUMBER
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="BOOT_LOADER"
>
BOOT_LOADER
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="CONFIG"
>
CONFIG
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="FINGERPRINT"
>
FINGERPRINT
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
@@ -327,40 +372,85 @@ exports[`ECUsTab Render 1`] = `
class="MuiTableRow-root"
>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="ECUB"
>
ECUB
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="SWVERSION"
>
SWVERSION
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="HWVERSION"
>
HWVERSION
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="none"
/>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="none"
/>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="none"
/>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="none"
/>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="CONFIG"
>
CONFIG
</span>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
class="MuiTableCell-root MuiTableCell-body makeStyles-limitWidthTableCell-0 MuiTableCell-alignCenter"
>
<span
class=""
title="none"
/>
</td>
<td
class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
>

16
src/components/Contexts/ManifestsContext.jsx
View File

@@ -80,12 +80,28 @@ export const ManifestsProvider = ({ children }) => {
return result;
};
const migrateManifest = async (package_id, token) => {
let result;
try{
setBusy(true)
result = await api.migrateManifest(package_id, token)
if(result.error)
throw new Error(`failed to migrate manifest. ${result.message}`);
} finally {
setBusy(false)
}
return result
}
return (
<ManifestsContext.Provider
value={{
busy,
manifests,
totalManifests,
migrateManifest,
updateManifest,
getManifest,
getManifests,

15
src/components/Contexts/VehicleContext.jsx
View File

@@ -88,7 +88,19 @@ export const VehicleProvider = ({ children }) => {
setBusy(true);
const result = await api.getLocations(token);
if (result.error)
throw new Error(`Get locations error. ${result.message}`);
throw new Error(`Get locations vehicle paths error. ${result.message}`);
return result;
} finally {
setBusy(false);
}
};
const getLocationsVehiclePaths = async (token, vinsParam) => {
try {
setBusy(true);
const result = await api.getLocationsVehiclePaths(token, vinsParam);
if (result.error)
throw new Error(`Get locations vehicle paths error. ${result.message}`);
return result;
} finally {
setBusy(false);
@@ -263,6 +275,7 @@ export const VehicleProvider = ({ children }) => {
getCANSignals,
getECUs,
getLocations,
getLocationsVehiclePaths,
getModels,
getState,
getYears,

14
src/components/Contexts/__mocks__/VehicleContext.jsx
View File

@@ -98,14 +98,13 @@ export const useVehicleContext = () => ({
vehicles,
years,
addVehicle: jest.fn(),
getConnections: jest.fn((vins, _token) => {
getConnections: jest
.fn().mockImplementation((vins, _token) => {
const result = {};
vins.forEach((vin) => {
result[vin] = true;
});
return result;
return Promise.resolve(result);
}),
getECUs: jest.fn(() => {
return {
@@ -134,6 +133,13 @@ export const useVehicleContext = () => ({
.mockResolvedValue([
{ altitude: 5, longitude: 10, latitude: 15, vin: "TESTVIN123" },
]),
getLocationsVehiclePaths: jest
.fn()
.mockResolvedValue({
// tests only pass without mocking the data here
// '3FAFP13P31R199430': [[16.891136999999986, 26.832352999999955], [56.891136999999986, 66.832352999999955], [26.891136999999986, 36.832352999999955]],
// '3FAFP13P71R199060': [[36.891136999999986, 46.832352999999955], [76.891136999999986, 16.832352999999955]],
}),
getModels: jest.fn(() => {
models = ["Ocean", "PEAR"];
}),

11
src/components/Controls/CarECUsTable/index.jsx
View File

@@ -4,7 +4,8 @@ import {
TableCell,
TableFooter,
TablePagination,
TableRow
TableRow,
Tooltip
} from "@material-ui/core";
import clsx from "clsx";
import React, { useEffect, useState } from "react";
@@ -136,7 +137,13 @@ const CarECUsTable = ({ vin, token, classes }) => {
{tableColumns.map((column, j) => {
const key = `${row.ecu + i}${column.id}`
if (column.id === "updated_at") return (<TableCell key={key} align="center">{LocalDateTimeString(row.updated)}</TableCell>);
return (<TableCell key={key} align="center">{row[column.id]}</TableCell>);
return (
<TableCell key={key} align="center" className={classes.limitWidthTableCell}>
<Tooltip title={`${row[column.id] || 'none'}`}>
<span>{row[column.id]}</span>
</Tooltip>
</TableCell>
);
})}
</TableRow>
))}

1
src/components/Controls/CarUpdateStatusProgress/Statuses.js
View File

@@ -1,5 +1,6 @@
const Statuses = {
Pending: "pending",
Sent: "sent",
ManifestReceived: "manifest_received",
ManifestAccepted: "manifest_accepted",
ManifestRejected: "manifest_rejected",

6
src/components/Controls/CarUpdateStatusProgress/index.jsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useEffect } from "react";
import { CheckCircle, RadioButtonUnchecked, Error } from "@material-ui/icons";
import Typography from "@material-ui/core/Typography";
import { CheckCircle, Error, RadioButtonUnchecked } from "@material-ui/icons";
import clsx from "clsx";
import React, { useEffect, useState } from "react";
import CircularProgress from "../CircularProgress";
import s from "./Statuses";
@@ -13,7 +13,7 @@ const CompleteStatus = 100;
const PHASES = [
{
label: "Pending",
events: [s.Pending],
events: [s.Pending, s.Sent],
progress: () => CompleteStatus,
},
{

4
src/components/Controls/CarUpdatesTable/index.jsx
View File

@@ -213,11 +213,11 @@ const MainForm = ({ vin, token }) => {
<TableFooter>
<TableRow>
{totalCarUpdates === 0 ? (
<TableCell colSpan={7} align="center">No Car Updates</TableCell>
<TableCell colSpan={8} align="center">No Car Updates</TableCell>
) : (
<TablePagination
rowsPerPageOptions={[5, 10, 25, 100]}
colSpan={7}
colSpan={8}
count={totalCarUpdates}
rowsPerPage={pageSize}
page={pageIndex}

6
src/components/DTCTimeline/DTCTimeline/index.jsx
View File

@@ -48,6 +48,11 @@ const MainForm = ({ vin }) => {
id: "status_byte",
label: "Status Code",
},
{
id: "ErrorText",
label: "Error Text",
no_sort : true,
},
{
id: "epoch_usec",
label: "Date",
@@ -196,6 +201,7 @@ const MainForm = ({ vin }) => {
<TableCell>{dtc.ecu_name}</TableCell>
<TableCell>{dtc.trouble_code}</TableCell>
<TableCell>{dtc.status_byte}</TableCell>
<TableCell>{dtc.trouble_code_information?.ErrorText?.Text}</TableCell>
<TableCell>{formatDate(dtc.epoch_usec)}</TableCell>
</TableRow>
))}

7
src/components/Layouts/SideMenu.jsx
View File

@@ -9,11 +9,11 @@ import HomeIcon from "@material-ui/icons/Home";
import SettingsInputCompositeIcon from "@material-ui/icons/SettingsInputComposite";
import { default as React, useEffect, useState } from "react";
import { getCustomDashboardSubmenu } from "../../services/customDashboards";
import { hasRole, Permissions } from "../../utils/roles";
import { useUserContext } from "../Contexts/UserContext";
import SupersetDashboardList from "../SupersetDashboardList/SupersetDashboardList";
import { ExpandableSideMenuItem, MenuItem } from "./MenuItem";
import { getCustomDashboardSubmenu } from "../../services/customDashboards"
const menuData = [
{
label: "Home",
@@ -47,10 +47,9 @@ const menuData = [
},
{
label: "Datascope",
to: null,
url: `${process.env.REACT_APP_SUPERSET_URL}/login`,
icon: <AssessmentIcon />,
rolesPerProvider: Permissions.FiskerMagnaRead,
component: SupersetDashboardList,
submenus: getCustomDashboardSubmenu(Permissions.FiskerMagnaRead),
},
{

40
src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap
View File

@@ -190,11 +190,14 @@ exports[`SideMenu Authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -222,7 +225,9 @@ exports[`SideMenu Authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -230,7 +235,7 @@ exports[`SideMenu Authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -240,7 +245,7 @@ exports[`SideMenu Authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -249,11 +254,6 @@ exports[`SideMenu Authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<li>
<a
aria-disabled="false"
@@ -499,11 +499,14 @@ exports[`SideMenu Magna Authenticated 1`] = `
</li>
<span>
<li>
<div
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
href="https://dev-superset.cloud.fiskerinc.com/login"
rel="noopener"
role="button"
tabindex="0"
target="_blank"
>
<div
class="MuiListItemIcon-root"
@@ -531,7 +534,9 @@ exports[`SideMenu Magna Authenticated 1`] = `
<span
class="MuiTouchRipple-root"
/>
</div>
</a>
</li>
</span>
<ul
style="margin-left: 50px;"
>
@@ -539,7 +544,7 @@ exports[`SideMenu Magna Authenticated 1`] = `
<a
aria-disabled="false"
class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
href="/datascope/00000000-0000-0000-0000-000000000000"
href="/dashboards/0"
role="button"
tabindex="0"
>
@@ -549,7 +554,7 @@ exports[`SideMenu Magna Authenticated 1`] = `
<span
class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
>
test title
Vehicle Map
</span>
</div>
<span
@@ -558,11 +563,6 @@ exports[`SideMenu Magna Authenticated 1`] = `
</a>
</li>
</ul>
</li>
</span>
<ul
style="margin-left: 50px;"
/>
<span>
<li>
<a

35
src/components/Manifest/Update/index.jsx
View File

@@ -7,6 +7,8 @@ import { ManifestsProvider, useManifestsContext } from "../../Contexts/Manifests
import { useStatusContext } from "../../Contexts/StatusContext";
import { useUserContext } from "../../Contexts/UserContext";
import { DropDownList } from "../../Controls/DropDownList";
import { RoleWrap } from "../../Controls/RoleWrap";
import { Permissions } from "../../../utils/roles";
import useStyles from "../../useStyles";
const manifestTypes = [
@@ -37,11 +39,13 @@ const MainForm = () => {
const [manifest, setManifest] = useState(null);
const [redirect, setRedirect] = useState(null);
const { getManifest, busy, updateManifest } = useManifestsContext();
const { getManifest, busy, migrateManifest, updateManifest } = useManifestsContext();
const {
token: {
idToken: { jwtToken: token },
},
groups,
providers,
} = useUserContext();
const { setMessage, setTitle, setSitePath } = useStatusContext();
@@ -86,6 +90,17 @@ const MainForm = () => {
}
}
const manifestMigrate = async (e) => {
e.preventDefault();
try{
const result = await migrateManifest(manifest_id, token)
if (!result || result.error) return;
setMessage(`Manifest Migrated ${manifest_id}`)
} catch(e) {
setMessage(`Failed to update manifest ${manifest_id}`)
}
}
useEffect(() => {
(async () => {
try {
@@ -179,6 +194,24 @@ const MainForm = () => {
>
{busy ? "Updating..." : "Update"}
</Button>
<RoleWrap
groups={groups}
providers={providers}
rolesPerProvider={Permissions.ManifestMigration}
>
<Button
type="button"
aria-label="migrate manifest"
disabled={busy || manifest == null}
fullWidth
variant="contained"
color="secondary"
className={classes.submit}
onClick={manifestMigrate}
>
{busy ? "Migrating..." : "Migrate"}
</Button>
</RoleWrap>
</FormControl>
</div>

3
src/components/Table/HeaderSortable/index.jsx
View File

@@ -35,6 +35,9 @@ const HeaderSortable = (props) => {
value === "desc" ? "sorted descending" : "sorted ascending";
const ColumnLabel = (column) => {
if (column.no_sort) {
return column.label
}
if (column.id) {
return (
<TableSortLabel

4
src/components/VehicleMap/popup.jsx
View File

@@ -41,8 +41,8 @@ const VehiclePopUp = (props) => {
<DialogTitle align="center" onClose={onClose}>
{vin}
{" "}
<IconButton>
<VisibilityIcon fontSize="inherit" onClick={toggleView} />
<IconButton onClick={toggleView}>
<VisibilityIcon fontSize="inherit" />
</IconButton>
</DialogTitle>
<div align="center" className={classes.popUpContent}>

253
src/components/VehiclePathsMap/index.jsx Normal file
View File

@@ -0,0 +1,253 @@
import { Button } from "@material-ui/core";
import L from "leaflet";
import React, { useEffect, useState } from "react";
import { MapContainer, Marker, Polyline, Popup, TileLayer, useMap } from "react-leaflet";
import useStyles from "../useStyles";
import GrayMarkerIcon from "../../assets/gray-marker.png";
import GreenMarkerIcon from "../../assets/green-marker.png";
import { logger } from "../../services/monitoring";
import { ValidateLocationVehiclePathsData } from "../../utils/locations";
import { useUserContext } from "../Contexts/UserContext";
import { useVehicleContext, VehicleProvider } from "../Contexts/VehicleContext";
import { VehiclePopUp } from "../VehicleMap/popup";
const ComponentVehiclePathsMap = (props) => {
const classes = useStyles();
const {
token: {
idToken: { jwtToken: token },
},
} = useUserContext();
const { getConnections, getLocationsVehiclePaths, getState } = useVehicleContext();
const REQUEST_INTERVAL = 10000;
const [center, setCenter] = useState([0, 0]);
const [zoom, setZoom] = useState(2);
const [markers, setMarkers] = useState([]);
const [connections, setConnections] = useState({});
useEffect(() => {
if (!token) return;
retrieveAndStoreLocations(token).then((points) => {
centerAroundMarkers(points);
});
const id = setInterval(function () {
retrieveAndStoreLocations(token);
}, REQUEST_INTERVAL);
return () => {
clearInterval(id);
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [token]);
const retrieveAndStoreLocations = (accessToken) => {
let vinsToShowOnMap = [...props.vinsToShowOnMapColors.keys()];
let vinsParam = ""
for (let vinToShowOnMap of vinsToShowOnMap) {
vinsParam += "vins="
vinsParam += vinToShowOnMap
vinsParam += "&"
}
vinsParam += "lookback_hours="
vinsParam += props.lookbackHours
return getLocationsVehiclePaths(accessToken, vinsParam)
.then((result) => {
let resultArray = Object.entries(result)
const points = []
// validate each location
for (let vinLocations of resultArray) {
let path = []
path[0] = vinLocations[0]
path[1] = []
for (let location of vinLocations[1]) {
if (ValidateLocationVehiclePathsData(location) !== false) {
path[1].push(location);
}
}
points.push(path)
}
setMarkers(points);
return points;
})
.catch((error) => logger.warn(error.stack));
};
const centerAroundMarkers = (points) => {
// default center
let center = [37.0902, -95.7129]
// center is the very first geographical point
if (points && points[0] && points[0][1] && points[0][1][0]) {
center = points[0][1][0]
}
setCenter(center);
setZoom(4.5);
};
useEffect(() => {
if (!token) return;
const vins = []
for (let vinLocations of markers) {
vins.push(vinLocations[0])
}
if (vins.length === 0) return;
getConnections(vins, token).then((conns) => {
setConnections(conns);
});
// eslint-disable-next-line
}, [markers, token]);
const [selectedVIN, setSelectedVIN] = useState(null);
const [carState, setCarState] = useState(null);
useEffect(() => {
if (selectedVIN != null) {
retrieveAndStoreCarState(selectedVIN);
const id = setInterval(function () {
retrieveAndStoreCarState(selectedVIN);
}, REQUEST_INTERVAL);
return () => {
clearInterval(id);
};
}
// eslint-disable-next-line
}, [selectedVIN]);
const selectCar = (e, vin) => {
e.preventDefault();
setSelectedVIN(vin);
};
const retrieveAndStoreCarState = (vin) => {
getState(token, vin).then((results) => {
setCarState({ ...results.data, vin: vin });
});
};
const handleClose = () => {
setSelectedVIN(null);
setCarState(null);
};
const isOnline = (vin) => {
return connections[vin];
};
const getZIndex = (vin) => {
if (isOnline(vin)) return 1000;
return 0;
};
function getCarIcon(vin) {
let icon = GrayMarkerIcon;
if (isOnline(vin)) {
icon = GreenMarkerIcon;
}
return new L.Icon({
iconUrl: icon,
iconAnchor: [24, 42],
});
}
return (
<MapContainer
center={center}
zoom={zoom}
style={{
width: "100%",
height: "900px",
}}
>
<TileLayer
attribution='&copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
<CenterFocus center={center} zoom={zoom} />
{markers && markers.map((vinLocations) => (
<div key={vinLocations[0]}>
<Polyline
key={'line' + vinLocations[0]}
positions={vinLocations[1]}
pathOptions={{
color: props.vinsToShowOnMapColors && props.vinsToShowOnMapColors.get(vinLocations[0]),
}}
/>
{vinLocations[1][0] &&
<Marker
icon={getCarIcon(vinLocations[0])}
key={'marker' + vinLocations[0]}
position={vinLocations[1][0]}
title={vinLocations[0]}
opacity={0.9}
zIndexOffset={getZIndex(vinLocations[0])}
eventHandlers={{
click: () => {
setCenter(vinLocations[1][0]);
setZoom(16);
},
}}
>
<Popup>
<div align="center">
<p className={classes.markerTitle}>
<b>{vinLocations[0]}</b>
</p>
<Button
type="submit"
variant="contained"
color="primary"
onClick={(e) => selectCar(e, vinLocations[0])}
>
View Stats
</Button>
</div>
</Popup>
</Marker>
}
</div>
))}
{carState ? (
<VehiclePopUp
{...carState}
className={classes.popup}
onClose={handleClose}
/>
) : null}
</MapContainer>
);
};
const CenterFocus = ({ center, zoom }) => {
const map = useMap();
useEffect(() => {
if (center[0] === 0 && center[1] === 0) {
map.flyTo([0, 0], 2, { duration: 1.5 });
} else {
map.flyTo(center, zoom, { duration: 1.5 });
}
}, [center, zoom, map]);
return null;
};
const VehiclePathsMap = (props) => (
<VehicleProvider>
<ComponentVehiclePathsMap vinsToShowOnMapColors={props.vinsToShowOnMapColors} lookbackHours={props.lookbackHours} />
</VehicleProvider>
);
export default VehiclePathsMap;

7
src/components/useStyles.jsx
View File

@@ -288,7 +288,12 @@ const useStyles = makeStyles((theme) => ({
tableHeader: {
textDecorationStyle: "solid",
fontWeight:500,
}
},
limitWidthTableCell: {
maxWidth: "200px",
whiteSpace: "normal",
wordWrap: "break-word",
},
}));
export default useStyles;

1
src/services/DTCTimelineAPI.js
View File

@@ -13,6 +13,7 @@ const DTCTimelineAPI = {
ecu,
start_time: startDate,
end_time: endDate,
decode:true,
...search,
};
const url = addQueryParams(`${API_ENDPOINT}/dtcs/${vin}`, queryParams);

14
src/services/__mocks__/vehiclesAPI.js
View File

@@ -55,13 +55,15 @@ const ecusData = [
},
];
const signals = {data:[
const signals = {
data: [
{
timestamp: "2021-07-14T20:09:40.98187Z",
name: "signal",
value: 123
},
]};
],
};
const trexLogs = {
RealOffset: 0,
@@ -127,6 +129,12 @@ const vehiclesAPI = {
.mockResolvedValue([
{ altitude: 5, longitude: 10, latitude: 15, vin: "TESTVIN123" },
]),
getLocationsVehiclePaths: async () => {
return {
'3FAFP13P31R199430': [[16.891136999999986, 26.832352999999955], [56.891136999999986, 66.832352999999955], [26.891136999999986, 36.832352999999955]],
'3FAFP13P71R199060': [[36.891136999999986, 46.832352999999955], [76.891136999999986, 16.832352999999955]],
};
},
getVehicle: async (vin) => {
const index = data.findIndex(element => element.vin === vin);
return data[index];
@@ -134,7 +142,7 @@ const vehiclesAPI = {
getVehicles: async () => {
return { data };
},
getFleets: async (vin) => {return { data: ["fleet1", "fleet2"]}},
getFleets: async (vin) => { return { data: ["fleet1", "fleet2"] } },
getYears: async () => {
return {
data: [2021, 2022],

27
src/services/customDashboards.js
View File

@@ -1,8 +1,30 @@
import VehiclePathsMap from "../components/VehiclePathsMap";
const INVALID_DASHBOARD = {
label: "Invalid Dashboard",
error: "Invalid Dashboard"
}
const vinsToShowOnMapColors = new Map([
['3FAFP13P71R199267', 'red'],
['3FAFP13P71R199270', 'orange'],
['3FAFP13P71R199222', 'blue'],
['3FAFP13P61R199339', 'yellow'],
['3FAFP13P71R199057', 'turquoise'],
['3FAFP13P61R199387', 'lime'],
['3FAFP13P71R199334', 'purple'],
['3FAFP13P71R199284', 'green'],
['3FAFP13P71R199303', 'sienna'],
['3FAFP13P31R199430', 'navy'],
['3FAFP13P81R199083', 'cadetblue'],
['3FAFP13P71R199060', 'coral'],
['3FAFP13P71R199317', 'darkkhaki'],
['3FAFP13P71R199320', 'fuchsia'],
['3FAFP13P61R199390', 'indigo'],
['3FAFP13P61R199373', 'cyan'],
])
const lookbackHours = 24
export const CustomDashboardList = [
/*
{
@@ -14,6 +36,11 @@ export const CustomDashboardList = [
component: <MyCustomComponent />
}
*/
{
label: "Vehicle Map",
component: <VehiclePathsMap vinsToShowOnMapColors={vinsToShowOnMapColors} lookbackHours={lookbackHours} />
}
];
export const getCustomDashboard = (index) => {

11
src/services/manifestsAPI.js
View File

@@ -78,6 +78,17 @@ const manifestsAPI = {
})
.then(fetchRespHandler)
.catch(errorHandler),
migrateManifest: async (manifest_id, token) =>
fetch(`${API_ENDPOINT}/manifestmigrate/${manifest_id}`,{
method: "POST",
headers: Object.assign(
{ "Content-Type": "application/json" },
getAuthHeaderOptions(token)
),
})
.then(fetchRespHandler)
.catch(errorHandler),
};
export default manifestsAPI;

13
src/services/vehiclesAPI.js
View File

@@ -76,6 +76,17 @@ const vehiclesAPI = {
.then(fetchRespHandler)
.catch(errorHandler),
getLocationsVehiclePaths: async (token, vinsParam) =>
fetch(`${API_ENDPOINT}/vehicle_paths?${vinsParam}`, {
method: "GET",
headers: Object.assign(
{ "Content-Type": "application/json" },
getAuthHeaderOptions(token)
),
})
.then(fetchRespHandler)
.catch(errorHandler),
getState: async (token, vin) =>
fetch(`${API_ENDPOINT}/carstate?vin=${vin}`, {
method: "GET",
@@ -185,7 +196,7 @@ const vehiclesAPI = {
.then(fetchRespHandler)
.catch(errorHandler),
getVersionLog: async ({vin, ...search}, token) => {
getVersionLog: async ({ vin, ...search }, token) => {
const u = addQueryParams(`${API_ENDPOINT}/vehicle/${vin}/version/logs`, search);
return fetch(u, {
method: "GET",

9
src/utils/locations.js
View File

@@ -10,6 +10,15 @@ export const ValidateLocationData = (location) => {
return true;
}
export const ValidateLocationVehiclePathsData = (location) => {
if (location.length < 2) {
return false;
}
// location is an array of length 2 as {<latitude> float64, <longitude> float64}
return !(Math.abs(location[0]) > 90 || Math.abs(location[1]) > 180);
}
export const ValidateLocationByParam = (parameter, value) => {
if (invalidLocation === value) return false;
switch (parameter) {

4
src/utils/roles.js
View File

@@ -8,6 +8,7 @@ export const Roles = {
APPROVESUPPLIERS: process.env.REACT_APP_ROLE_SUPPLIER_APPROVER,
MANUFACTURE: process.env.REACT_APP_ROLE_MANUFACTURE,
MAGNAGROUP: process.env.REACT_APP_MAGNA_GROUP_ID,
MANIFEST_MIGRATION: process.env.REACT_APP_ROLE_MANIFEST_MIGRATION
};
export const Providers = {
@@ -94,4 +95,7 @@ export const Permissions = {
[Providers.FISKER_QA]: [Roles.MANUFACTURE],
[Providers.MAGNA]: [Roles.MAGNAGROUP],
},
ManifestMigration: {
[Providers.FISKER]: [Roles.MANIFEST_MIGRATION]
}
};