Merubah tampilan Netmonitor dan menambahkan plugin ip dan jam

Merubah tampilan Netmonitor dan menambahkan plugin ip dan jam



 Merubah tampilan Netmonitor dan menambahkan plugin ip dan jam -  Silakan  edit menggukan filemanager atau tinyfm difolder    /www/netdata.html

ganti script mulai dari  <h3>Network Monitor</h3>  sampai </body></html>
dengan script dibawah

<h3>Net Monitor</h3>
<center>
   <div data-netdata="net.eth1"
data-title="internet"
data-chart-library="gauge"
data-after="-150"
data-height="250px"
data-width="250px"
data-colors="#00FFFF">
   </div>
   <div data-netdata="net.br-lan"
data-title="LAN"
data-chart-library="easypiechart"
data-after="-150"
data-height="150px"
data-width="170px" 
data-colors="#8732cc">
   </div>
   <div data-netdata="net.wwan0"
data-title="internet 2"
data-chart-library="gauge"
data-after="-150"
data-height="150px"
data-width="250px"
data-colors="#00FF7F">
   </div>
  <br><br>
   <div data-netdata="system.net" 
data-dimensions="received" 
data-chart-library="easypiechart" 
data-title="Download" 
data-width="18%" 
data-points="720" 
data-common-units="system.net.mainhead"> 
   </div>
   <div data-netdata="system.cpu" 
data-chart-library="easypiechart" 
data-title="CPU" 
data-units="%" 
data-easypiechart-max-value="100" 
data-width="18%" 
data-points="720" 
data-colors="#FCF912">
   </div>
   <div data-netdata="system.ram" 
data-dimensions="used|buffers|active|wired" 
data-append-options="percentage" 
data-chart-library="easypiechart" 
data-title="Used RAM" 
data-units="%" 
data-easypiechart-max-value="100" 
data-width="18%" 
data-points="720" 
data-colors="#1AB81C">
   </div> 
   <div data-netdata="system.net" 
data-dimensions="sent" 
data-chart-library="easypiechart" 
data-title="Upload" 
data-width="18%" 
data-points="720" 
data-common-units="system.net.mainhead">
   </div>
<div id="MyClockDisplay" class="clock" onload="showTime()"></div> 
<center>
<script type="text/javascript">function showTime(){var date=new Date(); var h=date.getHours(); var m=date.getMinutes(); var s=date.getSeconds(); var session="AM"; if(h==0){h=12;}if(h > 12){h=h - 12; session="PM";}h=(h < 10) ? "0" + h : h; m=(m < 10) ? "0" + m : m; s=(s < 10) ? "0" + s : s; var time=h + ":" + m + ":" + s + " " + session; document.getElementById("MyClockDisplay").innerText=time; document.getElementById("MyClockDisplay").textContent=time; setTimeout(showTime, 1000);}showTime(); </script>
<style>body{background: #565656;}.clock{color: #23FFAC; font-size: 30px; font-family: Franklin Gothic Medium;text-shadow: 1px 1px 0px #000; letter-spacing: 2px;}</style>
<center><header class="jsx-516063367 hamburger icon-hamburger"></header><div id="wimi-ipv4" class="jsx-1634742381 info-box info-box--ipv4">
<div id="cookie-button">IP</div></div>
<script class="jsx-989262791"> (function (){var lazyToSrc=eval(arguments[0]), requestIPv4=eval(arguments[1]); document.getElementById("cookie-button").addEventListener("click", function (){document.querySelector(".main-header__wrapper").classList.toggle("active");}), lazyToSrc("img[data-lazy-src]");})(function (a){fetch("https://iptools-4.top10vpn.com/ip/?genToken=1").then((b)=>{b.json().then((b)=>{(document.getElementById("wimi-ipv4").innerText=b.ip), fetch("/api/jade/",{method: "POST", body: JSON.stringify({ip: b.ip, token: b.token})}).then((b)=>{b.json().then((b)=>{;});});});});});</script></center>
<style id="__jsx-1634742381"> .info-box.info-box--ipv4.jsx-1634742381{color: #23FFAC; font-size: 30px; font-family: Franklin Gothic Medium;text-shadow: 1px 1px 0px #000; letter-spacing: 2px;}</style>
</main>
</body>
</html>

Save pengaturan dan clear cache browser. 

Posting Komentar

Lebih baru Lebih lama