simon/AriaNg
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

modify user interface of rpc setting page

Browse source
This commit is contained in:
MaysWind 2017-03-26 13:25:04 +08:00
parent 97be955a25
commit f3899e93a0
4 changed files with 30 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/langs/zh_CN.txt
View file

@ -127,14 +127,11 @@ Example: ${downspeed:noprefix:nosuffix:scale\=1}=示例: ${downspeed:noprefix:no
Page Title Refresh Interval=页面标题刷新间隔 Page Title Refresh Interval=页面标题刷新间隔
Enable Browser Notification=启用浏览器通知 Enable Browser Notification=启用浏览器通知
Aria2 RPC Alias=Aria2 RPC 别名 Aria2 RPC Alias=Aria2 RPC 别名
Aria2 RPC Host=Aria2 RPC 主机 Aria2 RPC Address=Aria2 RPC 地址
Aria2 RPC Port=Aria2 RPC 端口
Aria2 RPC Interface=Aria2 RPC 接口
Aria2 RPC Protocol=Aria2 RPC 协议 Aria2 RPC Protocol=Aria2 RPC 协议
Aria2 RPC Http Request Method=Aria2 RPC Http 请求方法 Aria2 RPC Http Request Method=Aria2 RPC Http 请求方法
POST method only supports aria2 v1.15.2 and above.=POST 方法仅支持 aria2 v1.15.2 及以上. POST method only supports aria2 v1.15.2 and above.=POST 方法仅支持 aria2 v1.15.2 及以上.
Aria2 RPC Secret Token=Aria2 RPC 密钥 Aria2 RPC Secret Token=Aria2 RPC 密钥
Aria2 RPC Address=Aria2 RPC 地址
Set Default=设为默认 Set Default=设为默认
Delete RPC Setting=删除 RPC 设置 Delete RPC Setting=删除 RPC 设置
Add New RPC Setting=添加新 RPC 配置 Add New RPC Setting=添加新 RPC 配置

5
src/scripts/config/defaultLanguage.js
View file

@ -131,14 +131,11 @@
'Page Title Refresh Interval': 'Page Title Refresh Interval', 'Page Title Refresh Interval': 'Page Title Refresh Interval',
'Enable Browser Notification': 'Enable Browser Notification', 'Enable Browser Notification': 'Enable Browser Notification',
'Aria2 RPC Alias': 'Aria2 RPC Alias', 'Aria2 RPC Alias': 'Aria2 RPC Alias',
'Aria2 RPC Host': 'Aria2 RPC Host', 'Aria2 RPC Address': 'Aria2 RPC Address',
'Aria2 RPC Port': 'Aria2 RPC Port',
'Aria2 RPC Interface': 'Aria2 RPC Interface',
'Aria2 RPC Protocol': 'Aria2 RPC Protocol', 'Aria2 RPC Protocol': 'Aria2 RPC Protocol',
'Aria2 RPC Http Request Method': 'Aria2 RPC Http Request Method', 'Aria2 RPC Http Request Method': 'Aria2 RPC Http Request Method',
'POST method only supports aria2 v1.15.2 and above.': 'POST method only supports aria2 v1.15.2 and above.', 'POST method only supports aria2 v1.15.2 and above.': 'POST method only supports aria2 v1.15.2 and above.',
'Aria2 RPC Secret Token': 'Aria2 RPC Secret Token', 'Aria2 RPC Secret Token': 'Aria2 RPC Secret Token',
'Aria2 RPC Address': 'Aria2 RPC Address',
'Set Default': 'Set Default', 'Set Default': 'Set Default',
'Delete RPC Setting': 'Delete RPC Setting', 'Delete RPC Setting': 'Delete RPC Setting',
'Add New RPC Setting': 'Add New RPC Setting', 'Add New RPC Setting': 'Add New RPC Setting',

18
src/styles/controls/settings-table.css
View file

@ -68,6 +68,24 @@
z-index: inherit; z-index: inherit;
} }
.settings-table .setting-value .input-group .form-control-rpcport {
min-width: 70px;
}
.settings-table .setting-value .input-group .form-control-rpcinterface {
min-width: 100px;
}
@media (max-width: 991px) {
.settings-table .setting-value .input-group .form-control-rpcport {
min-width: 60px;
}
.settings-table .setting-value .input-group .form-control-rpcinterface {
min-width: 60px;
}
}
.settings-table .tip { .settings-table .tip {
font-size: 12px; font-size: 12px;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;

34
src/views/settings-ariang.html
View file

@ -6,7 +6,7 @@
</li> </li>
<li class="nav-tab-title-rpcname" ng-repeat="setting in context.rpcSettings" ng-class="{'active': isCurrentRpcTab($index)}"> <li class="nav-tab-title-rpcname" ng-repeat="setting in context.rpcSettings" ng-class="{'active': isCurrentRpcTab($index)}">
<a class="pointer-cursor" ng-click="changeRpcTab($index)"> <a class="pointer-cursor" ng-click="changeRpcTab($index)">
<span class="nav-tab-rpcname" ng-bind="'RPC' + (setting.rpcAlias || setting.rpcHost ? '(' + (setting.rpcAlias ? setting.rpcAlias : setting.rpcHost + ':' + setting.rpcPort) + ')' : '')" title="{{(setting.rpcAlias ? setting.rpcAlias : setting.rpcHost + ':' + setting.rpcPort)}}">RPC</span> <span class="nav-tab-rpcname" ng-bind="'RPC' + (setting.rpcAlias || setting.rpcHost ? ' (' + (setting.rpcAlias ? setting.rpcAlias : setting.rpcHost + ':' + setting.rpcPort) + ')' : '')" title="{{(setting.rpcAlias ? setting.rpcAlias : setting.rpcHost + ':' + setting.rpcPort)}}">RPC</span>
</a> </a>
<a class="pointer-cursor nav-tab-close" ng-if="!setting.isDefault" title="{{'Delete RPC Setting' | translate}}"> <a class="pointer-cursor nav-tab-close" ng-if="!setting.isDefault" title="{{'Delete RPC Setting' | translate}}">
<i class="fa fa-times" ng-click="removeRpcSetting(setting)"></i> <i class="fa fa-times" ng-click="removeRpcSetting(setting)"></i>
@ -134,38 +134,24 @@
</div> </div>
<div class="row"> <div class="row">
<div class="setting-key setting-key-without-desc col-sm-4"> <div class="setting-key setting-key-without-desc col-sm-4">
<span translate>Aria2 RPC Host</span> <span translate>Aria2 RPC Address</span>
<span class="asterisk">*</span> <span class="asterisk">*</span>
</div> </div>
<div class="setting-value col-sm-8"> <div class="setting-value col-sm-8">
<div class="input-group input-group-multiple"> <div class="input-group input-group-multiple">
<span class="input-group-addon" ng-bind="setting.protocol + '://'"></span> <span class="input-group-addon" ng-bind="setting.protocol + '://'"></span>
<input class="form-control" type="text" ng-model="setting.rpcHost" ng-change="updateRpcSetting(setting, 'rpcHost')"/> <input class="form-control" type="text" ng-model="setting.rpcHost" ng-change="updateRpcSetting(setting, 'rpcHost')"/>
<span class="input-group-addon" style="border-left: 0">:</span> <span class="input-group-addon">:</span>
<span class="input-group-addon" ng-bind="setting.rpcPort" style="border-left: 0"></span> <div class="input-grougp-addon-container">
<span class="input-group-addon" style="border-left: 0">/</span> <input class="form-control form-control-rpcport" type="text" ng-model="setting.rpcPort" ng-change="updateRpcSetting(setting, 'rpcPort')"/>
<span class="input-group-addon" ng-if="setting.rpcInterface" ng-bind="setting.rpcInterface"></span> </div>
<span class="input-group-addon">/</span>
<div class="input-grougp-addon-container">
<input class="form-control form-control-rpcinterface" type="text" ng-model="setting.rpcInterface" ng-change="updateRpcSetting(setting, 'rpcInterface')"/>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="setting-key setting-key-without-desc col-sm-4">
<span translate>Aria2 RPC Port</span>
<span class="asterisk">*</span>
</div>
<div class="setting-value col-sm-8">
<input class="form-control" type="text" ng-model="setting.rpcPort" ng-change="updateRpcSetting(setting, 'rpcPort')"/>
</div>
</div>
<div class="row">
<div class="setting-key setting-key-without-desc col-sm-4">
<span translate>Aria2 RPC Interface</span>
<span class="asterisk">*</span>
</div>
<div class="setting-value col-sm-8">
<input class="form-control" type="text" ng-model="setting.rpcInterface" ng-change="updateRpcSetting(setting, 'rpcInterface')"/>
</div>
</div>
<div class="row"> <div class="row">
<div class="setting-key setting-key-without-desc col-sm-4"> <div class="setting-key setting-key-without-desc col-sm-4">
<span translate>Aria2 RPC Protocol</span> <span translate>Aria2 RPC Protocol</span>