midoks
/
mdserver-web
mirror of https://github.com/midoks/mdserver-web
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Simple Linux Panel
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 Commits
8 Branches
70 Tags
40 MiB
 
 
 
 
 
 
Tag: Branch: Tree: 7c93f65c96
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7c93f65c96'
${ noResults }
mdserver-web/templates/default/index.html

169 lines
9.3 KiB
Raw Blame History

{% extends "default/layout.html" %} {% block content %}
<div class="main-content">
<div class="container-fluid" style="padding-bottom: 66px;">
<div class="pos-box bgw mtb15">
<div class="position f14 c9 pull-left">
<a class="plr10 c4" href="/">首页</a>/<span class="plr10 c4">服务器状态</span>
</div>
<span class="pull-right f12 c6" style="line-height:42px; margin-right:15px">
版本信息 <span id="btversion" class="mr5" onclick="openLog()">0.0.1</span>
<span id="toUpdate"><a class="btlink" href="javascript:checkUpdate();">检查更新</a></span>
</span>
</div>
<div class="danger-tips">
<div class="alert alert-warning" id="messageError" style="display: none;background-color: #ffe0e0;border-color: #ffb0b0;color: #ff2020; margin-bottom:0"></div>
</div>
<div class="system-info bgw clearfix mtb15">
<div class="title c6 f16 plr15">
系统:<span id="info"> $data['lan']['S2']</span>&#12288;&#12288;&#12288;已不间断运行:<span id="running"> $data['lan']['S4']</span>
<button onclick="ReBoot()" class="btn btn-success btn-xs" style="vertical-align:1px;margin-left:10px;">重启服务器</button>
<button onclick="reWeb()" style="vertical-align:1px;" class="btn btn-success btn-xs">重启面板</button>
<button onclick="repPanel()" style="vertical-align:1px;" class="btn btn-success btn-xs">修复面板</button>
</div>
<div class="system-info-con mtb15">
<ul class="clearfix">
<li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
<div class="siteinfo-box b-shadown">
<h3 class="f14">网站</h3>
<div class="siteinfo-box-right">
<h4 class="c6">1个</h4>
<div class="sbr-btn">
<a href="/site">管理</a>|<a href="javascript:;" onclick="webAdd(0)">添加</a>
</div>
</div>
</div>
</li>
<li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
<div class="siteinfo-box b-shadown">
<h3 class="f14">FTP</h3>
<div class="siteinfo-box-right">
<h4 class="c6">1个</h4>
<div class="sbr-btn">
<a href="/ftp">管理</a>|<a href="javascript:;" onclick="ftpAdd(0)">添加</a>
</div>
</div>
</div>
</li>
<li class="sys-i-c-box col-xs-6 col-sm-4 col-md-4 col-lg-3 plr15">
<div class="siteinfo-box b-shadown">
<h3 class="f14">数据库</h3>
<div class="siteinfo-box-right">
<h4 class="c6">1个</h4>
<div class="sbr-btn">
<a href="/database">管理</a>|<a href="javascript:;" onclick="DataAdd(0)">添加</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="server bgw mtb15">
<div class="title c6 f16 plr15">
<h3 class="c6 f16 pull-left">服务器状态</h3>
<a class="pull-left f12 btlink" href="javascript:;" style="background:none;padding:0; margin-left:22px" onclick="GetNetWorkList()">连接管理</a>
<a class="pull-left f12 btlink" href="javascript:;" style="background:none;padding:0; margin-left:22px" onclick="GetProcessList()">进程管理</a>
</div>
<div class="server-circle">
<ul class="row" id="systemInfoList">
<li class="col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center" id="LoadList">
<h3 class="c5 f15">负载状态<a href="https://www.bt.cn/bbs/thread-11402-1-1.html" target="_blank" class="bt-ico-ask" style="cursor: pointer;">?</a></h3>
<div class="circle" style="cursor: pointer;">
<div class="pie_left">
<div class="left"></div>
</div>
<div class="pie_right">
<div class="right"></div>
</div>
<div class="mask"><span id="Load">0</span>%</div>
</div>
<h4 id="LoadState" class="c5 f15">获取中:</h4>
</li>
<li class="col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center">
<h3 class="c5 f15">CPU使用率</h3>
<div class="circle">
<div class="pie_left">
<div class="left"></div>
</div>
<div class="pie_right">
<div class="right"></div>
</div>
<div class="mask"><span id="state">0</span>%</div>
</div>
<h4 id="core" class="c5 f15">$data['lan']['S2']</h4>
</li>
<li class="col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center">
<h3 class="c5 f15">内存使用率</h3>
<div class="circle mem-release">
<div class="pie_left">
<div class="left"></div>
</div>
<div class="pie_right">
<div class="right"></div>
</div>
<div class="mask"><span id="left">0</span>%</div>
<div class="mem-re-min"></div>
<div class="mem-re-con" title="$data['lan']['P3']"></div>
</div>
<h4 id="memory" class="c5 f15">$data['lan']['S2']</h4>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
<div class="pr8">
<div class="bgw">
<div class="title c6 f16 plr15">软件</div>
<div class="setting-con" style="padding:0; height:442px; margin-right: -4px; overflow: hidden;">
<div class="container-fluid soft-man">
<input name="list1SortOrder" type="hidden" value="" />
<div id="indexsoft" class="row"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 pull-left pd0">
<div class="pl7">
<div class="bgw" style="height:491px">
<div class="title c6 f16 plr15">网络流量</div>
<div class="bw-info">
<ul>
<li class="bi-line col-xs-6 col-sm-6 col-md-6 pull-left c6 f14"><span class="pull-left">上行</span><a id="upSpeed" class="c6">$data['lan']['S2']</a></li>
<li class="bi-line col-xs-6 col-sm-6 col-md-6 pull-left c6 f14"><span class="pull-left">下行</span><a id="downSpeed" class="c6">$data['lan']['S2']</a></li>
<li class="pull-left col-xs-6 col-sm-6 col-md-6 c6 f14"><span class="pull-left">总发送</span><a id="upAll" title="" class="c6">$data['lan']['S2']</a></li>
<li class="pull-left col-xs-6 col-sm-6 col-md-6 c6 f14"><span class="pull-left">总接收</span><a id="downAll" title="" class="c6">$data['lan']['S2']</a></li>
</ul>
</div>
<div id="NetImg" style="width:100%;height:330px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
setCookie('serverType', '$web.ctx.session.webserver');
var serverType = getCookie('serverType');
</script>
<script type="text/javascript" src="/static/js/echarts.min.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/site.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/ftp.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/data.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/jquery.dragsort-0.5.2.min.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/soft.js?v={{config.version}}"></script>
<script type="text/javascript" src="/static/js/index.js?v={{config.version}}"></script>
<script type="text/javascript">
setTimeout(function() {
GetDiskInfo();
}, 500)
setTimeout(function() {
indexsoft();
}, 1000);
setTimeout(function() {
getInfo();
}, 1500);
</script>
{% endblock %}