{
"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 = \"Contacts\";\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": "text_widget",
"settings": {
"title": "Shift ID",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO:Ops:SID\"][\"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\">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: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:Ops:SL\"][\"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\">Shift Leader Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:Phone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:Phone\"][\"value\"]+`</a></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\">Shift Leader Mobile</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:SLPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:SLPhone\"][\"value\"]+`</a></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\">Shift Leader Email</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:SLEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:SLEmail\"][\"value\"]+`</a></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": "text_widget",
"settings": {
"title": "Operator",
"size": "regular",
"value": "datasources[\"Contacts\"][\"NSO:Ops:OP\"][\"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\">Operator Phone</h2>\n </div>\n <div class=\"tw-tr\">\n \t<div class=\"tw-value-wrapper tw-td\">\n\t\t\t\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OPPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OPPhone\"][\"value\"]+`</a></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\"][\"TS2: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\"][\"TS2:Ops:SL\"][\"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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"TS2:Ops:SLPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"TS2:Ops:SLPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"TS2:Ops:SLPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"TS2:Ops:SLPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"TS2:Ops:SLEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"TS2:Ops:SLEmail\"][\"value\"]+`</a></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: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: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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCMobile\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCMobile\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:OCEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCEmail\"][\"value\"]+`</a></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: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: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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCCPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCCPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCCMobile\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCCMobile\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:OCCEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCCEmail\"][\"value\"]+`</a></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": 2,
"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: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: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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCIPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCIPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCIMobile\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCIMobile\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:OCIEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCIEmail\"][\"value\"]+`</a></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": 3,
"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: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: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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSMobile\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSMobile\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCPSSEmail\"][\"value\"]+`</a></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": 4,
"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: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: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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCEPhone\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCEPhone\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 30px; margin-top: -5px\"><a href=\"tel:`+datasources[\"Contacts\"][\"NSO:Ops:OCEMobile\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCEMobile\"][\"value\"]+`</a></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\t<div class=\"tw-value\" style=\"position: static; font-size: 20px;\"><a href=\"mailto:`+datasources[\"Contacts\"][\"NSO:Ops:OCEEmail\"][\"value\"]+`\">`+datasources[\"Contacts\"][\"NSO:Ops:OCEEmail\"][\"value\"]+`</a></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/api/v1/caget/NSO:Ops:SID,NSO:Ops:Msg,NSO:Ops:Phone,NSO:Ops:SL,NSO:Ops:SLPhone,NSO:Ops:SLEmail,NSO:Ops:OP,NSO:Ops:OPPhone,NSO:Ops:OCMsg,NSO:Ops:OCPhone,NSO:Ops:OC,NSO:Ops:OCMobile,NSO:Ops:OCEmail,NSO:Ops:OCCMsg,NSO:Ops:OCCPhone,NSO:Ops:OCC,NSO:Ops:OCCMobile,NSO:Ops:OCCEmail,NSO:Ops:OCIMsg,NSO:Ops:OCIPhone,NSO:Ops:OCI,NSO:Ops:OCIMobile,NSO:Ops:OCIEmail,NSO:Ops:OCPSSMsg,NSO:Ops:OCPSSPhone,NSO:Ops:OCPSS,NSO:Ops:OCPSSMobile,NSO:Ops:OCPSSEmail,NSO:Ops:OCEMsg,NSO:Ops:OCEPhone,NSO:Ops:OCE,NSO:Ops:OCEMobile,NSO:Ops:OCEEmail,TS2:Ops:SID,TS2:Ops:Phone,TS2:Ops:SL,TS2:Ops:SLPhone,TS2:Ops:Msg,TS2:Ops:SLEmail",
"use_thingproxy": false,
"refresh": 10,
"method": "GET"
}
},
{
"name": "Clock",
"type": "clock",
"settings": {
"refresh": 1
}
}
],
"columns": 4
}