mirror of
https://github.com/JamesonHuang/OpenWrt_Luci_Lua.git
synced 2024-11-24 06:10:11 +00:00
166 lines
6.3 KiB
HTML
166 lines
6.3 KiB
HTML
|
<%
|
|||
|
|
--[[
|
|||
|
|
Info Developer
|
|||
|
|
]]--
|
|||
|
|
local ver = require("xiaoqiang.XQVersion").webVersion
|
|||
|
|
%>
|
|||
|
|
<%include('web/inc/head')%>
|
|||
|
|
<title>小米路由器</title>
|
|||
|
|
<link rel="stylesheet" href="<%=resource%>/web/css/page.set.default.css?v=<%=ver%>"/>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!-- upgread -->
|
|||
|
|
<div class="mod-setting-panel">
|
|||
|
|
<div class="hd">
|
|||
|
|
<h3>开发者选项</h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="bd">
|
|||
|
|
<div class="mod-set-developer form form-horizontal">
|
|||
|
|
<div class="item">
|
|||
|
|
<label for="pwd" class="k">插件开发环境：</label>
|
|||
|
|
<span class="v"><a href="#" data-order="1" class="btn-offon btn-off" id="btndeveloper"></a></span>
|
|||
|
|
<em class="t"></em>
|
|||
|
|
</div>
|
|||
|
|
<form action="<%=luci.dispatcher.build_url("api", "xqdatacenter", "plugin_ssh")%>" class="form form-horizontal" method="post" name="developer" id="developer" hidden='hidden'>
|
|||
|
|
<div class="item">
|
|||
|
|
<label for="pwd" class="k">插件ID：</label>
|
|||
|
|
<span class="v"><input type="text" name="pluginID" id="pluginID" class="text input-large"></span>
|
|||
|
|
<em class="t"></em>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item-control" id="capabilitylist">
|
|||
|
|
</div>
|
|||
|
|
<div class="item item-control">
|
|||
|
|
<button type="submit" id="btnSave" class="btn btn-primary btn-large"><span>保存</span></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
<div class="info">
|
|||
|
|
<p>通过SSH工具，输入ssh plugin@miwifi.com -p 2222 登录路由器，默认登录密码admin(登录后可通过passwd修改密码)</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script type="tmpl/html" id="capability">
|
|||
|
|
<div class="item item-check-control">
|
|||
|
|
<label class="js-checkbox">
|
|||
|
|
<span class="input-checkbox {if($enable == 1)}input-checkbox-checked{/if}">
|
|||
|
|
<input name="capabilityitem" value={$key} type="checkbox" {if($enable == 1)}checked{/if} >
|
|||
|
|
</span> {$description}
|
|||
|
|
</label>
|
|||
|
|
</div>
|
|||
|
|
</script>
|
|||
|
|
<%include('web/inc/g.js.base')%>
|
|||
|
|
<script>
|
|||
|
|
var modelDeveloper = (function(){
|
|||
|
|
function developerInfo(){
|
|||
|
|
$.getJSON('<%=luci.dispatcher.build_url("api", "xqdatacenter", "plugin_ssh_status")%>', {}, function(rsp){
|
|||
|
|
var btndeveloper = $('#btndeveloper')[0],
|
|||
|
|
developer = $('#developer');
|
|||
|
|
if (rsp.code == 0) {
|
|||
|
|
if (rsp.enable == 0) {
|
|||
|
|
btndeveloper.className = 'btn-offon btn-off';
|
|||
|
|
developer.hide();
|
|||
|
|
}else{
|
|||
|
|
btndeveloper.className = 'btn-offon btn-on';
|
|||
|
|
$('#pluginID').val(rsp.pluginID);
|
|||
|
|
developer.show();
|
|||
|
|
}
|
|||
|
|
var tpl = $('#capability').html(),
|
|||
|
|
capabilitys = rsp.capability,
|
|||
|
|
capabilityarray = [],
|
|||
|
|
tbody = $('#capabilitylist');
|
|||
|
|
for (var i = 0; i < capabilitys.length; i++) {
|
|||
|
|
var tpldata = {
|
|||
|
|
key : capabilitys[i].key,
|
|||
|
|
enable : capabilitys[i].enable,
|
|||
|
|
description : capabilitys[i].description
|
|||
|
|
};
|
|||
|
|
capabilityarray.push( tpl.tmpl(tpldata) );
|
|||
|
|
}
|
|||
|
|
tbody.html( capabilityarray.join('') );
|
|||
|
|
} else {
|
|||
|
|
btndeveloper.className = 'btn-offon btn-off';
|
|||
|
|
developer.hide();
|
|||
|
|
$.lightalert().setContent(rsp.msg).show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function developerSwitch(){
|
|||
|
|
var btndeveloper = $('#btndeveloper');
|
|||
|
|
var developer = $('#developer');
|
|||
|
|
btndeveloper.on('click', function(e){
|
|||
|
|
e.preventDefault();
|
|||
|
|
var st = $(this).hasClass('btn-on') ? 0 : 1,
|
|||
|
|
btn = this;
|
|||
|
|
if (st == 0) {
|
|||
|
|
$.getJSON('<%=luci.dispatcher.build_url("api", "xqdatacenter", "plugin_ssh")%>', {'open': 0}, function(rsp){
|
|||
|
|
if (rsp.code == 0) {
|
|||
|
|
btndeveloper[0].className = 'btn-offon btn-off';
|
|||
|
|
developer.hide();
|
|||
|
|
window.location.reload();
|
|||
|
|
} else {
|
|||
|
|
$.lightalert().setContent(rsp.msg).show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
btndeveloper[0].className = 'btn-offon btn-on';
|
|||
|
|
developer.show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function developerSet(){
|
|||
|
|
$('#developer').on('submit', function(e){
|
|||
|
|
e.preventDefault();
|
|||
|
|
var capabilityarray = [],
|
|||
|
|
capabilitystr;
|
|||
|
|
$('input[name=capabilityitem]').each(function(){
|
|||
|
|
if (this.checked) {
|
|||
|
|
capabilityarray.push(this.value);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
capabilitystr = capabilityarray.join(',');
|
|||
|
|
var url = this.action,
|
|||
|
|
method = this.method,
|
|||
|
|
param = $(this).serialize(),
|
|||
|
|
formName = this.name,
|
|||
|
|
validator = FormValidator.checkAll(formName, [{
|
|||
|
|
name: 'pluginID',
|
|||
|
|
display :'插件ID:',
|
|||
|
|
rules: 'required',
|
|||
|
|
}]);
|
|||
|
|
if (validator) {
|
|||
|
|
var btndeveloper = $('#btndeveloper');
|
|||
|
|
var st = btndeveloper.hasClass('btn-on') ? 1 : 0;
|
|||
|
|
$('#btnSave').prop('disabled', true).find('span').text('保存中...');
|
|||
|
|
param = param + '&capability=' + capabilitystr + '&open=' + st;
|
|||
|
|
$.ajax({
|
|||
|
|
url: url,
|
|||
|
|
type: method,
|
|||
|
|
data: param,
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function(rsp){
|
|||
|
|
var msg;
|
|||
|
|
if (rsp.code == 0) {
|
|||
|
|
msg = '设置成功。';
|
|||
|
|
}else{
|
|||
|
|
msg = rsp.msg;
|
|||
|
|
}
|
|||
|
|
$.lightalert().setContent(msg).show();
|
|||
|
|
$('#btnSave').prop('disabled', false).find('span').text('保存');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
init : function(){
|
|||
|
|
developerInfo();
|
|||
|
|
developerSwitch();
|
|||
|
|
developerSet();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}());
|
|||
|
|
$(function(){
|
|||
|
|
modelDeveloper.init();
|
|||
|
|
});
|
|||
|
|
</script>
|