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

Compare commits

base: Jukebox:51f50d59feb26c828a45b07ea03b98ae8ce28a61
Branches Tags
Jukebox:main
..
compare: Jukebox:a883b0b206a58d4d0a37d835e96748a02f76c3e3
Branches Tags
Jukebox:main

No commits in common. "51f50d59feb26c828a45b07ea03b98ae8ce28a61" and "a883b0b206a58d4d0a37d835e96748a02f76c3e3" have entirely different histories.
51f50d59fe ... a883b0b206

2 changed files with 14 additions and 50 deletions
Show Stats Expand all files Collapse all files

35
src/assets/stylesheets/summary.scss
View File

@ -44,17 +44,13 @@ $hover-blue: #25b3ff;
// flex-wrap: wrap; // flex-wrap: wrap;
// below is taken from browse.scss // below is taken from browse.scss
width: 90%; width: 100%;
min-height: calc(100% - 200px); min-height: calc(100% - 200px);
height: auto; height: auto;
// display: flex; display: flex;
// align-self: center; align-items: center;
// align-items: center; justify-content: flex-start;
// justify-content: center; flex-direction: column;
// align-items: center;
// justify-content: flex-start;
// justify-self: center;
// flex-direction: column;
overflow: hidden; overflow: hidden;
background-color: transparent; background-color: transparent;
margin-bottom: 50px; margin-bottom: 50px;
@ -63,8 +59,6 @@ $hover-blue: #25b3ff;
.summary-grid { .summary-grid {
width: 100%; width: 100%;
height: 100%; /* Adjust the height of iframes */
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); /* 2 columns */ grid-template-columns: repeat(2, 1fr); /* 2 columns */
grid-gap: 10px; /* Adjust the gap between iframes */ grid-gap: 10px; /* Adjust the gap between iframes */
@ -106,25 +100,6 @@ $hover-blue: #25b3ff;
width: 25%; width: 25%;
} }
.summary-dashboard {
width: 100%;
height: 900px;
border-radius: 20px;
text-align: center;
padding: 10px;
}
.summary-title {
width: 100%;
height: 100%;
font-size: 1.5em;
font-weight: bold;
color: $dark-blue;
margin: 10px;
}
// .summary-fieldContainer-dashboard { // .summary-fieldContainer-dashboard {
// width: 100%; // width: 100%;
// height: 300px; // height: 300px;

29
src/components/SummaryComponent.js
View File

@ -8,19 +8,22 @@ export default class SummaryComponent extends Component {
<div className="summary"> <div className="summary">
<img className="summary-image" src={BeldenLogo} alt="Belden" /> <img className="summary-image" src={BeldenLogo} alt="Belden" />
<div className="summary-fieldContainer"> <div className="summary-fieldContainer">
<h1 className="summary-title">Grid of Individual Graphs</h1>
<div className="summary-grid"> <div className="summary-grid">
{/* <div className="summary-iframe"> */} {/* <div className="summary-iframe"> */}
<iframe <iframe
className="summary-iframe" className="summary-iframe"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=9" src="=http://192.168.1.12:3000/d/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&viewPanel=9"
// width="400"
// height="300"
frameborder="0" frameborder="0"
></iframe> ></iframe>
<iframe <iframe
className="summary-iframe" className="summary-iframe"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=8" src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
frameborder="0"></iframe> // width="400"
// height="300"
frameborder="0"
></iframe>
<iframe <iframe
className="summary-iframe" className="summary-iframe"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7" src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
@ -28,26 +31,12 @@ export default class SummaryComponent extends Component {
></iframe> ></iframe>
<iframe <iframe
className="summary-iframe" className="summary-iframe"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=6" src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
frameborder="0"
></iframe>
<iframe
className="summary-iframe"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=5"
frameborder="0" frameborder="0"
></iframe> ></iframe>
{/* </div> */} {/* </div> */}
{/* <iframe src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7" width="450" height="200" frameborder="0"></iframe> */} {/* <iframe src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7" width="450" height="200" frameborder="0"></iframe> */}
</div> </div>
<h1 className="summary-title">Embed Dashboard in Kiosk Mode</h1>
<iframe
className="summary-dashboard"
src="http://192.168.1.12:3000/d/cdiqwmlr8c9ogf/sensors?orgId=1&theme=light&refresh=1s&kiosk"
frameborder="0"
></iframe>
</div> </div>
</div> </div>
); );