-
Emanuele Laface authoredEmanuele Laface authored
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
dashboard.json 29.98 KiB
{
"version": 1,
"header_image": "",
"allow_edit": false,
"plugins": [],
"panes": [
{
"width": 1,
"row": {
"1": 1,
"2": 1,
"3": 1,
"4": 1
},
"col": {
"1": 1,
"2": 1,
"3": 1,
"4": 1
},
"col_width": 4,
"widgets": [
{
"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: 56px; color:#ffffff !important; position: relative; bottom: 35px; left: 280px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Contacts</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: 46px; color:#ffffff !important; position: relative; bottom: 45px; left: 200px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Contacts</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: 30px; color:#ffffff !important; position: relative; bottom: 55px; left: 100px;\\\" title=\\\"Designed by Emanuele Laface with PyEpics and Freeboard. Graphics by Dirk Nordt.\\\">Contacts</div></img></div>\";\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 document.getElementsByClassName('gs_w')[0].firstElementChild.firstElementChild.innerHTML = \"Public Operations Screen\";\n}\n\nreturn text",
"height": 2
}
}
]
},
{
"title": "Local Control Room",
"width": 1,
"row": {
"1": 7,
"2": 7,
"3": 7,
"4": 7,
"5": 7,
"6": 7,
"7": 7
},
"col": {
"1": 1,
"2": 1,
"3": 1,
"4": 1,
"5": 1,
"6": 1,
"7": 1
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:Msg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Shift Leader",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:MSL\"][\"value\"]",
"animate": true
}
}, {
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:Phone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:MSLPhone\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:MSLEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
},
{
"title": "Test Stand 2",
"width": 1,
"row": {
"1": 21,
"2": 7,
"3": 7,
"4": 7,
"6": 7,
"7": 7
},
"col": {
"1": 1,
"2": 2,
"3": 2,
"4": 2,
"6": 2,
"7": 2
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:TSMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Shift Leader",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:TSSL\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:TSPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": { "html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:TSMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:TSEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
},
{
"title": "On-Call",
"width": 1,
"row": {
"1": 35,
"2": 21,
"3": 7,
"4": 7,
"6": 7,
"7": 7
},
"col": {
"1": 1,
"2": 1,
"3": 3,
"4": 3,
"6": 3,
"7": 3
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Contact Person",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:OC\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
} }
]
},
{
"title": "On-Call Cryogenic Expert",
"width": 1,
"row": {
"1": 49,
"2": 21,
"3": 21,
"4": 7,
"5": 7,
"6": 7,
"7": 7
},
"col": {
"1": 1,
"2": 2,
"3": 1,
"4": 4,
"5": 4,
"6": 4,
"7": 4
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCCMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Contact Person",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:OCC\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCCPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCCMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCCEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
},
{
"title": "On-Call Infrastructure Expert",
"width": 1,
"row": {
"1": 63, "2": 35,
"3": 21,
"4": 21,
"6": 21,
"7": 21
},
"col": {
"1": 1,
"2": 2,
"3": 2,
"4": 1,
"6": 1,
"7": 1
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCIMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Contact Person",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:OCI\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCIPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCIMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCIEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
},
{
"title": "On-Call PSS Engineer",
"width": 1,
"row": {
"1": 77,
"2": 35,
"3": 21,
"4": 21,
"6": 21,
"7": 21
},
"col": {
"1": 1,
"2": 1,
"3": 3, "4": 2,
"6": 2,
"7": 2
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPSSMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Contact Person",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPSS\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPSSPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPSSMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCPSSEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
},
{
"title": "On-Call Electrical Technician",
"width": 1,
"row": {
"1": 91,
"2": 49,
"3": 35,
"4": 21,
"6": 21,
"7": 21
},
"col": {
"1": 1,
"2": 1,
"3": 1,
"4": 3,
"6": 3,
"7": 3
},
"col_width": 1,
"widgets": [
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Message</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n <div class=\"tw-value\" style=\"font-size: 20px; max-width: 100%;\">`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCEMsg\"][\"value\"]+`</div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;", "height": 2
}
},
{
"type": "text_widget",
"settings": {
"title": "Contact Person",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO-LCR:Ops:OCE\"][\"value\"]",
"animate": true
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 110px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCEPhone\"][\"value\"]+`\"><img width=\"50px\" src=\"img/landline.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 120px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCEMobile\"][\"value\"]+`\"><img width=\"30px\" src=\"img/cell-phone.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
},
{
"type": "html",
"settings": {
"html": "doc=`\n<div class=\"widget\" data-bind=\"widget: true, css:{fillsize:fillSize}\">\n <div class=\"tw-display\">\n <div class=\"tw-tr\">\n <h2 class=\"section-title tw-title tw-td\">Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t<div class=\"tw-value\" style=\"position: static; margin-left: 105px; margin-top: -20px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO-LCR:Ops:OCEEmail\"][\"value\"]+`\"><img width=\"60px\" src=\"img/envelope.svg\"></img></div>\n <div class=\"tw-unit\" style=\"display: none;\"></div>\n </div>\n </div>\n <div class=\"tw-tr\"><div class=\"tw-sparkline tw-td\" style=\"display: none;\"></div>\n </div>\n</div>\n`\nreturn doc;",
"height": 1
}
}
]
}
],
"datasources": [
{
"name": "Contacts",
"type": "JSON",
"settings": {
"url": "/data/contacts.json",
"use_thingproxy": false,
"refresh": 1,
"method": "GET"
}
},
{
"name": "Clock",
"type": "clock",
"settings": {
"refresh": 1
}
}
],
"columns": 4
}