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

Small changes to the Summary Page

Browse Source
This commit is contained in:
Lucas 2024-05-08 15:49:06 -05:00
parent 4cea1b0832
commit e55c7b5b5a
4 changed files with 58 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,12 +32,33 @@ $white: #fff;
}
.summary-fieldContainer {
// width: 100%;
// min-height: calc(100% - 250px);
// height: auto;
// background-color: transparent;
// display: flex;
// align-items: flex-start;
// justify-content: center;
// flex-wrap: wrap;
// below is taken from browse.scss
width: 100%;
min-height: calc(100% - 250px);
min-height: calc(100% - 200px);
height: auto;
background-color: transparent;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
flex-direction: column;
overflow: hidden;
background-color: transparent;
margin-bottom: 50px;
}
.summary-iframe {
// width: 400px;
// height: 400px;
min-height: 1px;
background: transparent;
margin: 10px;
display: block;
}

1
src/components/BrowseComponent.js
View File

@ -123,3 +123,4 @@ export default class BrowseComponent extends Component {
);
}
}

34
src/components/SummaryComponent.js
View File

@ -7,14 +7,32 @@ export default class SummaryComponent extends Component {
return (
<div className="summary">
<img className="summary-image" src={BeldenLogo} alt="Belden" />
<div className="summary-fieldContainer"></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=9"
width="450"
height="200"
frameborder="0"
></iframe>
<div className="summary-fieldContainer">
{/* <div className="summary-iframe"> */}
<iframe
className="summary-fieldContainer"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
// width="400"
// height="300"
frameborder="0"
></iframe>
<iframe
className="summary-fieldContainer"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
// width="400"
// height="300"
frameborder="0"
></iframe>
<iframe
className="summary-fieldContainer"
src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
// width="400"
// height="300"
frameborder="0"
></iframe>
{/* </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> */}
</div>
</div>
);
}

5
src/index.js
View File

@ -19,6 +19,7 @@ socket.addEventListener("open", function (event) {
init();
});
// Initialize the app
const init = () => {
const router = createBrowserRouter([
@ -55,3 +56,7 @@ const init = () => {
</div>
);
};
init();