Jukebox/jukebox-web
10
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Add datasheet popup

Browse Source
This commit is contained in:
Cole Deck
2024-07-29 13:10:53 -05:00
parent 5a3943ae46
commit d2371c85ff
6 changed files with 90 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/CableDetailComponent.js
View File

@ -17,6 +17,7 @@ class Cable {
this.image = cableData.image
? `http://${hostname}${cableData.image}`
: DefaultPartImg;
this.datasheet = `http://${hostname}${cableData.datasheet}`
this.dynamicProps = {};
this.horizontal = [];
this.vertical = [];
@ -350,8 +351,11 @@ export default class CableDetailComponent extends Component {
<span>✏️</span>
<span>Datasheet</span>
</div>
<div className="modal-body">
<span>Datasheet coming soon...</span>
<div className="modal-datasheet">
{cableDetails ? (
<iframe src={cableDetails.datasheet} height='70%' width='70%'></iframe>) : (<div className="datasheet"></div>)
}
</div>
<div
className="modal-close"

2
src/components/StatisticsComponent.js
View File

@ -14,7 +14,7 @@ export default class StatisticsComponent extends Component {
<div className="statistics-grid">
<div className="statistics-grid-container">
<iframe
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=8"
src="http://172.31.108.29:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=8"
title="Belden"
className="statistics-iframe"
/>