language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-27 05:44:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
slint/demos/home-automation/ui/appState.slint
Nigel Breslaw 287a976bd0
Updated Home Automation demo (#7890) 
Adds:

Kiosk mode. After 30 seconds demo will cycle through views.
Landscape support.
{ API } to work with the new data tab in live-preview.
SW Renderer support (use of PNG images over gradients, Rectangles, shadows, etc).
Removes side-bar and theming.
Refreshed look.
2025-03-21 19:04:58 +02:00

840 lines
78 KiB
Text
Raw Permalink Blame History

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT
export enum WidgetType { lamp, appliance, overhead, info, graph, control, music, hvac, camera, dishwasher, microwave, alarm, weatherInfo, timeInfo, powerInfo }
struct Widget {
id: string,
type: WidgetType,
visible: bool,
}
export struct ComponentData {
id: string,
x: int,
y: int,
width: int,
height: int,
visible: bool,
background: brush,
position: int,
}
export struct DataGroup {
id: string,
components: [ComponentData]
}
import "../fonts/Poppins-Bold.ttf";
import "../fonts/Poppins-Light.ttf";
import "../fonts/Poppins-Medium.ttf";
import "../fonts/Poppins-Regular.ttf";
import "../fonts/Poppins-Thin.ttf";
export enum Orientation {
portrait,
landscape
}
export global AppState {
in-out property <bool> first-run: true;
in-out property <bool> kiosk-mode: false;
in property <bool> disable-kiosk-mode: false;
callback end-kiosk-mode();
end-kiosk-mode => {
kiosk-mode = false;
}
in-out property <int> current-page: 0; // Don't use this directly. Use target-page instead.
in-out property <int> target-page: 0;
out property <DataGroup> current-layout-data: orientation == Orientation.landscape ? pageDataLandscape[current-page] : pageDataPortrait[current-page];
in property <length> window-width: 960px;
in property <length> window-height: 540px;
out property <Orientation> orientation: window-width > window-height ? landscape : portrait;
in property <bool> graphics-accelerator-available: true;
out property <float> x-scale: orientation == Orientation.landscape ? window-width / 1920px : window-width / 1080px;
out property <float> y-scale: orientation == Orientation.landscape ? window-height / 1080px : window-height / 1920px;
in-out property <bool> showing-full-screen: false;
out property <int> full-screen-index: -1;
in-out property <int> last-selected-index: -1;
callback showFullScreen(int);
showFullScreen(index)=> {
full-screen-index = index;
if full-screen-index != -1 {
last-selected-index = index;
showing-full-screen = true;
}
}
out property <string> default-font-family: "Poppins";
// Portrait values
property <float> margin: 36;
property <float> mini-width: ((1080 - (4 * margin)) / 3).floor();
property <float> big-width: ((1080 - (3 * margin)) / 2).floor();
property <float> mini-col2-x: (2 * margin) + mini-width;
property <float> mini-col3-x: (3 * margin) + mini-width * 2;
property <float> big-col2-x: (2 * margin) + big-width;
// page 1 layout
property <float> row1-y: 190;
property <float> row2-y: row1-y + mini-height + margin;
property <float> row3-y: row2-y + mini-height + margin;
property <float> row4-y: row3-y + big-height + margin;
// page 2 layout
property <float> row2-y2: row1-y + mega-height + margin;
property <float> row3-y2: row2-y2 + mini-height + margin;
property <float> row4-y2: row3-y2 + mini-height + margin;
// page 3 layout
property <float> row2-y3: row1-y + big-height + margin;
property <float> row3-y3: row2-y3 + mini-height + margin;
property <float> row4-y3: row3-y3 + mini-height + margin;
property <float> mini-height: 300;
property <float> big-height: 420;
property <float> mega-height: 500;
out property <[{id: string, name: string, type: WidgetType }]> component-details: [
{ id: "lamp1", name: "His\nNightstand", type: WidgetType.lamp },
{ id: "lamp2", name: "Her\nNightstand", type: WidgetType.lamp },
{ id: "lamp3", name: "Stove", type: WidgetType.lamp },
{ id: "lamp4", name: "Front Entry", type: WidgetType.lamp },
{ id: "lamp5", name: "Back Porch", type: WidgetType.lamp },
{ id: "lamp6", name: "Yard", type: WidgetType.lamp },
{ id: "lamp7", name: "Hall Lights", type: WidgetType.lamp },
{ id: "appliance1",name: "Dishwasher", type: WidgetType.dishwasher },
{ id: "appliance2",name: "Microwave", type: WidgetType.microwave },
{ id: "overhead1", name: "Dining Area", type: WidgetType.overhead, },
{ id: "overhead2", name: "Kitchen Island", type: WidgetType.overhead, },
{ id: "overhead3", name: "Stove", type: WidgetType.overhead, },
{ id: "overhead4", name: "Walk-In Closet", type: WidgetType.overhead, },
{ id: "overhead5",name: "En-Suite Bathroom", type: WidgetType.overhead, },
{ id: "overhead6",name: "Master Bedroom 1", type: WidgetType.overhead, },
{ id: "overhead7",name: "Master Bedroom 2", type: WidgetType.overhead, },
{ id: "overhead8",name: "Master Bedroom 3", type: WidgetType.overhead, },
{ id: "overhead9",name: "Master Bedroom 4", type: WidgetType.overhead, },
{ id: "overhead10",name: "Office", type: WidgetType.overhead, },
{ id: "overhead11",name: "Basement", type: WidgetType.overhead, },
{ id: "info2", name:"Weather",type: WidgetType.weatherInfo },
{ id: "info3", name:"Power Usage",type: WidgetType.powerInfo },
{ id: "graph1", name:"Humidity",type: WidgetType.graph },
{ id: "graph2", name:"Pressure",type: WidgetType.graph },
{ id: "control1", name:"Music",type: WidgetType.music },
{ id: "control2", name:"Front Camera",type: WidgetType.camera },
{ id: "control3", name:"Alarm",type: WidgetType.alarm },
{ id: "control4", name:"Heating / Air Conditioning",type: WidgetType.hvac },
];
out property <[DataGroup]> pageDataLandscape: [
{
id: "house",
components: [
{ id: "lamp1", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 0 },
{ id: "lamp5", x: 507.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 1 },
{ id: "lamp6", x: 978.41, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: true, position: 2 },
{ id: "lamp7", x: 915, y: 645.893, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.284, y: 645, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 1449.41, y: 507, width: 435.0, height: 471.0, background: #00acff, visible: true, position: 3 },
{ id: "info3", x: 1449.41, y: 540, width: 435.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 890, y: 620, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 864.674, y: 620, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.41, y: 157, width: 435.0, height: 314.0, background: #00bf1d, visible: true },
{ id: "control2", x: 36.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
{ id: "control3", x: 507.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
{ id: "control4", x: 978.41, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: true },
{ id: "filter", x: 36.41, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.41, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "kitchen",
components: [
{ id: "lamp1", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp2", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp3", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp4", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 452, y: 420, width: 77, height: 77.412, background: #ffbe00, visible: false },
{ id: "appliance1", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "appliance2", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "overhead1", x: 36, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
{ id: "overhead2", x: 350, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
{ id: "overhead3", x: 664, y: 664, width: 278.0, height: 314.0, background: #fff291, visible: true },
{ id: "overhead4", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead5", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead6", x: 386, y: 420, width: 208.343, height: 77, background: #fff291, visible: false },
{ id: "overhead7", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead8", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead9", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead10", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead11", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "info2", x: 978, y: 664, width: 435.0, height: 314.0, background: #00acff, visible: true },
{ id: "info3", x: 430, y: 442.217, width: 121.0, height: 33.657, background: #00acff, visible: false },
{ id: "graph1", x: 978, y: 157, width: 435.0, height: 507.0, background: #ba00ff, visible: true },
{ id: "graph2", x: 408, y: 398, width: 164.671, height: 121.0, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.64, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
{ id: "control2", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
{ id: "control3", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
{ id: "control4", x: 1259.29, y: 628, width: 121.0, height: 121.0, background: #00ac0f, visible: false },
{ id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "bedroom1",
components: [
{ id: "lamp1", x: 36.86, y: 543, width: 435.0, height: 435.0, background: #ffbe00, visible: true },
{ id: "lamp2", x: 978.86, y: 543, width: 435.0, height: 435.0, background: #ffbe00, visible: true },
{ id: "lamp3", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp4", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp5", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp6", x: 892.968, y: 685.715, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
{ id: "lamp7", x: 891.162, y: 691, width: 64.824, height: 64.426, background: #ffbe00, visible: false },
{ id: "appliance1", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 477.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead2", x: 791.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead3", x: 1105.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead4", x: 1135.86, y: 354, width: 277, height: 152, background: #fff291, visible: true },
{ id: "overhead5", x: 822, y: 354, width: 277, height: 152, background: #fff291, visible: true },
{ id: "overhead6", x: 507.86, y: 354, width: 277, height: 152, background: #fff291, visible: true },
{ id: "overhead7", x: 507.86, y: 157, width: 278.0, height: 152, background: #fff291, visible: true },
{ id: "overhead8", x: 1135.86, y: 157, width: 277, height: 152, background: #fff291, visible: true },
{ id: "overhead9", x: 821.86, y: 157, width: 275, height: 152, background: #fff291, visible: true },
{ id: "overhead10", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead11", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 880, y: 733, width: 49.0, height: 13.63, background: #00acff, visible: false },
{ id: "info3", x: 852, y: 725.318, width: 105, height: 29.227, background: #00acff, visible: false },
{ id: "graph1", x: 773.46, y: 507, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
{ id: "graph2", x: 833.96, y: 687, width: 142.994, height: 105, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
{ id: "control2", x: 36.86, y: 157, width: 435.0, height: 350.3, background: #00bf1d, visible: true },
{ id: "control3", x: 852, y: 706.356, width: 105, height: 67, background: #00bf1d, visible: false },
{ id: "control4", x: 852, y: 687, width: 105, height: 105, background: #00ac0f, visible: false },
{ id: "filter", x: 36.86, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.86, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "office",
components: [
{ id: "lamp1", x: 181, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
{ id: "lamp2", x: 1123.59, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
{ id: "lamp3", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp4", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp5", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp6", x: 904.902, y: 540.515, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
{ id: "lamp7", x: 36.678, y: 157, width: 278.016, height: 278.0, background: #ffbe00, visible: true },
{ id: "appliance1", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 489, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead2", x: 803, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead3", x: 1117.69, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead4", x: 1111.78, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead5", x: 798.062, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead6", x: 483, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead7", x: 483, y: 441, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead8", x: 1111.78, y: 441, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead9", x: 797, y: 441, width: 275, height: 121.0, background: #fff291, visible: false },
{ id: "overhead10", x: 350, y: 157, width: 278.0, height: 278.0, background: #fff291, visible: true },
{ id: "overhead11", x: 883, y: 561.156, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 660.558, y: 157, width: 753, height: 278.0, background: #00acff, visible: true },
{ id: "info3", x: 660.558, y: 157, width: 753, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 652, y: 362, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
{ id: "graph2", x: 845.894, y: 542, width: 142.994, height: 105, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
{ id: "control2", x: 36.678, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
{ id: "control3", x: 507, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
{ id: "control4", x: 978, y: 471, width: 435.0, height: 504.0, background: #00ac0f, visible: true },
{ id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "controls",
components: [
{ id: "lamp1", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp2", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp3", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp4", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp5", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp6", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp7", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "appliance1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead2", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead3", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead4", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead5", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead6", x: 779.442, y: 752, width: 181.354, height: 67, background: #fff291, visible: false },
{ id: "overhead7", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead8", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead9", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead10", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead11", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "info3", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "graph1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
{ id: "graph2", x: 798.45, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
{ id: "control1", x: 36.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control2", x: 507.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control3", x: 978.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control4", x: 1449.72, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "filter", x: 36.719, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.719, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "lamps",
components: [
{ id: "lamp1", x: 36.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp2", x: 350.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp3", x: 664.147, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp4", x: 978.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp5", x: 1292.15, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp6", x: 1606.15, y: 156.844, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp7", x: 36.147, y: 471, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "appliance1", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead2", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead3", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead4", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead5", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead6", x: 905.847, y: 655.553, width: 121.0, height: 44, background: #fff291, visible: false },
{ id: "overhead7", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead8", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead9", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead10", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead11", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "info2", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
{ id: "info3", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
{ id: "graph1", x: 931.21, y: 642.871, width: 70, height: 70, background: #ba00ff, visible: false },
{ id: "graph2", x: 918.529, y: 642.871, width: 95.637, height: 70, background: #ba00ff, visible: false },
{ id: "control1", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control2", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control3", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control4", x: 931.21, y: 642.871, width: 70, height: 70, background: #00ac0f, visible: false },
{ id: "filter", x: 36.147, y: 1002.95, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.147, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "overhead",
components: [
{ id: "lamp1", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp2", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp3", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp4", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp5", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp6", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp7", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "appliance1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 36.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead2", x: 507.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead3", x: 978.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead4", x: 1449.21, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead5", x: 36.991, y: 350, width: 434.223, height: 157.0, background: #fff291, visible: true },
{ id: "overhead6", x: 507.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead7", x: 978.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead8", x: 1449.21, y: 347.795, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead9", x: 36.991, y: 543, width: 434.223, height: 157.0, background: #fff291, visible: true },
{ id: "overhead10", x: 507.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead11", x: 978.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "info2", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "info3", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "graph1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
{ id: "graph2", x: 797.945, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
{ id: "control1", x: 24.115, y: 567.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control2", x: 491, y: 166.5, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control3", x: 1437.12, y: 531.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control4", x: 1449.21, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.215, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.215, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "appliances",
components: [
{ id: "lamp1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.736, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "appliance2", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "overhead1", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.568, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 664, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "info3", x: 1292.69, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 864.957, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.69, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "info",
components: [
{ id: "lamp1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.899, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.73, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 36.856, y: 314, width: 592.0, height: 121.0, background: #00acff, visible: true },
{ id: "info3", x: 36.856, y: 471, width: 592.0, height: 121.0, background: #00acff, visible: true },
{ id: "graph1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 865.12, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: 495.756, y: 423.345, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.856, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.856, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "graphs",
components: [
{ id: "lamp1", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.074, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 36.031, y: 157, width: 278.0, height: 314.0, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 350.031, y: 157, width: 275.747, height: 314.0, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 838.906, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 664.031, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "info3", x: 1292.03, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 36.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
{ id: "graph2", x: 507.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
{ id: "control1", x: 1449.03, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.031, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.031, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
];
out property <[DataGroup]> pageDataPortrait: [
{
id: "house",
components: [
{ id: "lamp1", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890, y: 620, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: margin, y: row1-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 0 },
{ id: "lamp5", x: big-col2-x, y: row1-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 1 },
{ id: "lamp6", x: margin, y: row2-y, width: big-width, height: mini-height, background: #ffbe00, visible: true, position: 2 },
{ id: "lamp7", x: 915, y: 645.893, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 890, y: 620, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.284, y: 645, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915, y: 645, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: big-col2-x, y: row4-y, width: big-width, height: big-height, background: #00acff, visible: true, position: 7 },
{ id: "info3", x: 1449.41, y: 540, width: 435.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 890, y: 620, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 864.674, y: 620, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: big-col2-x, y: row2-y, width: big-width, height: mini-height, background: #00bf1d, visible: true, position: 3 },
{ id: "control2", x: margin, y: row3-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 4 },
{ id: "control3", x: big-col2-x, y: row3-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 5 },
{ id: "control4", x: margin, y: row4-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 6 },
{ id: "filter", x: 36.41, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.41, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "kitchen",
components: [
{ id: "lamp1", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp2", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp3", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp4", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 430, y: 398, width: 121.0, height: 121.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 452, y: 420, width: 77, height: 77.412, background: #ffbe00, visible: false },
{ id: "appliance1", x: margin, y: row1-y, width: big-width, height: mega-height, background: #b5b5b5, visible: true, position: 0 },
{ id: "appliance2", x: big-col2-x, y: row1-y, width: big-width, height: mega-height, background: #b5b5b5, visible: true, position: 1 },
{ id: "overhead1", x: margin, y: row2-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 2 },
{ id: "overhead2", x: big-col2-x, y: row2-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 3 },
{ id: "overhead3", x: margin, y: row3-y2, width: big-width, height: mini-height, background: #fff291, visible: true, position: 4 },
{ id: "overhead4", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead5", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead6", x: 386, y: 420, width: 208.343, height: 77, background: #fff291, visible: false },
{ id: "overhead7", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead8", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead9", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead10", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "overhead11", x: 452, y: 420, width: 77, height: 77, background: #fff291, visible: false },
{ id: "info2", x: margin, y: row4-y2, width: big-width, height: mini-height, background: #00acff, visible: true, position: 6 },
{ id: "info3", x: 430, y: 442.217, width: 121.0, height: 33.657, background: #00acff, visible: false },
{ id: "graph1", x: 978, y: 157, width: 435.0, height: 507.0, background: #ba00ff, visible: false },
{ id: "graph2", x: 408, y: 398, width: 164.671, height: 121.0, background: #ba00ff, visible: false },
{ id: "control1", x: big-col2-x, y: row3-y2, width: big-width, height: (mini-height * 2) + margin, background: #00bf1d, visible: true, position: 5 },
{ id: "control2", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
{ id: "control3", x: 430, y: 420, width: 121.0, height: 77, background: #00bf1d, visible: false },
{ id: "control4", x: 1259.29, y: 628, width: 121.0, height: 121.0, background: #00ac0f, visible: false },
{ id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "bedroom1",
components: [
{ id: "lamp1", x: margin, y: row4-y3, width: big-width, height: big-height, background: #ffbe00, visible: true, position: 8 },
{ id: "lamp2", x: big-col2-x, y: row4-y3, width: big-width, height: big-height, background: #ffbe00, visible: true, position: 9 },
{ id: "lamp3", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp4", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp5", x: 852, y: 687, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp6", x: 892.968, y: 685.715, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
{ id: "lamp7", x: 891.162, y: 691, width: 64.824, height: 64.426, background: #ffbe00, visible: false },
{ id: "appliance1", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 852, y: 687, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 477.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead2", x: 791.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead3", x: 1105.76, y: 664, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead4", x: margin, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 2 },
{ id: "overhead5", x: mini-col2-x, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 3 },
{ id: "overhead6", x: mini-col3-x, y: row2-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 4 },
{ id: "overhead7", x: margin, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 5 },
{ id: "overhead8", x: mini-col2-x, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 6 },
{ id: "overhead9", x: mini-col3-x, y: row3-y3, width: mini-width, height: mini-height, background: #fff291, visible: true, position: 7 },
{ id: "overhead10", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead11", x: 871.882, y: 706.356, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 880, y: 733, width: 49.0, height: 13.63, background: #00acff, visible: false },
{ id: "info3", x: 852, y: 725.318, width: 105, height: 29.227, background: #00acff, visible: false },
{ id: "graph1", x: 773.46, y: 507, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
{ id: "graph2", x: 833.96, y: 687, width: 142.994, height: 105, background: #ba00ff, visible: false },
{ id: "control1", x: big-col2-x, y: row1-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 1 },
{ id: "control2", x: margin, y: row1-y, width: big-width, height: big-height, background: #00bf1d, visible: true, position: 0 },
{ id: "control3", x: 852, y: 706.356, width: 105, height: 67, background: #00bf1d, visible: false },
{ id: "control4", x: 852, y: 687, width: 105, height: 105, background: #00ac0f, visible: false },
{ id: "filter", x: 36.86, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.86, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "office",
components: [
{ id: "lamp1", x: 181, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
{ id: "lamp2", x: 1123.59, y: 362, width: 435.0, height: 435.0, background: #ffbe00, visible: false },
{ id: "lamp3", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp4", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp5", x: 864, y: 542, width: 105, height: 105, background: #ffbe00, visible: false },
{ id: "lamp6", x: 904.902, y: 540.515, width: 65.233, height: 64.659, background: #ffbe00, visible: false },
{ id: "lamp7", x: 36.678, y: 157, width: 278.016, height: 278.0, background: #ffbe00, visible: true },
{ id: "appliance1", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 864, y: 542, width: 105, height: 105, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 489, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead2", x: 803, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead3", x: 1117.69, y: 519, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead4", x: 1111.78, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead5", x: 798.062, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead6", x: 483, y: 598, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead7", x: 483, y: 441, width: 278.0, height: 121.0, background: #fff291, visible: false },
{ id: "overhead8", x: 1111.78, y: 441, width: 277, height: 121.0, background: #fff291, visible: false },
{ id: "overhead9", x: 797, y: 441, width: 275, height: 121.0, background: #fff291, visible: false },
{ id: "overhead10", x: 350, y: 157, width: 278.0, height: 278.0, background: #fff291, visible: true },
{ id: "overhead11", x: 883, y: 561.156, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 660.558, y: 314, width: 753, height: 121.0, background: #00acff, visible: true },
{ id: "info3", x: 660.558, y: 157, width: 753, height: 121.0, background: #00acff, visible: true },
{ id: "graph1", x: 652, y: 362, width: 435.0, height: 435.0, background: #ba00ff, visible: false },
{ id: "graph2", x: 845.894, y: 542, width: 142.994, height: 105, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.86, y: 157, width: 435.0, height: 820.0, background: #00bf1d, visible: true },
{ id: "control2", x: 36.678, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
{ id: "control3", x: 507, y: 471, width: 435.0, height: 504.0, background: #00bf1d, visible: true },
{ id: "control4", x: 978, y: 471, width: 435.0, height: 504.0, background: #00ac0f, visible: true },
{ id: "filter", x: 36, y: 1007.85, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1377.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "controls",
components: [
{ id: "lamp1", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp2", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp3", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp4", x: 836.464, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp5", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp6", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp7", x: 836.464, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "appliance1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead2", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead3", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead4", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead5", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead6", x: 779.442, y: 752, width: 181.354, height: 67, background: #fff291, visible: false },
{ id: "overhead7", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead8", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead9", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead10", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "overhead11", x: 836.464, y: 752, width: 67, height: 67, background: #fff291, visible: false },
{ id: "info2", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "info3", x: 817.457, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "graph1", x: 817.457, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
{ id: "graph2", x: 798.45, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
{ id: "control1", x: 36.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control2", x: 507.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control3", x: 978.719, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "control4", x: 1449.72, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: true },
{ id: "filter", x: 36.719, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.719, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "lamps",
components: [
{ id: "lamp1", x: 36.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp2", x: 350.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp3", x: 664.147, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp4", x: 978.147, y: 157, width: 278.0, height: 278.0, background: #ffbe00, visible: true },
{ id: "lamp5", x: 1292.15, y: 157, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp6", x: 1606.15, y: 156.844, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "lamp7", x: 36.147, y: 471, width: 278.0, height: 278.3, background: #ffbe00, visible: true },
{ id: "appliance1", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 931.21, y: 642.871, width: 70, height: 70, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead2", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead3", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead4", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead5", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead6", x: 905.847, y: 655.553, width: 121.0, height: 44, background: #fff291, visible: false },
{ id: "overhead7", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead8", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead9", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead10", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "overhead11", x: 943.892, y: 655.553, width: 44, height: 44, background: #fff291, visible: false },
{ id: "info2", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
{ id: "info3", x: 931.21, y: 668.234, width: 70, height: 19.547, background: #00acff, visible: false },
{ id: "graph1", x: 931.21, y: 642.871, width: 70, height: 70, background: #ba00ff, visible: false },
{ id: "graph2", x: 918.529, y: 642.871, width: 95.637, height: 70, background: #ba00ff, visible: false },
{ id: "control1", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control2", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control3", x: 931.21, y: 642.871, width: 70, height: 70, background: #00bf1d, visible: false },
{ id: "control4", x: 931.21, y: 642.871, width: 70, height: 70, background: #00ac0f, visible: false },
{ id: "filter", x: 36.147, y: 1002.95, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.147, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "overhead",
components: [
{ id: "lamp1", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp2", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp3", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp4", x: 835.959, y: 752, width: 67, height: 67, background: #ffbe00, visible: false },
{ id: "lamp5", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp6", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "lamp7", x: 835.959, y: 752, width: 67, height: 67.384, background: #ffbe00, visible: false },
{ id: "appliance1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 36.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead2", x: 507.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead3", x: 978.215, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead4", x: 1449.21, y: 157, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead5", x: 36.991, y: 350, width: 434.223, height: 157.0, background: #fff291, visible: true },
{ id: "overhead6", x: 507.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead7", x: 978.215, y: 350, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead8", x: 1449.21, y: 347.795, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead9", x: 36.991, y: 543, width: 434.223, height: 157.0, background: #fff291, visible: true },
{ id: "overhead10", x: 507.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "overhead11", x: 978.215, y: 543, width: 435.0, height: 157.0, background: #fff291, visible: true },
{ id: "info2", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "info3", x: 816.952, y: 771.096, width: 105.326, height: 29.297, background: #00acff, visible: false },
{ id: "graph1", x: 816.952, y: 733.082, width: 105.326, height: 105.326, background: #ba00ff, visible: false },
{ id: "graph2", x: 797.945, y: 733.082, width: 143.34, height: 105.326, background: #ba00ff, visible: false },
{ id: "control1", x: 24.115, y: 567.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control2", x: 491, y: 166.5, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control3", x: 1437.12, y: 531.945, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "control4", x: 1449.21, y: 157, width: 435.0, height: 435.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.215, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.215, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "appliances",
components: [
{ id: "lamp1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890.347, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.736, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 36, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "appliance2", x: 507, y: 157, width: 435.0, height: 471.0, background: #b5b5b5, visible: true },
{ id: "overhead1", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.568, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.736, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 664, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "info3", x: 1292.69, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 890.347, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 864.957, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: 1449.69, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "info",
components: [
{ id: "lamp1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 890.509, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978.856, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.899, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 890.509, y: 620.851, width: 140, height: 140, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 839.73, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.899, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 36.856, y: 314, width: 592.0, height: 121.0, background: #00acff, visible: true },
{ id: "info3", x: 36.856, y: 471, width: 592.0, height: 121.0, background: #00acff, visible: true },
{ id: "graph1", x: 890.509, y: 620.851, width: 140, height: 140, background: #ba00ff, visible: false },
{ id: "graph2", x: 865.12, y: 620.851, width: 191.473, height: 140, background: #ba00ff, visible: false },
{ id: "control1", x: 495.756, y: 423.345, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978.856, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.856, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.856, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
{
id: "graphs",
components: [
{ id: "lamp1", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp2", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp3", x: 889.685, y: 620.851, width: 140, height: 140, background: #ffbe00, visible: false },
{ id: "lamp4", x: 36.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp5", x: 507.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp6", x: 978.031, y: 157, width: 435.0, height: 314.0, background: #ffbe00, visible: false },
{ id: "lamp7", x: 915.074, y: 646.192, width: 89, height: 90, background: #ffbe00, visible: false },
{ id: "appliance1", x: 36.031, y: 157, width: 278.0, height: 314.0, background: #b5b5b5, visible: false },
{ id: "appliance2", x: 350.031, y: 157, width: 275.747, height: 314.0, background: #b5b5b5, visible: false },
{ id: "overhead1", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead2", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead3", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead4", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead5", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead6", x: 838.906, y: 646.241, width: 242.252, height: 89, background: #fff291, visible: false },
{ id: "overhead7", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead8", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead9", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead10", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "overhead11", x: 915.074, y: 646.241, width: 89, height: 89, background: #fff291, visible: false },
{ id: "info2", x: 664.031, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "info3", x: 1292.03, y: 157, width: 592.0, height: 121.0, background: #00acff, visible: false },
{ id: "graph1", x: 36.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
{ id: "graph2", x: 507.031, y: 157, width: 435.0, height: 471.0, background: #ba00ff, visible: true },
{ id: "control1", x: 1449.03, y: 36, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control2", x: 36.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control3", x: 507.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "control4", x: 978.031, y: 507, width: 435.0, height: 471.0, background: #00bf1d, visible: false },
{ id: "filter", x: 36.031, y: 1008.14, width: 1848.0, height: 72.6, background: #8d8d8d, visible: true },
{ id: "nav", x: 36.031, y: 0, width: 1848.0, height: 121.0, background: #8d8d8d, visible: true },
]
},
];
}
Reference in a new issue View git blame Copy permalink