From 79f5f4060640c892815a2c150f35a458eee7109a Mon Sep 17 00:00:00 2001 From: gugak Date: Wed, 7 May 2025 03:25:19 -0700 Subject: [PATCH 1/2] responsive nav buttons --- .../Custom-Views/Area_Nav_Button/view.json | 31 +++++-------------- .../Equipment-Views/Main_Panel/view.json | 4 +-- 2 files changed, 10 insertions(+), 25 deletions(-) diff --git a/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json b/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json index 9277712..e9caf7a 100644 --- a/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json +++ b/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json @@ -43,7 +43,7 @@ "name": "Button" }, "position": { - "basis": "120px", + "basis": "65%", "grow": 1 }, "propConfig": { @@ -59,26 +59,7 @@ "props": { "style": { "backgroundColor": "#FFFFFF", - "borderBottomColor": "#555555", - "borderBottomLeftRadius": 8, - "borderBottomRightRadius": 8, - "borderBottomStyle": "solid", - "borderBottomWidth": 4, - "borderLeftColor": "#000000", - "borderLeftStyle": "solid", - "borderLeftWidth": 1.5, - "borderRightColor": "#555555", - "borderRightStyle": "solid", - "borderRightWidth": 3, - "borderTopColor": "#000000", - "borderTopLeftRadius": 8, - "borderTopRightRadius": 8, - "borderTopStyle": "solid", - "borderTopWidth": 1.5, - "cursor": "pointer", - "outlineColor": "#000000", - "outlineStyle": "none", - "outlineWidth": "3" + "cursor": "pointer" }, "textStyle": { "color": "#000000", @@ -94,8 +75,8 @@ "name": "Main_Panel" }, "position": { - "basis": "35px", - "shrink": 0 + "basis": "30%", + "grow": 1 }, "propConfig": { "props.params.tagProps[0]": { @@ -131,6 +112,10 @@ "meta": { "name": "root" }, + "props": { + "alignContent": "flex-start", + "justify": "center" + }, "type": "ia.container.flex" } } \ No newline at end of file diff --git a/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Symbol-Views/Equipment-Views/Main_Panel/view.json b/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Symbol-Views/Equipment-Views/Main_Panel/view.json index 5a387ea..d2abf42 100644 --- a/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Symbol-Views/Equipment-Views/Main_Panel/view.json +++ b/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Symbol-Views/Equipment-Views/Main_Panel/view.json @@ -10,7 +10,7 @@ "priority": 0, "priority_string": "No active alarms", "running_status": 0, - "searchId": "value", + "searchId": "PLC01", "state": 5, "state_string": "Unknown" }, @@ -371,7 +371,7 @@ "path": "material/offline_bolt", "style": { "borderColor": "#000000", - "borderStyle": "solid", + "borderStyle": "none", "borderWidth": "2px" } }, From c422ba64cd62e77896053f1edf11d8ce4cbdf1fc Mon Sep 17 00:00:00 2001 From: gugak Date: Wed, 7 May 2025 05:47:31 -0700 Subject: [PATCH 2/2] fix: some names were missing on zoom --- .../views/Additional-Home-View/MTN6/view.json | 385 +++++++++--------- .../Custom-Views/Area_Nav_Button/view.json | 6 +- 2 files changed, 197 insertions(+), 194 deletions(-) diff --git a/MTN6_SCADA/com.inductiveautomation.perspective/views/Additional-Home-View/MTN6/view.json b/MTN6_SCADA/com.inductiveautomation.perspective/views/Additional-Home-View/MTN6/view.json index 00473a7..2ea19c4 100644 --- a/MTN6_SCADA/com.inductiveautomation.perspective/views/Additional-Home-View/MTN6/view.json +++ b/MTN6_SCADA/com.inductiveautomation.perspective/views/Additional-Home-View/MTN6/view.json @@ -6,9 +6,9 @@ "$": [ "ts", 192, - 1745564494359 + 1746620492354 ], - "$ts": 1745564494355 + "$ts": 1746620492354 } } }, @@ -63,8 +63,8 @@ "name": "Image" }, "position": { - "height": 1028, - "width": 1850 + "height": 1, + "width": 1 }, "propConfig": { "props.source": { @@ -88,10 +88,10 @@ "name": "MCM01_Button" }, "position": { - "height": 35, - "width": 200, - "x": 25.9758, - "y": 629.298 + "height": 0.034, + "width": 0.1178, + "x": 0.0043, + "y": 0.6122 }, "props": { "params": { @@ -108,10 +108,10 @@ "name": "MCM02_Button" }, "position": { - "height": 35, - "width": 200, - "x": 30.3125, - "y": 121.365 + "height": 0.034, + "width": 0.1178, + "x": 0.0067, + "y": 0.1181 }, "props": { "params": { @@ -128,10 +128,10 @@ "name": "MCM03_Button" }, "position": { - "height": 35, - "width": 200, - "x": 669.02, - "y": 188.15 + "height": 0.034, + "width": 0.1081, + "x": 0.3616, + "y": 0.183 }, "props": { "params": { @@ -148,13 +148,13 @@ "name": "MCM04_Button" }, "position": { - "height": 53, + "height": 0.0516, "rotate": { "anchor": "50% -165%" }, - "width": 200, - "x": 1172.74, - "y": 158.249 + "width": 0.1081, + "x": 0.6339, + "y": 0.1539 }, "props": { "params": { @@ -171,10 +171,10 @@ "name": "MCM04_Chutes_Button" }, "position": { - "height": 53, - "width": 200, - "x": 886.968, - "y": 40.1 + "height": 0.0516, + "width": 0.1297, + "x": 0.4578, + "y": 0.039 }, "props": { "params": { @@ -191,13 +191,13 @@ "name": "MCM05_Button" }, "position": { - "height": 53, + "height": 0.0516, "rotate": { "anchor": "50% 369%" }, - "width": 200, - "x": 665.5168237304688, - "y": 710.213294921875 + "width": 0.1314, + "x": 0.3365, + "y": 0.6909 }, "props": { "params": { @@ -214,13 +214,13 @@ "name": "MCM05_Chutes_Button" }, "position": { - "height": 53, + "height": 0.0516, "rotate": { "anchor": "15% 50%" }, - "width": 200, - "x": 943.2091186523437, - "y": 959.35 + "width": 0.1081, + "x": 0.5098, + "y": 0.9332 }, "props": { "params": { @@ -237,10 +237,10 @@ "name": "MCM06_Button" }, "position": { - "height": 35, - "width": 200, - "x": 1411.73, - "y": 439.98 + "height": 0.034, + "width": 0.1081, + "x": 0.7631, + "y": 0.428 }, "props": { "params": { @@ -257,10 +257,10 @@ "name": "MCM07_Button" }, "position": { - "height": 35, - "width": 200, - "x": 1334.6661230468749, - "y": 685.8091870117187 + "height": 0.034, + "width": 0.1081, + "x": 0.7214, + "y": 0.6671 }, "props": { "params": { @@ -277,10 +277,10 @@ "name": "Camera_37" }, "position": { - "height": 35, - "width": 35, - "x": 209.08, - "y": 30.98 + "height": 0.034, + "width": 0.0189, + "x": 0.113, + "y": 0.0301 }, "props": { "params": { @@ -309,10 +309,10 @@ "name": "Camera_1" }, "position": { - "height": 35, - "width": 35, - "x": 330.08, - "y": 69.98 + "height": 0.034, + "width": 0.0189, + "x": 0.1784, + "y": 0.0681 }, "props": { "params": { @@ -341,10 +341,10 @@ "name": "Camera_2" }, "position": { - "height": 35, - "width": 35, - "x": 267.08, - "y": 358.98 + "height": 0.034, + "width": 0.0189, + "x": 0.1444, + "y": 0.3492 }, "props": { "params": { @@ -373,10 +373,10 @@ "name": "Camera_3" }, "position": { - "height": 35, - "width": 35, - "x": 227.08, - "y": 879.98 + "height": 0.034, + "width": 0.0189, + "x": 0.1227, + "y": 0.856 }, "props": { "params": { @@ -405,10 +405,10 @@ "name": "Camera_4" }, "position": { - "height": 35, - "width": 35, - "x": 577.08, - "y": 849.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3119, + "y": 0.8268 }, "props": { "params": { @@ -437,10 +437,10 @@ "name": "Camera_5" }, "position": { - "height": 35, - "width": 35, - "x": 798.08, - "y": 853.98 + "height": 0.034, + "width": 0.0189, + "x": 0.4314, + "y": 0.8307 }, "props": { "params": { @@ -469,10 +469,10 @@ "name": "Camera_6" }, "position": { - "height": 35, - "width": 35, - "x": 921.08, - "y": 886.98 + "height": 0.034, + "width": 0.0189, + "x": 0.4979, + "y": 0.8628 }, "props": { "params": { @@ -501,10 +501,10 @@ "name": "Camera_7" }, "position": { - "height": 35, - "width": 35, - "x": 1019.08, - "y": 913.98 + "height": 0.034, + "width": 0.0189, + "x": 0.5509, + "y": 0.8891 }, "props": { "params": { @@ -533,10 +533,10 @@ "name": "Camera_8" }, "position": { - "height": 35, - "width": 35, - "x": 1629.08, - "y": 863.98 + "height": 0.034, + "width": 0.0189, + "x": 0.8806, + "y": 0.8404 }, "props": { "params": { @@ -565,10 +565,10 @@ "name": "Camera_9" }, "position": { - "height": 35, - "width": 35, - "x": 1560.08, - "y": 597.98 + "height": 0.034, + "width": 0.0189, + "x": 0.8433, + "y": 0.5817 }, "props": { "params": { @@ -597,10 +597,10 @@ "name": "Camera_10" }, "position": { - "height": 35, - "width": 35, - "x": 1560.08, - "y": 477.98 + "height": 0.034, + "width": 0.0189, + "x": 0.8433, + "y": 0.465 }, "props": { "params": { @@ -629,10 +629,10 @@ "name": "Camera_11" }, "position": { - "height": 35, - "width": 35, - "x": 1490.08, - "y": 289.98 + "height": 0.034, + "width": 0.0189, + "x": 0.8054, + "y": 0.2821 }, "props": { "params": { @@ -661,10 +661,10 @@ "name": "Camera_12" }, "position": { - "height": 35, - "width": 35, - "x": 1633.08, - "y": 100.98 + "height": 0.034, + "width": 0.0189, + "x": 0.8827, + "y": 0.0982 }, "props": { "params": { @@ -693,10 +693,10 @@ "name": "Camera_13" }, "position": { - "height": 35, - "width": 35, - "x": 1020.0799999999999, - "y": 101.98 + "height": 0.034, + "width": 0.0189, + "x": 0.5514, + "y": 0.0992 }, "props": { "params": { @@ -725,10 +725,10 @@ "name": "Camera_14" }, "position": { - "height": 35, - "width": 35, - "x": 613.08, - "y": 103.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3314, + "y": 0.1011 }, "props": { "params": { @@ -757,10 +757,10 @@ "name": "Camera_15" }, "position": { - "height": 35, - "width": 35, - "x": 855.08, - "y": 305.98 + "height": 0.034, + "width": 0.0189, + "x": 0.4622, + "y": 0.2976 }, "props": { "params": { @@ -789,10 +789,10 @@ "name": "Camera_16" }, "position": { - "height": 35, - "width": 35, - "x": 1300.08, - "y": 325.98 + "height": 0.034, + "width": 0.0189, + "x": 0.7027, + "y": 0.3171 }, "props": { "params": { @@ -821,10 +821,10 @@ "name": "Camera_17" }, "position": { - "height": 35, - "width": 35, - "x": 1390.08, - "y": 474.98 + "height": 0.034, + "width": 0.0189, + "x": 0.7514, + "y": 0.462 }, "props": { "params": { @@ -853,10 +853,10 @@ "name": "Camera_18" }, "position": { - "height": 35, - "width": 35, - "x": 403.08, - "y": 212.98 + "height": 0.034, + "width": 0.0189, + "x": 0.2179, + "y": 0.2072 }, "props": { "params": { @@ -885,10 +885,10 @@ "name": "Camera_19" }, "position": { - "height": 35, - "width": 35, - "x": 604.08, - "y": 208.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3265, + "y": 0.2033 }, "props": { "params": { @@ -917,10 +917,10 @@ "name": "Camera_20" }, "position": { - "height": 35, - "width": 35, - "x": 530.08, - "y": 385.98 + "height": 0.034, + "width": 0.0189, + "x": 0.2865, + "y": 0.3755 }, "props": { "params": { @@ -949,10 +949,10 @@ "name": "Camera_21" }, "position": { - "height": 35, - "width": 35, - "x": 607.08, - "y": 452.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3282, + "y": 0.4406 }, "props": { "params": { @@ -981,10 +981,10 @@ "name": "Camera_22" }, "position": { - "height": 35, - "width": 35, - "x": 812.08, - "y": 413.98 + "height": 0.034, + "width": 0.0189, + "x": 0.439, + "y": 0.4027 }, "props": { "params": { @@ -1013,10 +1013,10 @@ "name": "Camera_23" }, "position": { - "height": 35, - "width": 35, - "x": 570.08, - "y": 614.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3082, + "y": 0.5982 }, "props": { "params": { @@ -1045,10 +1045,10 @@ "name": "Camera_24" }, "position": { - "height": 35, - "width": 35, - "x": 691.08, - "y": 611.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3736, + "y": 0.5953 }, "props": { "params": { @@ -1077,10 +1077,10 @@ "name": "Camera_25" }, "position": { - "height": 35, - "width": 35, - "x": 582.08, - "y": 718.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3146, + "y": 0.6994 }, "props": { "params": { @@ -1109,10 +1109,10 @@ "name": "Camera_26" }, "position": { - "height": 35, - "width": 35, - "x": 815.08, - "y": 615.98 + "height": 0.034, + "width": 0.0189, + "x": 0.4406, + "y": 0.5992 }, "props": { "params": { @@ -1141,10 +1141,10 @@ "name": "Camera_27" }, "position": { - "height": 35, - "width": 35, - "x": 923.08, - "y": 542.98 + "height": 0.034, + "width": 0.0189, + "x": 0.499, + "y": 0.5282 }, "props": { "params": { @@ -1173,10 +1173,10 @@ "name": "Camera_28" }, "position": { - "height": 35, - "width": 35, - "x": 1232.08, - "y": 485.98 + "height": 0.034, + "width": 0.0189, + "x": 0.666, + "y": 0.4727 }, "props": { "params": { @@ -1205,10 +1205,10 @@ "name": "Camera_29" }, "position": { - "height": 35, - "width": 35, - "x": 1295.08, - "y": 509.98 + "height": 0.034, + "width": 0.0189, + "x": 0.7, + "y": 0.4961 }, "props": { "params": { @@ -1237,10 +1237,10 @@ "name": "Camera_30" }, "position": { - "height": 35, - "width": 35, - "x": 1207.08, - "y": 685.98 + "height": 0.034, + "width": 0.0189, + "x": 0.6525, + "y": 0.6673 }, "props": { "params": { @@ -1269,10 +1269,10 @@ "name": "Camera_31" }, "position": { - "height": 35, - "width": 35, - "x": 667.08, - "y": 480.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3606, + "y": 0.4679 }, "props": { "params": { @@ -1301,10 +1301,10 @@ "name": "Camera_32" }, "position": { - "height": 35, - "width": 35, - "x": 307.08, - "y": 783.98 + "height": 0.034, + "width": 0.0189, + "x": 0.166, + "y": 0.7626 }, "props": { "params": { @@ -1333,10 +1333,10 @@ "name": "Camera_33" }, "position": { - "height": 35, - "width": 35, - "x": 1119.08, - "y": 883.98 + "height": 0.034, + "width": 0.0189, + "x": 0.6049, + "y": 0.8599 }, "props": { "params": { @@ -1365,10 +1365,10 @@ "name": "Camera_34" }, "position": { - "height": 35, - "width": 35, - "x": 1235.08, - "y": 357.98 + "height": 0.034, + "width": 0.0189, + "x": 0.6676, + "y": 0.3482 }, "props": { "params": { @@ -1397,10 +1397,10 @@ "name": "Camera_35" }, "position": { - "height": 35, - "width": 35, - "x": 453.08, - "y": 257.98 + "height": 0.034, + "width": 0.0189, + "x": 0.2449, + "y": 0.251 }, "props": { "params": { @@ -1429,10 +1429,10 @@ "name": "Camera_36" }, "position": { - "height": 35, - "width": 35, - "x": 702.08, - "y": 247.98 + "height": 0.034, + "width": 0.0189, + "x": 0.3795, + "y": 0.2412 }, "props": { "params": { @@ -1472,13 +1472,13 @@ "name": "BG-Sorter_Button" }, "position": { - "height": 35, + "height": 0.034, "rotate": { "anchor": "50% -81%" }, - "width": 200, - "x": 62.18806779785156, - "y": 358.677294921875 + "width": 0.1081, + "x": 0.0336, + "y": 0.3489 }, "props": { "params": { @@ -1494,6 +1494,7 @@ "name": "root" }, "props": { + "mode": "percent", "style": { "backgroundColor": "#EEEEEE" } diff --git a/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json b/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json index e9caf7a..890bd58 100644 --- a/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json +++ b/MTN6_SCADA/com.inductiveautomation.perspective/views/Custom-Views/Area_Nav_Button/view.json @@ -43,7 +43,7 @@ "name": "Button" }, "position": { - "basis": "65%", + "basis": "80%", "grow": 1 }, "propConfig": { @@ -59,6 +59,8 @@ "props": { "style": { "backgroundColor": "#FFFFFF", + "borderStyle": "solid", + "borderWidth": "0.5px", "cursor": "pointer" }, "textStyle": { @@ -75,7 +77,7 @@ "name": "Main_Panel" }, "position": { - "basis": "30%", + "basis": "20%", "grow": 1 }, "propConfig": {