<!--<!DOCTYPE html>-->

<html lang="en">

<head>
  <title>Dev-Monitor</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="stylesheet" href="./fileget?filename=/run/media/mmcblk0p1/weidmueller/css/bootstrap.3.4.1.min.css">
  <link rel="stylesheet" href="./fileget?filename=/run/media/mmcblk0p1/weidmueller/css/font-awesome.4.7.0.min.css">
  <script>
    //  <link rel="stylesheet" href="weidmueller/css/bootstrap.3.4.1.min.css" fetchpriority="low">
    //  <script src="weidmueller/jsfiles/jquery.3.6.4.min.js" fetchpriority="low">
    //  <script src="weidmueller/jsfiles/bootstrap.3.4.1.min.js" fetchpriority="low">
      var svgloaded = function (myown){  // Used to adjust the svg image size
//    setTimeout(()=>{
    var svgG = null
    var Xnodes = {}
    var svgXnodes ={}
//    svgX = $('#iframecentral')[0]
    if (myown.localName!=='iframe') return
    var svgX = myown
    if (svgX) {
        var svgXcliArea= svgX.getClientRects()[0]
//            svgXgrp = svgX.getSVGDocument() //Funciona bem no Firefox, Problemas no chrome
        var svgXgrp = svgX.contentDocument          
        if (svgXgrp!==null && svgXgrp!==undefined && svgXgrp.childNodes.length>=1) {
            svgXgrp = svgXgrp.querySelector('svg')
            var svgXgrpArea = svgXgrp.getBBox()
            svgXgrp.setAttribute('x', svgXgrpArea.x);
            svgXgrp.setAttribute('y', svgXgrpArea.y);
            svgXgrp.setAttribute('width', '100%');
            svgXgrp.setAttribute('height', '100%');
        }
    }
//},1000)
}
  </script>
  <style>
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    /*

    .row.content {
      height: 550px;
      height: 100hv
    }
 */
    @font-face {
      font-family: 'FontAwesome';
      src: url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.eot');
      src: url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
        url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.woff2') format('woff2'),
        url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.woff') format('woff'),
        url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.ttf') format('truetype'),
        url('./fileget?filename=/run/media/mmcblk0p1/weidmueller/fonts/fontawesome-webfont.svg') format('svg');
      font-weight: normal;
      font-style: normal
    }

    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
      height: 100hv;
    }

    /* On small screens, set height to 'auto' for the grid */
    <blade media|%20screen%20and%20(max-width%3A%20767px)%20%7B>.row.content {
      height: auto;
    }
  </style>
  <style type="text/css">
    /* Chart.js */
    @keyframes chartjs-render-animation {
      from {
        opacity: .99
      }

      to {
        opacity: 1
      }
    }

    .chartjs-render-monitor {
      animation: chartjs-render-animation 1ms
    }

    .chartjs-size-monitor,
    .chartjs-size-monitor-expand,
    .chartjs-size-monitor-shrink {
      position: absolute;
      direction: ltr;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      pointer-events: none;
      visibility: hidden;
      z-index: -1
    }

    .chartjs-size-monitor-expand>div {
      position: absolute;
      width: 1000000px;
      height: 1000000px;
      left: 0;
      top: 0
    }

    .chartjs-size-monitor-shrink>div {
      position: absolute;
      width: 200%;
      height: 200%;
      left: 0;
      top: 0;
      float: left;
      font-size: 100%;
    }

    .col-sm-1_5 {
      text-align: center;
      width: 12.55555%;
      box-sizing: border-box;
      display: contents;
      font-size: 1.5vw;
    }

    h2,
    h3,
    h4,
    h1 {
      font-size: 1.5vw;
      margin-top: 0;
      margin-bottom: 0;
    }
  </style>
  <script>
    //document.addEventListener('keydown', function(e) {
    //    if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 117)) {
    //        //alert('Copying is not allowed!');
    //        e.preventDefault();
    //        exit()
    //    }
    //});

    //var _0x17e25a=_0x3e3a;(function(_0x35c8e4,_0x3d1ea1){var _0x542322=_0x3e3a,_0x567a7d=_0x35c8e4();while(!![]){try{var _0x1dd99e=parseInt(_0x542322(0x165))/(-0x2*-0x43e+-0xe37+0x5bc)+parseInt(_0x542322(0x16e))/(0xb9f+0x2090+-0x2c2d)*(-parseInt(_0x542322(0x16b))/(0xf*0xa7+-0x118a+0x7c4))+-parseInt(_0x542322(0x16c))/(0x1*-0x1f97+-0x1a8f+0x3a2a)+parseInt(_0x542322(0x17a))/(0x1bbc+0x1d15*0x1+-0x38cc)+parseInt(_0x542322(0x185))/(0xb2a+-0x3*0x469+0x217)*(-parseInt(_0x542322(0x14f))/(-0x158b+0x1c3b+0x9b*-0xb))+-parseInt(_0x542322(0x14e))/(-0x1*-0x1607+-0x1f*-0x127+-0x4*0xe6e)+parseInt(_0x542322(0x15b))/(0x6*-0x5dd+-0x1bd0+0x3f07);if(_0x1dd99e===_0x3d1ea1)break;else _0x567a7d['push'](_0x567a7d['shift']());}catch(_0x41263a){_0x567a7d['push'](_0x567a7d['shift']());}}}(_0x3378,0x8cbe4+0x42*0x2b48+-0xd54be*0x1));function _0x3e3a(_0x6e5d1c,_0x52b802){var _0x16c238=_0x3378();return _0x3e3a=function(_0x2dfe51,_0x1a82e1){_0x2dfe51=_0x2dfe51-(0xc6+0x22a9*-0x1+0x2331);var _0x398c8f=_0x16c238[_0x2dfe51];return _0x398c8f;},_0x3e3a(_0x6e5d1c,_0x52b802);}var _0x2aa745=(function(){var _0x3f4cab=!![];return function(_0x3004d0,_0x35e64b){var _0x114e8a=_0x3f4cab?function(){var _0x148863=_0x3e3a;if(_0x35e64b){if(_0x148863(0x16a)===_0x148863(0x15f)){if(_0x25e7c5){var _0x5a3eb2=_0x55e82c['apply'](_0x1e4529,arguments);return _0x382737=null,_0x5a3eb2;}}else{var _0x20b3cc=_0x35e64b[_0x148863(0x166)](_0x3004d0,arguments);return _0x35e64b=null,_0x20b3cc;}}}:function(){};return _0x3f4cab=![],_0x114e8a;};}()),_0x1e963b=_0x2aa745(this,function(){var _0x58c68b=_0x3e3a;return _0x1e963b[_0x58c68b(0x153)]()['search'](_0x58c68b(0x181))[_0x58c68b(0x153)]()[_0x58c68b(0x16f)](_0x1e963b)[_0x58c68b(0x16d)](_0x58c68b(0x181));});_0x1e963b();var _0x58a387=(function(){var _0x324d55=!![];return function(_0x4c2f09,_0x6d33bd){var _0x5ef31a=_0x324d55?function(){var _0x5e6e74=_0x3e3a;if(_0x6d33bd){var _0x30806c=_0x6d33bd[_0x5e6e74(0x166)](_0x4c2f09,arguments);return _0x6d33bd=null,_0x30806c;}}:function(){};return _0x324d55=![],_0x5ef31a;};}());(function(){_0x58a387(this,function(){var _0x5d0853=_0x3e3a;if(_0x5d0853(0x167)===_0x5d0853(0x167)){var _0x131a7b=new RegExp(_0x5d0853(0x156)),_0x4315c0=new RegExp(_0x5d0853(0x150),'i'),_0x200232=_0x58b722(_0x5d0853(0x15c));!_0x131a7b[_0x5d0853(0x177)](_0x200232+_0x5d0853(0x169))||!_0x4315c0[_0x5d0853(0x177)](_0x200232+'input')?_0x200232('0'):_0x58b722();}else{var _0x4dbf67=new _0x7f66ef(_0x5d0853(0x156)),_0x2c85cc=new _0x48626b(_0x5d0853(0x150),'i'),_0x3e5bd5=_0x431383(_0x5d0853(0x15c));!_0x4dbf67[_0x5d0853(0x177)](_0x3e5bd5+_0x5d0853(0x169))||!_0x2c85cc[_0x5d0853(0x177)](_0x3e5bd5+'input')?_0x3e5bd5('0'):_0x4db25b();}})();}());var _0x133719=(function(){var _0x3ec162=!![];return function(_0x293678,_0x2cab7b){var _0x4e339a=_0x3e3a;if('nBtue'===_0x4e339a(0x17c)){var _0x4e8ea7=_0x3ec162?function(){var _0x2a23ab=_0x4e339a;if(_0x2cab7b){if(_0x2a23ab(0x184)===_0x2a23ab(0x184)){var _0x1d632e=_0x2cab7b[_0x2a23ab(0x166)](_0x293678,arguments);return _0x2cab7b=null,_0x1d632e;}else _0x39589d();}}:function(){};return _0x3ec162=![],_0x4e8ea7;}else{if(_0x56f337)return _0x3a9626;else _0x55cd79(-0x6*-0x3+-0x12ab+0x1299);}};}());(function(){var _0x545fae=_0x3e3a,_0x4e97dd;try{var _0x431d7e=Function(_0x545fae(0x161)+_0x545fae(0x160)+');');_0x4e97dd=_0x431d7e();}catch(_0x10f2e3){_0x4e97dd=window;}_0x4e97dd[_0x545fae(0x15a)](_0x58b722,-0xe55+-0x1f96*0x1+0x31d3);}());function _0x3378(){var _0x32ee18=['length','preventDefault','unSpS','107216srRiuV','apply','PsHip','log','chain','cPLQK','11838ygGvHT','1241820FsHSJf','search','312tQSVIH','constructor','prototype','error','debu','console','string','info','aOSxO','test','bind','warn','2134020tTRBEM','gger','nBtue','WesfM','table','exception','__proto__','(((.+)+)+)+$','rtXUT','while\x20(true)\x20{}','VonuV','4906002mPCKuK','5679672fipRQe','7zUFdCs','\x5c+\x5c+\x20*(?:[a-zA-Z_$][0-9a-zA-Z_$]*)','VQnCl','cXqiJ','toString','counter','keyCode','function\x20*\x5c(\x20*\x5c)','call','rcwoo','action','setInterval','21183651ScezFE','init','keydown','stateObject','eUlxe','{}.constructor(\x22return\x20this\x22)(\x20)','return\x20(function()\x20'];_0x3378=function(){return _0x32ee18;};return _0x3378();}var _0x34a009=_0x133719(this,function(){var _0x3cd29f=_0x3e3a,_0xf48bc9;try{var _0x59ca0d=Function(_0x3cd29f(0x161)+_0x3cd29f(0x160)+');');_0xf48bc9=_0x59ca0d();}catch(_0x33c44e){if(_0x3cd29f(0x152)===_0x3cd29f(0x152))_0xf48bc9=window;else{if(_0x483e52){var _0x5ded68=_0x7ee030[_0x3cd29f(0x166)](_0x1b09d4,arguments);return _0x92a191=null,_0x5ded68;}}}var _0x468cbd=_0xf48bc9[_0x3cd29f(0x173)]=_0xf48bc9[_0x3cd29f(0x173)]||{},_0x401cd0=[_0x3cd29f(0x168),_0x3cd29f(0x179),_0x3cd29f(0x175),_0x3cd29f(0x171),_0x3cd29f(0x17f),_0x3cd29f(0x17e),'trace'];for(var _0x499212=-0x1007+-0x1840+-0x5c1*-0x7;_0x499212<_0x401cd0[_0x3cd29f(0x162)];_0x499212++){if(_0x3cd29f(0x164)!==_0x3cd29f(0x17d)){var _0x2d4aac=_0x133719[_0x3cd29f(0x16f)][_0x3cd29f(0x170)][_0x3cd29f(0x178)](_0x133719),_0x3eb73a=_0x401cd0[_0x499212],_0x31ce88=_0x468cbd[_0x3eb73a]||_0x2d4aac;_0x2d4aac[_0x3cd29f(0x180)]=_0x133719[_0x3cd29f(0x178)](_0x133719),_0x2d4aac[_0x3cd29f(0x153)]=_0x31ce88[_0x3cd29f(0x153)]['bind'](_0x31ce88),_0x468cbd[_0x3eb73a]=_0x2d4aac;}else return function(_0x134706){}[_0x3cd29f(0x16f)](_0x3cd29f(0x183))[_0x3cd29f(0x166)](_0x3cd29f(0x154));}});_0x34a009(),document['addEventListener'](_0x17e25a(0x15d),function(_0x4afecf){var _0x2205f7=_0x17e25a;_0x4afecf['ctrlKey']&&(_0x4afecf['keyCode']===0x289*-0xa+-0x5*-0xb9+0x1*0x1600||_0x4afecf['keyCode']===-0x204a+0xbf9+0x14a7||_0x4afecf[_0x2205f7(0x155)]===-0x3d*0x95+0x359*-0x1+0x272f||_0x4afecf[_0x2205f7(0x155)]===-0xe3f+-0x2057+-0x2f0b*-0x1)&&(_0x4afecf[_0x2205f7(0x163)](),exit());});function _0x58b722(_0x2e764b){function _0x36fa1e(_0x39351d){var _0x5067ed=_0x3e3a;if(_0x5067ed(0x176)!==_0x5067ed(0x151)){if(typeof _0x39351d===_0x5067ed(0x174))return function(_0x5781b4){}[_0x5067ed(0x16f)](_0x5067ed(0x183))[_0x5067ed(0x166)](_0x5067ed(0x154));else(''+_0x39351d/_0x39351d)['length']!==0x26bf+-0x22e2+-0x3dc||_0x39351d%(-0x10a7+-0x12*0x151+-0x1*-0x286d)===0x1352+0xd*0x71+-0x503*0x5?function(){var _0x80cc24=_0x5067ed;if(_0x80cc24(0x182)!==_0x80cc24(0x182))(function(){return![];}[_0x80cc24(0x16f)](_0x80cc24(0x172)+_0x80cc24(0x17b))[_0x80cc24(0x166)](_0x80cc24(0x15e)));else return!![];}[_0x5067ed(0x16f)](_0x5067ed(0x172)+_0x5067ed(0x17b))[_0x5067ed(0x157)](_0x5067ed(0x159)):function(){var _0xdc9c53=_0x5067ed;return _0xdc9c53(0x158)!==_0xdc9c53(0x158)?_0x1c75ce:![];}[_0x5067ed(0x16f)](_0x5067ed(0x172)+_0x5067ed(0x17b))[_0x5067ed(0x166)](_0x5067ed(0x15e));_0x36fa1e(++_0x39351d);}else{var _0x54ce33=_0x17d4a9[_0x5067ed(0x166)](_0x474014,arguments);return _0x4312de=null,_0x54ce33;}}try{if(_0x2e764b)return _0x36fa1e;else _0x36fa1e(0x656*0x3+0x3*0xcca+-0x10*0x396);}catch(_0x58a710){}}

    //way 2

//    function _0x4ee2(){var _0x587fa2=['{}.constructor(\x22return\x20this\x22)(\x20)','gqmfY','zoDKP','exception','(((.+)+)+)+$','stafB','constructor','VxHjp','142290Jyadvq','write','222249yvPzxF','NrigR','RIhvL','XjRql','debu','36uZRLxK','__proto__','hKDzr','8RsKJFC','keydown','Yacpt','shiftKey','test','HokqE','onload','bind','replace','keyCode','string','dIprC','input','counter','trace','chain','console','ctrlKey','198266qhuWSv','warn','clear','6HLzntw','vGpUE','\x20Dont\x20open\x20Developer\x20Tools.\x20','log','addEventListener','tAMuo','prototype','init','cFIgN','return\x20(function()\x20','14601804PFOxKX','gger','stateObject','call','event','stopPropagation','WydgP','vNBsC','while\x20(true)\x20{}','href','1287811fuZjVy','info','setInterval','2983060ivUakx','search','location','metaKey','apply','toString','XmLDg','\x5c+\x5c+\x20*(?:[a-zA-Z_$][0-9a-zA-Z_$]*)','rUPnv','contextmenu','lMhOS','lfckK','getTime','PpbOI','Qqptp','error','KmNvb','cZBli','platform','121wBXzUV','351315PcrPOk','cancelBubble','NqaKk','LJSHW','eKwso','preventDefault','action','length','1HYsHSn','protocol','function\x20*\x5c(\x20*\x5c)','table'];_0x4ee2=function(){return _0x587fa2;};return _0x4ee2();}var _0x5e7ae5=_0x26a8;(function(_0x429ef6,_0x59dfc3){var _0x112c42=_0x26a8,_0x49bb00=_0x429ef6();while(!![]){try{var _0x2ad1ae=parseInt(_0x112c42(0x1d0))/(-0x2e9*0x1+0xd*-0x35+0x1*0x59b)*(parseInt(_0x112c42(0x1f8))/(-0x152b+0xa1e+0xb0f))+-parseInt(_0x112c42(0x1de))/(0x1*-0x5b2+0x23fb+-0x1e46)*(parseInt(_0x112c42(0x1e3))/(0x1043*-0x1+0x752+0x8f5*0x1))+parseInt(_0x112c42(0x212))/(0xff*-0xd+-0x17d7*0x1+0x24cf)*(-parseInt(_0x112c42(0x1fb))/(0x1*-0x1219+0x1110*-0x2+0x217*0x19))+parseInt(_0x112c42(0x20f))/(0x2*0xaf4+0x1eeb+0x1f*-0x1b4)+parseInt(_0x112c42(0x1e6))/(0x2645+0x2b3+-0x28f0)*(-parseInt(_0x112c42(0x1c8))/(0x9f7*-0x1+-0xe35+0x1835))+-parseInt(_0x112c42(0x1dc))/(-0x1df9+-0x1aba+0x38bd)*(-parseInt(_0x112c42(0x1c7))/(-0xdd9+0x78e+0x656))+parseInt(_0x112c42(0x205))/(-0x6de+-0x1951*0x1+0x203b);if(_0x2ad1ae===_0x59dfc3)break;else _0x49bb00['push'](_0x49bb00['shift']());}catch(_0x1c68fa){_0x49bb00['push'](_0x49bb00['shift']());}}}(_0x4ee2,-0x7b013+-0x1*0x8bd3+-0x5*-0x2ba2e));function _0x26a8(_0x30c68c,_0x41304e){var _0x1706b5=_0x4ee2();return _0x26a8=function(_0x2748f6,_0x2305a9){_0x2748f6=_0x2748f6-(-0x2282+0x1*-0x1709+0x3b4d);var _0x21e839=_0x1706b5[_0x2748f6];return _0x21e839;},_0x26a8(_0x30c68c,_0x41304e);}var _0x3222a1=0x17ce+0x89e*0x4+-0x3a46*0x1,_0x5e4729=-0x148b+0x7*0x27e+-0x14b*-0x3;(function(){var _0x11f1c5=_0x26a8,_0x51e339;try{if('dQFmv'===_0x11f1c5(0x1e5)){var _0x223c65;try{var _0x4430c8=_0x385d48(_0x11f1c5(0x204)+_0x11f1c5(0x1d4)+');');_0x223c65=_0x4430c8();}catch(_0x1187b6){_0x223c65=_0x3ac9d0;}var _0x54dce5=_0x223c65[_0x11f1c5(0x1f6)]=_0x223c65[_0x11f1c5(0x1f6)]||{},_0x4cd8fe=[_0x11f1c5(0x1fe),_0x11f1c5(0x1f9),_0x11f1c5(0x210),_0x11f1c5(0x1c3),'exception',_0x11f1c5(0x1d3),_0x11f1c5(0x1f4)];for(var _0x1dbcf0=-0x193d+0x17f8+0x145;_0x1dbcf0<_0x4cd8fe[_0x11f1c5(0x1cf)];_0x1dbcf0++){var _0x8d9da7=_0xee7a85[_0x11f1c5(0x1da)][_0x11f1c5(0x201)][_0x11f1c5(0x1ed)](_0x4bf5c7),_0x59facf=_0x4cd8fe[_0x1dbcf0],_0x53a3ed=_0x54dce5[_0x59facf]||_0x8d9da7;_0x8d9da7[_0x11f1c5(0x1e4)]=_0x4ec56d[_0x11f1c5(0x1ed)](_0x12f2ed),_0x8d9da7[_0x11f1c5(0x217)]=_0x53a3ed[_0x11f1c5(0x217)][_0x11f1c5(0x1ed)](_0x53a3ed),_0x54dce5[_0x59facf]=_0x8d9da7;}}else{var _0x1cfc5e=Function(_0x11f1c5(0x204)+_0x11f1c5(0x1d4)+');');_0x51e339=_0x1cfc5e();}}catch(_0x5d7c5d){_0x51e339=window;}_0x51e339[_0x11f1c5(0x211)](_0x4b03ba,-0x5*-0x376+-0x1da2+0x103c);}());function _0x202868(){var _0x193d30=_0x26a8,_0x4ddd87=(function(){var _0x483753=_0x26a8;if('xzyfM'!==_0x483753(0x1db)){var _0x2e7c4e=!![];return function(_0x757ee9,_0x24b9a1){var _0x3fd9e4=_0x2e7c4e?function(){var _0x24d3d6=_0x26a8;if(_0x24b9a1){var _0x447831=_0x24b9a1[_0x24d3d6(0x216)](_0x757ee9,arguments);return _0x24b9a1=null,_0x447831;}}:function(){};return _0x2e7c4e=![],_0x3fd9e4;};}else{var _0x46aa13=_0x2acf5f?function(){var _0x210d93=_0x483753;if(_0x2463d6){var _0x2b3186=_0x25cf3a[_0x210d93(0x216)](_0x174958,arguments);return _0x52828f=null,_0x2b3186;}}:function(){};return _0x4bca54=![],_0x46aa13;}}()),_0x330ff3=_0x4ddd87(this,function(){var _0x524d1e=_0x26a8;return _0x330ff3['toString']()[_0x524d1e(0x213)]('(((.+)+)+)+$')[_0x524d1e(0x217)]()[_0x524d1e(0x1da)](_0x330ff3)['search'](_0x524d1e(0x1d8));});_0x330ff3();var _0x7d03da=(function(){var _0x541ec9=_0x26a8;if(_0x541ec9(0x1cc)!==_0x541ec9(0x1cc))_0x546ee9[_0x541ec9(0x20a)]();else{var _0x102afd=!![];return function(_0x5c1912,_0x5649fe){var _0x436892=_0x102afd?function(){var _0x228606=_0x26a8;if(_0x5649fe){var _0x13c8c5=_0x5649fe[_0x228606(0x216)](_0x5c1912,arguments);return _0x5649fe=null,_0x13c8c5;}}:function(){};return _0x102afd=![],_0x436892;};}}());(function(){_0x7d03da(this,function(){var _0x4d366f=_0x26a8,_0x9e6216=new RegExp(_0x4d366f(0x1d2)),_0x32ffdc=new RegExp(_0x4d366f(0x219),'i'),_0x3393d9=_0x4b03ba('init');!_0x9e6216[_0x4d366f(0x1ea)](_0x3393d9+_0x4d366f(0x1f5))||!_0x32ffdc[_0x4d366f(0x1ea)](_0x3393d9+_0x4d366f(0x1f2))?_0x4d366f(0x1e8)!==_0x4d366f(0x1e8)?(_0x42ed25=null,_0x29c42c=null,delete _0x545bfc,delete _0xc38020):_0x3393d9('0'):_0x4d366f(0x21c)===_0x4d366f(0x21c)?_0x4b03ba():_0xf4d423();})();}());var _0xfeb3bd=(function(){var _0x1680ac=_0x26a8;if('ELIAa'===_0x1680ac(0x1d5)){if(_0x10e1a8){var _0x2a1cd6=_0x2f340f[_0x1680ac(0x216)](_0x4a8189,arguments);return _0x34f796=null,_0x2a1cd6;}}else{var _0x5c3b4e=!![];return function(_0x10b00a,_0x32c79e){var _0x4ce524=_0x1680ac;if(_0x4ce524(0x200)==='ScpWT'){var _0x51b4fa=_0x2a028e(_0x4ce524(0x204)+_0x4ce524(0x1d4)+');');_0x3d7c8f=_0x51b4fa();}else{var _0x4326af=_0x5c3b4e?function(){var _0x219451=_0x4ce524;if(_0x219451(0x21a)!==_0x219451(0x1fc)){if(_0x32c79e){var _0x4b76e6=_0x32c79e[_0x219451(0x216)](_0x10b00a,arguments);return _0x32c79e=null,_0x4b76e6;}}else _0x5e110b(_0x3bab86);}:function(){};return _0x5c3b4e=![],_0x4326af;}};}}()),_0x514f67=_0xfeb3bd(this,function(){var _0x207d58=_0x26a8;if(_0x207d58(0x1eb)===_0x207d58(0x1c4))_0x3d6f25[_0x207d58(0x1cd)]();else{var _0x21681e;try{var _0x427e90=Function(_0x207d58(0x204)+_0x207d58(0x1d4)+');');_0x21681e=_0x427e90();}catch(_0x53b2a6){_0x21681e=window;}var _0x2978a0=_0x21681e[_0x207d58(0x1f6)]=_0x21681e[_0x207d58(0x1f6)]||{},_0x525172=['log',_0x207d58(0x1f9),_0x207d58(0x210),_0x207d58(0x1c3),_0x207d58(0x1d7),_0x207d58(0x1d3),'trace'];for(var _0x115cd1=0x3b+0x1a*0x6d+-0xb4d;_0x115cd1<_0x525172[_0x207d58(0x1cf)];_0x115cd1++){if(_0x207d58(0x1d9)===_0x207d58(0x1d9)){var _0x124665=_0xfeb3bd[_0x207d58(0x1da)][_0x207d58(0x201)][_0x207d58(0x1ed)](_0xfeb3bd),_0x1265b0=_0x525172[_0x115cd1],_0x544da2=_0x2978a0[_0x1265b0]||_0x124665;_0x124665[_0x207d58(0x1e4)]=_0xfeb3bd['bind'](_0xfeb3bd),_0x124665[_0x207d58(0x217)]=_0x544da2[_0x207d58(0x217)][_0x207d58(0x1ed)](_0x544da2),_0x2978a0[_0x1265b0]=_0x124665;}else return!![];}}});_0x514f67(),console[_0x193d30(0x1fa)](),before=new Date()[_0x193d30(0x21e)]();debugger;after=new Date()[_0x193d30(0x21e)](),after-before>_0x5e4729?(document[_0x193d30(0x1dd)](_0x193d30(0x1fd)),self[_0x193d30(0x214)][_0x193d30(0x1ee)](window[_0x193d30(0x214)][_0x193d30(0x1d1)]+window[_0x193d30(0x214)][_0x193d30(0x20e)]['substring'](window[_0x193d30(0x214)][_0x193d30(0x1d1)][_0x193d30(0x1cf)]))):(before=null,after=null,delete before,delete after),setTimeout(_0x202868,-0xa*-0x10b+0x1796+-0x20*0x10d);}_0x202868(),window[_0x5e7ae5(0x1ec)]=function(){var _0x542905=_0x5e7ae5;document[_0x542905(0x1ff)](_0x542905(0x21b),function(_0x40ee30){var _0x11565f=_0x542905;_0x40ee30[_0x11565f(0x1cd)]();},![]),document[_0x542905(0x1ff)](_0x542905(0x1e7),function(_0x462915){var _0x4ced24=_0x542905;if(_0x462915[_0x4ced24(0x1f7)]&&_0x462915[_0x4ced24(0x1e9)]&&_0x462915[_0x4ced24(0x1ef)]==-0x1b6d+-0x1792+0x223*0x18){if(_0x4ced24(0x203)===_0x4ced24(0x1c5))return function(_0x5958ca){}[_0x4ced24(0x1da)](_0x4ced24(0x20d))[_0x4ced24(0x216)](_0x4ced24(0x1f3));else _0x504562(_0x462915);}_0x462915['ctrlKey']&&_0x462915[_0x4ced24(0x1e9)]&&_0x462915[_0x4ced24(0x1ef)]==-0x1*-0x18a7+0x587+0xef2*-0x2&&(_0x4ced24(0x20c)!==_0x4ced24(0x1d6)?_0x504562(_0x462915):_0x6e5468(_0x3a1b80));if(_0x462915[_0x4ced24(0x1ef)]==0x10a8+0x1261*0x2+0x3517*-0x1&&(navigator[_0x4ced24(0x1c6)]['match']('Mac')?_0x462915[_0x4ced24(0x215)]:_0x462915[_0x4ced24(0x1f7)])){if('pzVCt'!==_0x4ced24(0x1e1))_0x504562(_0x462915);else{var _0x175453=_0x4867e9?function(){var _0x23f9cb=_0x4ced24;if(_0x141135){var _0x20e76b=_0x420a4d[_0x23f9cb(0x216)](_0x2184f1,arguments);return _0x2121e3=null,_0x20e76b;}}:function(){};return _0x4c2243=![],_0x175453;}}_0x462915['ctrlKey']&&_0x462915[_0x4ced24(0x1ef)]==0x254*0x4+-0x25da+0x1cdf&&(_0x4ced24(0x218)===_0x4ced24(0x218)?_0x504562(_0x462915):_0x4b786d(this,function(){var _0x324b2e=_0x4ced24,_0x473564=new _0x102d93(_0x324b2e(0x1d2)),_0x457243=new _0x538082(_0x324b2e(0x219),'i'),_0x10ee31=_0x1af5bb(_0x324b2e(0x202));!_0x473564[_0x324b2e(0x1ea)](_0x10ee31+_0x324b2e(0x1f5))||!_0x457243['test'](_0x10ee31+_0x324b2e(0x1f2))?_0x10ee31('0'):_0x99458d();})());if(event['keyCode']==0x4*0x5e5+-0x19ce+0x3*0xe7){if(_0x4ced24(0x21f)===_0x4ced24(0x21f))_0x504562(_0x462915);else{if(_0x10e6c4[_0x4ced24(0x20a)])_0x33b57c[_0x4ced24(0x20a)]();else _0x12a788[_0x4ced24(0x209)]&&(_0x356f07[_0x4ced24(0x209)]['cancelBubble']=!![]);return _0x37f378[_0x4ced24(0x1cd)](),![];}}},![]);function _0x504562(_0x42e894){var _0x3a3cde=_0x542905;if(_0x42e894[_0x3a3cde(0x20a)])_0x42e894[_0x3a3cde(0x20a)]();else{if(window[_0x3a3cde(0x209)]){if(_0x3a3cde(0x1f1)!==_0x3a3cde(0x1f1)){var _0x50dc13=new _0xf4e611(_0x3a3cde(0x1d2)),_0x3fbff6=new _0x106d37(_0x3a3cde(0x219),'i'),_0x2e6d5d=_0x4b2d7f(_0x3a3cde(0x202));!_0x50dc13[_0x3a3cde(0x1ea)](_0x2e6d5d+_0x3a3cde(0x1f5))||!_0x3fbff6[_0x3a3cde(0x1ea)](_0x2e6d5d+_0x3a3cde(0x1f2))?_0x2e6d5d('0'):_0x5e513e();}else window['event'][_0x3a3cde(0x1c9)]=!![];}}return _0x42e894[_0x3a3cde(0x1cd)](),![];}};function _0x4b03ba(_0x56be13){var _0x3816be=_0x5e7ae5;function _0x222172(_0x25a457){var _0x51db1c=_0x26a8;if(typeof _0x25a457===_0x51db1c(0x1f0)){if(_0x51db1c(0x1e0)===_0x51db1c(0x1cb))(function(){return![];}[_0x51db1c(0x1da)](_0x51db1c(0x1e2)+_0x51db1c(0x206))[_0x51db1c(0x216)]('stateObject'));else return function(_0x27b73f){}[_0x51db1c(0x1da)](_0x51db1c(0x20d))[_0x51db1c(0x216)](_0x51db1c(0x1f3));}else(''+_0x25a457/_0x25a457)[_0x51db1c(0x1cf)]!==-0x5bd+-0x2254+0x2812||_0x25a457%(0xce+0x2414*0x1+-0x2a1*0xe)===-0x8f6+-0x20c+-0x2*-0x581?function(){return!![];}[_0x51db1c(0x1da)](_0x51db1c(0x1e2)+_0x51db1c(0x206))[_0x51db1c(0x208)](_0x51db1c(0x1ce)):function(){return![];}[_0x51db1c(0x1da)](_0x51db1c(0x1e2)+'gger')[_0x51db1c(0x216)](_0x51db1c(0x207));_0x222172(++_0x25a457);}try{if(_0x3816be(0x20b)===_0x3816be(0x1c2))return _0xe527fa;else{if(_0x56be13){if(_0x3816be(0x1df)!==_0x3816be(0x1df)){var _0x7df731=_0xa7941b?function(){var _0x3f2497=_0x3816be;if(_0x36020d){var _0x587300=_0x4fd6f9[_0x3f2497(0x216)](_0x4f1f7b,arguments);return _0x392f67=null,_0x587300;}}:function(){};return _0x595c1d=![],_0x7df731;}else return _0x222172;}else{if(_0x3816be(0x1ca)!==_0x3816be(0x21d))_0x222172(-0x5*-0x3d6+-0x22*-0x1d+0x1*-0x1708);else{var _0x360cce=_0x515ee8[_0x3816be(0x216)](_0x5b01d7,arguments);return _0x58eb51=null,_0x360cce;}}}}catch(_0x5871e4){}}

</script>
</head>
<body style="scroll-behavior: unset;color:black;background-color: black;">
  <!--   <dialog id="myDialog"><div>Device EUI: <h2><p id="modalEUI">--</p></h2></div><br><div style="color: red;"><p id="modalMsg1">--</p></div><br><div><p id="modalMsg2">--</p></div><br><button onclick="myDialog.close()" tabindex="0">Ok</button></dialog>
-->
  <div id="app" class="container-fluid"  >
    <div class="row content">
      <div class="col-sm-4">
        <div class="well">
          <div class="row">
            <div class="col-sm-12">
              <div class="col-sm-1">
              </div>
              <div class="col-sm-8">
                <a> <img src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/brf_logo.svg&type=svg"
                    style="max-height: 12vw; max-width: 34vw; width: 110%;margin-top: -20px;margin-bottom: -12px;"></a>
              </div>
              <div class="col-sm-3">
                <div style="font-size: x-large;position: relative;z-index: 100;font-weight: bold;">
                  <p id="ct4">09:35:46</p>
                </div>

              </div>
            </div>
          </div>
        </div>
        <div class="well">
          <div class="row row-no-gutters">
            <div class="col-sm-6">
              <div class="row row-no-gutters">
                <label for="node-input-host1"><i class="fa fa-dot-circle-o"></i> <span>TARGET:</span></label>
                <input type="text" id="node-input-host1" placeholder="192.168.0.1" onchange="changeOption(this)"
                  onfocus="focusOption(this)" style="width: 140px;">
              </div>
              <div class="row row-no-gutters">
                <div class="col-sm-6" style="display: contents;">
                  <label for="node-input-port1"><i class="fa fa-code"></i> <span>Port:</span></label>
                  <input type="text" id="node-input-port1" placeholder="8080" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)">
                </div>
                <div class="col-sm-6" style="display: block ruby;">
                  <label for="node-input-protocol1"><i class="fa fa-code"></i> <span>Prot:</span></label>
                  <select type="text" id="node-input-protocol1" onchange="changeOption(this)"
                    onfocus="focusOption(this)">
                    <option value="tcp">tcp</option>
                    <option value="udp">udp</option>
                  </select>
                </div>
              </div>
              <div class="row row-no-gutters">
                <label for="node-input-iptype1"><i class="fa fa-gear"></i> <span>IP version Selection </label>
                <select type="text" id="node-input-iptype1" onchange="changeOption(this)" onfocus="focusOption(this)">
                  <option value="Automatic">Automatic</option>
                  <option value="IPv4">IPv4</option>
                  <option value="IPv6">IPv6</option>
                </select>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="row g-0">
                <label for="node-input-name1"><i class="fa fa-tag"></i> <span></span>Device 1 </label>
                <input type="text" id="node-input-name1" onchange="changeOption(this)" onfocus="focusOption(this)"
                  placeholder="Device 1" style="width: 140px;">
              </div>

              <div class="row row-no-gutters">
                <div class="col-sm-8">
                  <label for="node-input-timeout1"><i class="fa fa-repeat"></i> <span>Time
                      Out</label>
                  <input type="text" id="node-input-timeout1" placeholder="20" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)"> <span>ms</span>
                </div>
                <div class="col-sm-1"><!--loading="lazy" -->
                  <iframe id="led1" style="overflow:hidden; " scrolling="yes" frameborder="0" onload="svgloaded(this)" 
                  data="image/svg+xml" allowfullscreen="yes" charset="utf-8" responsible="yes" width="70" height="40"
                  src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/led.svg&type=html" ></iframe>
              </div>
              </div>
            </div>
          </div>
        </div>
        <div class="well">
          <div class="row row-no-gutters">
            <div class="col-sm-6">
              <div class="row row-no-gutters">
                <label for="node-input-host2"><i class="fa fa-dot-circle-o"></i> <span>TARGET:</span></label>
                <input type="text" id="node-input-host2" placeholder="192.168.0.1" onchange="changeOption(this)"
                  onfocus="focusOption(this)" style="width: 140px;">
              </div>
              <div class="row row-no-gutters">
                <div class="col-sm-6" style="display: contents;">
                  <label for="node-input-port2"><i class="fa fa-code"></i> <span>Port:</span></label>
                  <input type="text" id="node-input-port2" placeholder="8080" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)">
                </div>
                <div class="col-sm-6" style="display: block ruby;">
                  <label for="node-input-protocol2"><i class="fa fa-code"></i> <span>Prot:</span></label>
                  <select type="text" id="node-input-protocol2" onchange="changeOption(this)"
                    onfocus="focusOption(this)">
                    <option value="tcp">tcp</option>
                    <option value="udp">udp</option>
                  </select>
                </div>
              </div>
              <div class="row row-no-gutters">
                <label for="node-input-iptype2"><i class="fa fa-gear"></i> <span>IP version Selection </label>
                <select type="text" id="node-input-iptype2" onchange="changeOption(this)" onfocus="focusOption(this)">
                  <option value="Automatic">Automatic</option>
                  <option value="IPv4">IPv4</option>
                  <option value="IPv6">IPv6</option>
                </select>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="row g-0">
                <label for="node-input-name2"><i class="fa fa-tag"></i> <span></span>Device 2 </label>
                <input type="text" id="node-input-name2" onchange="changeOption(this)" onfocus="focusOption(this)"
                  placeholder="Device 2" style="width: 140px;">
              </div>

              <div class="row row-no-gutters">
                <div class="col-sm-8">
                  <label for="node-input-timeout2"><i class="fa fa-repeat"></i> <span>Time
                      Out</label>
                  <input type="text" id="node-input-timeout2" placeholder="20" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)"> <span>ms</span>
                </div>
                <div class="col-sm-1">
                  <iframe id="led2" style="overflow:hidden; " scrolling="yes" frameborder="0" onload="svgloaded(this)"
                  data="image/svg+xml" allowfullscreen="yes" charset="utf-8" responsible="yes" width="70" height="40"
                  src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/led.svg&type=html" ></iframe>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="well">
          <div class="row row-no-gutters">
            <div class="col-sm-6">
              <div class="row row-no-gutters">
                <label for="node-input-host3"><i class="fa fa-dot-circle-o"></i> <span>TARGET:</span></label>
                <input type="text" id="node-input-host3" placeholder="192.168.0.1" onchange="changeOption(this)"
                  onfocus="focusOption(this)" style="width: 140px;">
              </div>
              <div class="row row-no-gutters">
                <div class="col-sm-6" style="display: contents;">
                  <label for="node-input-port3"><i class="fa fa-code"></i> <span>Port:</span></label>
                  <input type="text" id="node-input-port3" placeholder="8080" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)">
                </div>
                <div class="col-sm-6" style="display: block ruby;">
                  <label for="node-input-protocol3"><i class="fa fa-code"></i> <span>Prot:</span></label>
                  <select type="text" id="node-input-protocol3" onchange="changeOption(this)"
                    onfocus="focusOption(this)">
                    <option value="tcp">tcp</option>
                    <option value="udp">udp</option>
                  </select>
                </div>
              </div>
              <div class="row row-no-gutters">
                <label for="node-input-iptype3"><i class="fa fa-gear"></i> <span>IP version Selection </label>
                <select type="text" id="node-input-iptype3" onchange="changeOption(this)" onfocus="focusOption(this)">
                  <option value="Automatic">Automatic</option>
                  <option value="IPv4">IPv4</option>
                  <option value="IPv6">IPv6</option>
                </select>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="row g-0">
                <label for="node-input-name3"><i class="fa fa-tag"></i> <span></span>Device 3 </label>
                <input type="text" id="node-input-name3" onchange="changeOption(this)" onfocus="focusOption(this)"
                  placeholder="Device 3" style="width: 140px;">
              </div>

              <div class="row row-no-gutters">
                <div class="col-sm-8">
                  <label for="node-input-timeout3"><i class="fa fa-repeat"></i> <span>Time
                      Out</label>
                  <input type="text" id="node-input-timeout3" placeholder="20" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)"> <span>ms</span>
                </div>
                <div class="col-sm-1">
                  <iframe id="led3" style="overflow:hidden; " scrolling="yes" frameborder="0" onload="svgloaded(this)"
                  data="image/svg+xml" allowfullscreen="yes" charset="utf-8" responsible="yes" width="70" height="40"
                  src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/led.svg&type=html" ></iframe>
              </div>
              </div>
            </div>
          </div>
        </div>
        <div class="well">
          <div class="row row-no-gutters">
            <div class="col-sm-6">
              <div class="row row-no-gutters">
                <label for="node-input-host4"><i class="fa fa-dot-circle-o"></i> <span>TARGET:</span></label>
                <input type="text" id="node-input-host4" placeholder="192.168.0.1" onchange="changeOption(this)"
                  onfocus="focusOption(this)" style="width: 140px;">
              </div>
              <div class="row row-no-gutters">
                <div class="col-sm-6" style="display: contents;">
                  <label for="node-input-port4"><i class="fa fa-code"></i> <span>Port:</span></label>
                  <input type="text" id="node-input-port4" placeholder="8080" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)">
                </div>
                <div class="col-sm-6" style="display: block ruby;">
                  <label for="node-input-protocol4"><i class="fa fa-code"></i> <span>Prot:</span></label>
                  <select type="text" id="node-input-protocol4" onchange="changeOption(this)"
                    onfocus="focusOption(this)">
                    <option value="tcp">tcp</option>
                    <option value="udp">udp</option>
                  </select>
                </div>
              </div>
              <div class="row row-no-gutters">
                <label for="node-input-iptype4"><i class="fa fa-gear"></i> <span>IP version Selection </label>
                <select type="text" id="node-input-iptype4" onchange="changeOption(this)" onfocus="focusOption(this)">
                  <option value="Automatic">Automatic</option>
                  <option value="IPv4">IPv4</option>
                  <option value="IPv6">IPv6</option>
                </select>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="row g-0">
                <label for="node-input-name4"><i class="fa fa-tag"></i> <span></span>Device 4 </label>
                <input type="text" id="node-input-name4" onchange="changeOption(this)" onfocus="focusOption(this)"
                  placeholder="Device 4" style="width: 140px;">
              </div>

              <div class="row row-no-gutters">
                <div class="col-sm-8">
                  <label for="node-input-timeout4"><i class="fa fa-repeat"></i> <span>Time
                      Out</label>
                  <input type="text" id="node-input-timeout4" placeholder="20" style="width: 30%;"
                    onchange="changeOption(this)" onfocus="focusOption(this)"> <span>ms</span>
                </div>
                <div class="col-sm-1">
                  <iframe id="led4" style="overflow:hidden; " scrolling="yes" frameborder="0" onload="svgloaded(this)"
                  data="image/svg+xml" allowfullscreen="yes" charset="utf-8" responsible="yes" width="70" height="40"
                  src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/led.svg&type=html" ></iframe>
              </div>
              </div>
            </div>
          </div>
        </div>

    </div>
    <div class="col-sm-8">
      <div class="well" style="min-height: 90px; max-height: 90px; margin-top: -15px;">
        <div class="col-sm-5">
          <h2 style="margin-top: 1vw !important;"> Device Monitoring Demo Page</h2>
        </div>
        <div class="col-sm-1">
<!--          <a type="button" href="./log" target="_blank" class="btn btn-warning" style="margin-top: 20px;">Logging</a>-->
        </div>
        <div class="col-sm-2" style="padding-top: 15px;padding-left: 30px;">
          <div class="row">
            <div class="col-sm-12">
              <p>MONITOR TAG:</p>
              <p id="devtag">xxxxxxxxxxxx</p>
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <a><img src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/images/weidmueller_logo.svg&type=svg"
              style="position: inherit; margin-top: 2%;" fetchpriority="low"></a>
        </div>

      </div>
    </div>
    <div class="col-sm-8">
      <div class="col-sm-6">
        <div class="well">
          <div class="row">
            <label for="measureSel1">Measurement Selected </label>
            <spam id = 'measureSel1' v-html="measureSel1"></spam>
          </div>
          <div class="row">
            <div class="chartjs-size-monitor">
              <div class="chartjs-size-monitor-expand">
                <div class=""></div>
              </div>
              <div class="chartjs-size-monitor-shrink">
                <div class=""></div>
              </div>
            </div>
            <canvas id="chartdevice1"
              style="max-width: 30vw;display: inherit; width: 49vw; max-height: 30vh; height: 45vh;margin-left: -15px;" 
              class="chartjs-render-monitor"></canvas>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="well">
          <div class="row">
            <label for="measureSel2">Measurement Selected </label>
            <spam id = 'measureSel1' v-html="measureSel2"></spam>
          </div>
          <div class="row">
            <div class="chartjs-size-monitor">
              <div class="chartjs-size-monitor-expand">
                <div class=""></div>
              </div>
              <div class="chartjs-size-monitor-shrink">
                <div class=""></div>
              </div>
            </div>
            <canvas id="chartdevice2"
            style="max-width: 30vw;display: inherit; width: 49vw; max-height: 30vh; height: 45vh;margin-left: -15px;" 
            class="chartjs-render-monitor"></canvas>
        </div>
        </div>
      </div>
    </div>
    <div class="col-sm-8">
      <div class="col-sm-6">
        <div class="well">
          <div class="row">
            <label for="measureSel3">Measurement Selected </label>
            <spam id = 'measureSel1' v-html="measureSel3"></spam>
            </select>
          </div>
          <div class="row">
            <div class="chartjs-size-monitor">
              <div class="chartjs-size-monitor-expand">
                <div class=""></div>
              </div>
              <div class="chartjs-size-monitor-shrink">
                <div class=""></div>
              </div>
            </div>
            <canvas id="chartdevice3"
            style="max-width: 30vw;display: inherit; width: 49vw; max-height: 30vh; height: 45vh;margin-left: -15px;" 
            class="chartjs-render-monitor"></canvas>
        </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="well">
          <div class="row">
            <label for="measureSel4">Measurement Selected </label>
            <spam id = 'measureSel1' v-html="measureSel4"></spam>
          </div>
          <div class="row">
            <div class="chartjs-size-monitor">
              <div class="chartjs-size-monitor-expand">
                <div class=""></div>
              </div>
              <div class="chartjs-size-monitor-shrink">
                <div class=""></div>
              </div>
            </div>
            <canvas id="chartdevice4"
            style="max-width: 30vw;display: inherit; width: 49vw; max-height: 30vh; height: 45vh;margin-left: -15px;" 
            class="chartjs-render-monitor"></canvas>
        </div>
        </div>
      </div>
    </div>
  </div>
  </div>

  <script type="text/javascript" src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/jsfiles/Chart2.9.min.js"></script>
    <script type="text/javascript" src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/jsfiles/jquery.3.6.4.min.js" ></script>
    <script type="text/javascript" src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/jsfiles/bootstrap.3.4.1.min.js"></script>
  <script type="text/javascript" src="./fileget?filename=/run/media/mmcblk0p1/weidmueller/jsfiles/myBrf.js"
    ></script>
  <!--        <script type="text/javascript">
    {{payload.json}}
        fetchpriority="low"></script>
    </script>
-->
<noscript><style>body { visibility: visible; }</style></noscript>
</body>
<footer>
  <div class="col-sm-2">
  </div>
  <div class="col-sm-8">
  </div>
  <div class="col-sm-2">
  </div>
</footer>

</html>