MCSManager/public/template/component/tmep.html
2017-11-17 12:36:50 +08:00

134 lines
4.8 KiB
HTML

<div id='ServerPanel' class="OneContainer">
<div class="row">
<div class="col-md-2">
<div class="Panel">
<div class="PanelTitle">xxxxx</div>
<div class="PanelBody">
<!--右侧-->
<div class="row">
<div class="col-md-12">
<div class="PanelItem">标识符: {{ name }}</div>
<div class="PanelItem">创建时间: {{ createDate }}</div>
<div class="PanelItem color-green" v-if="run">状况: 正在运行</div>
<div class="PanelItem color-red" v-else="run">状况: 未运行</div>
<div class="PanelItem">最后启动: {{ lastDate }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10">
<div class="Panel">
<div class="PanelTitle">xxxxx</div>
<div class="PanelBody">
<!--left侧-->
<div class="row">
<div class="col-md-6">
<div class="input-group input-group-sm">
<span class="input-group-addon">服务器唯一标识名</span>
<input type="text" class="form-control" v-model="name" placeholder="<未设定>">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon">Java 路径</span>
<input type="text" class="form-control" v-model="java" placeholder="<未设定>">
</div>
<p>以 {{ cwd }} 作为服务端根目录</p>
<div class="input-group input-group-sm">
<span class="input-group-addon"> 服务端文件名 </span>
<input type="text" class="form-control" v-model="jarName" placeholder="<未设定>">
</div>
</div>
<div class="col-md-6">
<div class="input-group input-group-sm">
<span class="input-group-addon">启动附加参数</span>
<input type="text" class="form-control" v-model="addCmd" placeholder="<无>">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon">服务器根目录</span>
<input type="text" class="form-control" v-model="cwd">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon"> 最大内存堆 </span>
<input type="text" class="form-control" v-model="Xmx" placeholder="<自动>">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon"> 初始内存堆 </span>
<input type="text" class="form-control" v-model="Xms" placeholder="<自动>">
</div>
</div>
</div>
<!--底部-->
<div class="row">
<div class="col-lg-12">
<p>完全自定义启动参数 (针对特殊需求)</p>
<ul class="ulInfo">
<li>仅限于一行,各个参数之间使用 空格分割</li>
<li>必须添加 -Djline.terminal=jline.UnsupportedTerminal 参数在 -jar 之前</li>
<li>一旦使用这个,将会忽略您上面所设置的所有选项</li>
</ul>
<div class="input-group input-group-sm">
<span class="input-group-addon"> 自定义参数 </span>
<input type="text" class="form-control" v-model="highCommande" placeholder="<尚未使用>">
</div>
</div>
<br />
</div>
<div class="row">
<div class="col-lg-12">
<p>普通用户无权修改任何服务器的启动参数,仅仅可修改 Minecraft 相关配置。</p>
<div class="Line"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="" style="float: right;margin-top: 20px;">
<button class="btn btn-info" v-on:click="toConsole(name)">前往此服务器的控制台</button>
<button class="btn btn-success" v-on:click="toRebulider()">更改配置</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
MI.rListener('onload', function() {
console.log('页面开始')
VIEW_MODEL.newVue('ServerPanel', {
el: '#ServerPanel',
data: {
oldServerName : '',
highCommande : ''
},
methods: {
toConsole: function(serverName) {
RES.redirectPage('./template/component/console.html', 'server/console', this.oldServerName );
},
toRebulider: function() {
var addCmdList = this.addCmd.split(' ');
var obj = {
addCmd: addCmdList,
serverName: this.name,
jarName: this.jarName,
cwd: this.cwd,
Xmx: this.Xmx,
Xms: this.Xms,
java: this.java,
oldServerName : this.oldServerName
};
WS.sendMsg('server/rebulider', JSON.stringify(obj));
setTimeout(function(){RES.redirectPage('./template/server.html','server/view');},100);
}
},
});
VIEW_MODEL['ServerPanel'].addCmd = VIEW_MODEL['ServerPanel'].addCmd.toString().replace(/,/gim, ' ');
VIEW_MODEL['ServerPanel'].oldServerName = VIEW_MODEL['ServerPanel'].name + " ";
});
MI.rListener('onend', function() {
console.log('页面关闭')
});
</script>