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

getcable

Browse Source
This commit is contained in:
scarlett kadan 2024-05-08 17:04:24 -04:00
commit c82ef2e7af
4 changed files with 50 additions and 14 deletions

23
src/assets/stylesheets/summary.scss

@ -2,10 +2,6 @@ $dark-blue: #002554;
$medium-blue: #004990;
$light-blue: #007cbe;
$hover-blue: #25b3ff;
$black: #000;
$gray: #bdbdbd;
$white: #fff;
.summary {
background: linear-gradient(
180deg,
@ -38,6 +34,16 @@ $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% - 200px);
height: auto;
@ -50,6 +56,15 @@ $white: #fff;
margin-bottom: 50px;
}
.summary-iframe {
// width: 400px;
// height: 400px;
min-height: 1px;
background: transparent;
margin: 10px;
display: block;
}
.summary-fieldContainer-pp {
width: 25%;
height: 300px;

1
src/components/BrowseComponent.js

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

35
src/components/SummaryComponent.js

@ -6,18 +6,33 @@ export default class SummaryComponent extends Component {
render() {
return (
<div className="summary">
<div className="summary-image">
<img src={BeldenLogo} alt="Belden" />
</div>
<img className="summary-image" src={BeldenLogo} alt="Belden" />
<div className="summary-fieldContainer">
<p className="summary-fieldContainer-pp">hello this is from inside a pp hello this is from inside a pp hello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pp</p>
{/* <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 className="summary-fieldContainer-dashboard">
<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>
{/* <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>
);
}

5
src/index.js

@ -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();