新增前端自定义参数

This commit is contained in:
suwings 2017-11-17 12:36:50 +08:00
parent c3e96eff44
commit eb77e3d169
4 changed files with 207 additions and 24 deletions

View File

@ -51,5 +51,14 @@
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
<filter>
<id>1510878182053</id>
<name></name>
<type>26</type>
<matcher>
<id>org.eclipse.ui.ide.multiFilter</id>
<arguments>1.0-name-matches-false-false-node_modules</arguments>
</matcher>
</filter>
</filteredResources>
</projectDescription>

View File

@ -252,3 +252,12 @@ a,input{outline:none;}
}
.font-size-12{font-size: 12px;}
.font-size-10{font-size: 10px;}
.font-size-14{font-size: 14px;}
.ulInfo li{
font-size: 11px;
margin-left: -20px;
}

View File

@ -1,38 +1,47 @@
<div id='ServerPanel' class="OneContainer">
<div class="row">
<div class="col-md-12 ">
<div class="Panel PanelBlue">
<div class="PanelTitle">Minecraft 服务器控制面板与资料</div>
<div class="PanelBody">
<div class="row" style="padding-top: 30px;padding-bottom: 30px;">
<div class="col-md-3">
<div class="PanelItem">服务器名字: {{ name }}</div>
<div class="Panel">
<div class="PanelTitle">服务器信息</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" v-if="run">当前状况: 正在运行</div>
<div class="PanelItem" v-else="run">当前状况: 未运行</div>
<div class="PanelItem">最后一次启动时间: {{ lastDate }}</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 class="col-md-4">
</div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="Panel">
<div class="PanelTitle">基本参数</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">
<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">
<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">
<input type="text" class="form-control" v-model="jarName" placeholder="<未设定>">
</div>
</div>
<div class="col-md-5">
<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">
<input type="text" class="form-control" v-model="addCmd" placeholder="<无>">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon">服务器根目录</span>
@ -40,14 +49,35 @@
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon"> 最大内存堆 </span>
<input type="text" class="form-control" v-model="Xmx">
<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">
<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>
</div>
<!--底部-->
<div class="Panel">
<div class="PanelTitle">保存与更新</div>
<div class="PanelBody">
<div class="row">
<div class="col-lg-12">
<p>普通用户无权修改任何服务器的启动参数,仅仅可修改 Minecraft 相关配置。</p>
@ -57,9 +87,8 @@
<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>
<button class="btn btn-primary" v-on:click="toConsole(name)">控制面板</button>
<button class="btn btn-success" v-on:click="toRebulider()">更新设置</button>
</div>
</div>
</div>
@ -68,13 +97,15 @@
</div>
</div>
</div>
<script>
MI.rListener('onload', function() {
console.log('页面开始')
VIEW_MODEL.newVue('ServerPanel', {
el: '#ServerPanel',
data: {
oldServerName : ''
oldServerName : '',
highCommande : ''
},
methods: {
toConsole: function(serverName) {

View File

@ -0,0 +1,134 @@
<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>