Update index.php
凌兮
GitHub
parent
da67d4c20d
commit
148bfbe0d5
61
index.php
61
index.php
|
|
@ -2,9 +2,10 @@
|
||||||
require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
?>
|
?>
|
||||||
<html>
|
<html>
|
||||||
|
<html lang="zh">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>Pi Dashboard</title>
|
<title>Pi Dashboard (Pi 仪表盘)</title>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
||||||
|
|
@ -43,10 +44,10 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<li><a target="_blank" href="https://shumeipai.nxez.com">树莓派实验室</a></li>
|
<li><a target="_blank" href="https://shumeipai.nxez.com">树莓派实验室</a></li>
|
||||||
<li><a target="_blank" href="https://talk.quwj.com">趣小组</a></li>
|
<li><a target="_blank" href="https://talk.quwj.com">趣小组</a></li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About <span class="caret"></span></a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">关于 <span class="caret"></span></a>
|
||||||
<ul class="dropdown-menu" role="menu">
|
<ul class="dropdown-menu" role="menu">
|
||||||
<li><a target="_blank" href="https://make.quwj.com/project/10">Pi Dashboard</a></li>
|
<li><a target="_blank" href="https://make.quwj.com/project/10">安装指导</a></li>
|
||||||
<li><a target="_blank" href="https://github.com/spoonysonny/pi-dashboard">GitHub Source</a></li>
|
<li><a target="_blank" href="https://github.com/spoonysonny/pi-dashboard">在 GitHub 查看源码</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -60,13 +61,13 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div style="text-align: center; padding: 20px 0;"><img src="assets/devices/<?php echo($D['model']['id']) ?>.png" /></div>
|
<div style="text-align: center; padding: 20px 0;"><img src="assets/devices/<?php echo($D['model']['id']) ?>.png" /></div>
|
||||||
<div style="background-color: #E0E0E0; padding: 5px; border-radius: 3px;">
|
<div style="background-color: #E0E0E0; padding: 5px; border-radius: 3px;">
|
||||||
<div class="text-center" style="margin:10px; padding: 10px 0 10px 0; border-radius: 3px;"><div id="pimodel" style="font-size: 90%; font-weight: bolder; text-shadow: 0 1px 0 #fff;"><?php echo($D['model']['pimodel']); ?></div></div>
|
<div class="text-center" style="margin:10px; padding: 10px 0 10px 0; border-radius: 3px;"><div id="pimodel" style="font-size: 90%; font-weight: bolder; text-shadow: 0 1px 0 #fff;"><?php echo($D['model']['pimodel']); ?></div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#CEFCA3; border-radius: 3px;"><div class="label">IP</div><div id="hostip" style="font-size: 150%; font-weight: bolder;"><?php echo($D['hostip']); ?></div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#CEFCA3; border-radius: 3px;"><div class="label">IP地址</div><div id="hostip" style="font-size: 150%; font-weight: bolder;"><?php echo($D['hostip']); ?></div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#9DCFFB; border-radius: 3px;"><div class="label">TIME</div><div id="time" style="font-size: 150%; font-weight: bolder;">00:00</div><div id="date">-</div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#9DCFFB; border-radius: 3px;"><div class="label">时间</div><div id="time" style="font-size: 150%; font-weight: bolder;">00:00</div><div id="date">-</div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FFFECD; border-radius: 3px;"><div class="label">UPTIME</div><div id="uptime" style="font-size: 120%; font-weight: bolder;">0</div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FFFECD; border-radius: 3px;"><div class="label">UPTIME</div><div id="uptime" style="font-size: 120%; font-weight: bolder;">0</div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">USER</div><div id="user" style="font-size: 120%; font-weight: bolder;"><?php echo($D['user']); ?></div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">用户名</div><div id="user" style="font-size: 120%; font-weight: bolder;"><?php echo($D['user']); ?></div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">OS</div><div id="os" style="font-size: 120%; font-weight: bolder;"><?php echo($D['os'][0]); ?></div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">系统</div><div id="os" style="font-size: 120%; font-weight: bolder;"><?php echo($D['os'][0]); ?></div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">HOSTNAME</div><div id="hostname" style="font-size: 110%; font-weight: bolder;"><?php echo($D['hostname']); ?></div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">设备名称</div><div id="hostname" style="font-size: 120%; font-weight: bolder;"><?php echo($D['hostname']); ?></div></div>
|
||||||
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div id="uname" style="word-break:break-all; word-wrap:break-word; font-size: 12px; color: #999999; padding: 0 10px;"><?php echo($D['uname']); ?></div></div>
|
<div class="text-center" style="margin:20px; padding: 10px 0 10px 0; background-color:#FAFAFA; border-radius: 3px;"><div class="label">详细信息</div><div id="uname" style="word-break:break-all; word-wrap:break-word; font-size: 12px; color: #999999; padding: 0 10px;"><?php echo($D['uname']); ?></div></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
|
|
@ -80,13 +81,13 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#FFFECD;"><span id="cpu-freq" style="font-weight: bolder;"><?php echo($D['cpu']['freq']/1000) ?></span><br /><small class="label">MHz</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#FFFECD;"><span id="cpu-freq" style="font-weight: bolder;"><?php echo($D['cpu']['freq']/1000) ?></span><br /><small class="label">MHz</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="cpu-count"><?php echo($D['cpu']['count']) ?></span><br /><small class="label">CORE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="cpu-count"><?php echo($D['cpu']['count']) ?></span><br /><small class="label">核心</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#FDCCCB;"><span id="cpu-temp" style="font-weight: bolder;">0</span><br /><small class="label">C°</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#FDCCCB;"><span id="cpu-temp" style="font-weight: bolder;">0</span><br /><small class="label">C°</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#9BCEFD;"><span id="cpu-stat-idl">0</span>%<br /><small class="label">IDLE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#9BCEFD;"><span id="cpu-stat-idl">0</span>%<br /><small class="label">可用比</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2 col-sm-2 col-xs-2" style="padding: 0;">
|
<div class="col-md-2 col-sm-2 col-xs-2" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#9BCEFD;"><span id="cpu-stat-use">0</span>%<br /><small class="label">USER</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color:#9BCEFD;"><span id="cpu-stat-use">0</span>%<br /><small class="label">USER</small></div>
|
||||||
|
|
@ -116,14 +117,14 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div id="container-mem" style="width: 100%; height: 200px;"></div>
|
<div id="container-mem" style="width: 100%; height: 200px;"></div>
|
||||||
<div style="height: 200px;">
|
<div style="height: 200px;">
|
||||||
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
||||||
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CDFD9F;"><strong><small>MEMORY</small></strong></div>
|
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CDFD9F;"><strong><small>内存</small></strong></div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-percent">0</span>%<br /><small class="label">USED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-percent">0</span>%<br /><small class="label">总占用率</small></div>
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CDFD9F;"><span id="mem-free">0</span>MB<br /><small class="label">FREE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CDFD9F;"><span id="mem-free">0</span>MB<br /><small class="label">剩余容量</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CEFFFF;"><span id="mem-cached">0</span>MB<br /><small class="label">CACHED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CEFFFF;"><span id="mem-cached">0</span>MB<br /><small class="label">缓存占用</small></div>
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CCCDFC;"><span id="mem-swap-total">0</span>MB<br /><small class="label">SWAP</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0; background-color: #CCCDFC;"><span id="mem-swap-total">0</span>MB<br /><small class="label">虚拟内存</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
<div class="col-md-3 col-sm-3 col-xs-3" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="loadavg-1m">0.0</span><br /><small class="label">AVG.1M</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="loadavg-1m">0.0</span><br /><small class="label">AVG.1M</small></div>
|
||||||
|
|
@ -147,12 +148,12 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div id="container-cache" style="width: 100%; height: 100px;"></div>
|
<div id="container-cache" style="width: 100%; height: 100px;"></div>
|
||||||
<div style="height: 90px;">
|
<div style="height: 90px;">
|
||||||
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
||||||
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CEFFFF;"><strong><small>CACHE</small></strong></div>
|
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CEFFFF;"><strong><small>CPU缓存</small></strong></div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-cache-percent">0</span>%<br /><small class="label">USED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-cache-percent">0</span>%<br /><small class="label">占用率</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CEFFFF;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CEFFFF;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-buffers">0</span>MB<br /><small class="label">BUFFERS</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-buffers">0</span>MB<br /><small class="label">总缓存</small></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -161,12 +162,12 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div id="container-mem-real" style="width: 100%; height: 100px;"></div>
|
<div id="container-mem-real" style="width: 100%; height: 100px;"></div>
|
||||||
<div style="height: 90px;">
|
<div style="height: 90px;">
|
||||||
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
||||||
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CDFD9F;"><strong><small>REAL MEMORY</small></strong></div>
|
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CDFD9F;"><strong><small>物理内存</small></strong></div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-real-percent">0</span>%<br /><small class="label">USED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-real-percent">0</span>%<br /><small class="label">占用率</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CDFD9F;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CDFD9F;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-real-free">0</span>MB<br /><small class="label">FREE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-real-free">0</span>MB<br /><small class="label">总容量</small></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -175,12 +176,12 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div id="container-swap" style="width: 100%; height: 100px;"></div>
|
<div id="container-swap" style="width: 100%; height: 100px;"></div>
|
||||||
<div style="height: 90px;">
|
<div style="height: 90px;">
|
||||||
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
||||||
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CCCDFC;"><strong><small>SWAP</small></strong></div>
|
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #CCCDFC;"><strong><small>虚拟内存</small></strong></div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-swap-percent">0</span>%<br /><small class="label">USED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-swap-percent">0</span>%<br /><small class="label">占用率</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CCCDFC;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#CCCDFC;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-swap-free">0</span>MB<br /><small class="label">FREE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="mem-swap-free">0</span>MB<br /><small class="label">总容量</small></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -189,12 +190,12 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div id="container-disk" style="width: 100%; height: 100px;"></div>
|
<div id="container-disk" style="width: 100%; height: 100px;"></div>
|
||||||
<div style="height: 90px;">
|
<div style="height: 90px;">
|
||||||
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
<div class="row" style="margin: 0; background-color:#E0E0E0;">
|
||||||
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #9BCEFD;"><strong><small>DISK</small></strong></div>
|
<div class="text-center" style="padding: 2px 0 2px 0; background-color: #9BCEFD;"><strong><small>储存硬盘</small></strong></div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="disk-percent">0</span>%<br /><small class="label">USED</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="disk-percent">0</span>%<br /><small class="label">占用率</small></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#9BCEFD;">
|
<div class="col-md-6 col-sm-6 col-xs-6" style="padding: 0; background-color:#9BCEFD;">
|
||||||
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="disk-free">0</span>GB<br /><small class="label">FREE</small></div>
|
<div class="text-center" style="padding: 10px 0 10px 0;"><span id="disk-free">0</span>GB<br /><small class="label">总容量</small></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -236,7 +237,7 @@ require_once(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'device.php');
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<hr style="margin: 20px 0 10px 0;" />
|
<hr style="margin: 20px 0 10px 0;" />
|
||||||
<p class="pull-left" style="font-size: 12px;">Powered by <a target="_blank" href="https://make.quwj.com/project/10"><strong>Pi Dashboard</strong></a> v<?php echo($D['version']) ?>, <a target="_blank" href="https://www.nxez.com">NXEZ.com</a> all rights reserved.
|
<p class="pull-left" style="font-size: 12px;">Powered by <a target="_blank" href="https://make.quwj.com/project/10"><strong>Pi Dashboard</strong></a> v<?php echo($D['version']) ?>, <a target="_blank" href="https://www.nxez.com">NXEZ.com</a> 版权所有.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue