diff --git a/WebSites/ccg/dashboard.json b/WebSites/ccg/dashboard.json index 1f0e6789be6308c1f9b168eef22009802624df0f..723beb6363d14e85991054e78a67d5e7126aa401 100644 --- a/WebSites/ccg/dashboard.json +++ b/WebSites/ccg/dashboard.json @@ -24,7 +24,7 @@ { "type": "html", "settings": { - "html": "datasources[\"Clock\"][\"numeric_value\"]; // trick to trigger the update\nvar cols = document.getElementsByClassName('gs_w')[0].getAttribute('data-sizex');\ndocument.getElementsByClassName('gs_w')[0].firstElementChild.firstElementChild.innerHTML = \"\";\nif (cols == 4){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 50px; color:#ffffff !important; position: relative; bottom: 35px; left:200px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Cold Cathode Gauges</div></img></div>\";\n}\nif (cols == 3){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 35px; color:#ffffff !important; position: relative; bottom: 45px; left: 100px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Cold Cathode Gauges</div></img></div>\";\n}\n\nif (cols == 2){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 20px; color:#ffffff !important; position: relative; bottom: 65px; left: 50px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Cold Cathode Gauges</div></img></div>\";\n\n}\nif (cols == 1){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 30px; color:#ffffff !important; position: relative; bottom: 55px; left: 30px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"></div></img></div>\";\n\tdocument.getElementsByClassName('gs_w')[0].firstElementChild.firstElementChild.innerHTML = \"Cold Cathode Gauges\";\n}\n\nreturn text", + "html": "datasources[\"Clock\"][\"numeric_value\"]; // trick to trigger the update\nvar cols = document.getElementsByClassName('gs_w')[0].getAttribute('data-sizex');\ndocument.getElementsByClassName('gs_w')[0].firstElementChild.firstElementChild.innerHTML = \"\";\nif (cols == 4){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 50px; color:#ffffff !important; position: relative; bottom: 35px; left:220px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Vacuum System</div></img></div>\";\n}\nif (cols == 3){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 35px; color:#ffffff !important; position: relative; bottom: 45px; left: 110px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Vacuum System</div></img></div>\";\n}\n\nif (cols == 2){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 20px; color:#ffffff !important; position: relative; bottom: 65px; left: 55px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Vacuum System</div></img></div>\";\n\n}\nif (cols == 1){\n text = \"<div style=\\\"position: static; margin-top: -15px;\\\"><img src=\\\"../img/ess-logo.svg\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"><div class=\\\"tw-value\\\" style=\\\"font-size: 30px; color:#ffffff !important; position: relative; bottom: 55px; left: 30px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\"></div></img></div>\";\n\tdocument.getElementsByClassName('gs_w')[0].firstElementChild.firstElementChild.innerHTML = \"Vacuum System\";\n}\n\nreturn text", "height": 2 } } @@ -69,7 +69,7 @@ "width": 1, "row": { "1": 15, - "2": 23, + "2": 15, "3": 11, "4": 11, "5": 1, @@ -110,7 +110,7 @@ "width": 1, "row": { "1": 27, - "2": 35, + "2": 27, "3": 23, "4": 23, "13": 23 @@ -140,7 +140,7 @@ "width": 1, "row": { "1": 31, - "2": 35, + "2": 27, "3": 23, "4": 23, "13": 23 @@ -171,12 +171,14 @@ "width": 1, "row": { "1": 11, + "2": 11, "3": 23, "4": 23, "13": 23 }, "col": { "1": 1, + "2": 1, "3": 3, "4": 4, "13": 4 @@ -199,7 +201,7 @@ "width": 1, "row": { "1": 35, - "2": 11, + "2": 31, "3": 27, "4": 27, "13": 27 @@ -232,7 +234,7 @@ "width": 1, "row": { "1": 47, - "2": 63, + "2": 55, "3": 39, "4": 39, "16": 39 @@ -262,7 +264,7 @@ "width": 1, "row": { "1": 51, - "2": 63, + "2": 55, "3": 39, "4": 39, "16": 39 @@ -292,7 +294,7 @@ "width": 1, "row": { "1": 55, - "2": 67, + "2": 59, "3": 39, "4": 39, "16": 39 @@ -322,7 +324,7 @@ "width": 1, "row": { "1": 59, - "2": 67, + "2": 59, "3": 43, "4": 39, "16": 39 @@ -352,7 +354,7 @@ "width": 1, "row": { "1": 63, - "2": 39, + "2": 43, "3": 47, "4": 43, "16": 43 @@ -385,7 +387,7 @@ "width": 1, "row": { "1": 75, - "2": 71, + "2": 67, "3": 59, "4": 55, "19": 55 @@ -445,7 +447,7 @@ "width": 1, "row": { "1": 83, - "2": 75, + "2": 71, "3": 59, "4": 55, "19": 55 @@ -475,7 +477,7 @@ "width": 1, "row": { "1": 87, - "2": 51, + "2": 79, "3": 63, "4": 59, "19": 59 @@ -538,14 +540,14 @@ "width": 1, "row": { "1": 103, - "2": 79, + "2": 11, "3": 75, "4": 71, "22": 71 }, "col": { "1": 1, - "2": 1, + "2": 2, "3": 2, "4": 2, "22": 2 @@ -568,14 +570,14 @@ "width": 1, "row": { "1": 107, - "2": 79, + "2": 63, "3": 75, "4": 71, "22": 71 }, "col": { "1": 1, - "2": 2, + "2": 1, "3": 3, "4": 3, "22": 3