mirror of
https://github.com/JamesonHuang/OpenWrt_Luci_Lua.git
synced 2024-11-24 06:10:11 +00:00
232 lines
8.4 KiB
HTML
232 lines
8.4 KiB
HTML
<%
|
||
local XQVersion = require("xiaoqiang.XQVersion")
|
||
local XQSysUtil = require ("xiaoqiang.util.XQSysUtil")
|
||
local XQLanWanUtil = require("xiaoqiang.util.XQLanWanUtil")
|
||
local ver = XQVersion.webVersion
|
||
local monitor = XQLanWanUtil.getWanMonitorStat()
|
||
local pcClient = XQVersion.pcClientServer
|
||
local macClient = XQVersion.macClientServer
|
||
local androidClient = XQVersion.androidClientServer
|
||
if monitor.WANLINKSTAT ~= "UP" then
|
||
pcClient = XQVersion.pcClientRouter
|
||
macClient = XQVersion.macClientRouter
|
||
androidClient = XQVersion.androidClientRouter
|
||
end
|
||
|
||
local remote_addr = luci.http.getenv("REMOTE_ADDR")
|
||
local mac = luci.sys.net.ip4mac(remote_addr)
|
||
|
||
-- URL ENV SWTICH
|
||
local XQConfigs = require "xiaoqiang.common.XQConfigs"
|
||
local pspBaseUrl
|
||
local xmServerUrl
|
||
if XQConfigs.SERVER_CONFIG == 0 then
|
||
pspBaseUrl = XQConfigs.PASSPORT_CONFIG_ONLINE_URL
|
||
xmServerUrl = XQConfigs.XQ_SERVER_ONLINE_API_URL
|
||
elseif XQConfigs.SERVER_CONFIG == 1 then
|
||
pspBaseUrl = XQConfigs.PASSPORT_CONFIG_PREVIEW_URL
|
||
xmServerUrl = XQConfigs.XQ_SERVER_STAGING_API_URL
|
||
end
|
||
%>
|
||
<!--[if lt IE 7]>
|
||
<script>
|
||
try{ document.execCommand("BackgroundImageCache",false,true);} catch(e){}
|
||
</script>
|
||
<![endif]-->
|
||
<link rel="stylesheet" href="<%=resource%>/web/css/dialog.css?v=<%=ver%>">
|
||
<div id="panelClientdld" class="panel-client-dld" style="display:none; z-index:101;">
|
||
<ul class="clearfix">
|
||
<li class="first">
|
||
<a href="<%=pcClient%>">
|
||
<img src="<%=resource%>/web/img/v2/pic_client_pc.png" alt="">
|
||
<span>PC版</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<%=macClient%>">
|
||
<img src="<%=resource%>/web/img/v2/pic_client_mac.png" alt="">
|
||
<span>Mac版</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="<%=androidClient%>">
|
||
<img src="<%=resource%>/web/img/v2/pic_client_ad.png" alt="">
|
||
<span>Android</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="dur"></div>
|
||
</div>
|
||
<div id="downloadMask" style="display:none; position:absolute; left:0; top:0; z-index:100;"></div>
|
||
<script type="tmpl/html" id="xiaomibind">
|
||
<div class="mod-panel-bind">
|
||
<form action="/" class="form form-horizontal from-xiaomibind" method="post" name="xiaomipsp" id="xiaomipsp">
|
||
<div class="item">
|
||
<label class="k">小米账号：</label>
|
||
<span class="v"><input type="text" name="uuid" id="xmuuid" class="text input-large" placeholder="请输入手机号码/邮箱/小米ID"></span>
|
||
<em class="t"></em>
|
||
</div>
|
||
<div class="item">
|
||
<label class="k">密 码：</label>
|
||
<span class="v"><input type="password" name="password" id="xmpassword" class="text input-large" placeholder="请输入密码"></span>
|
||
<em class="t"></em>
|
||
</div>
|
||
<div class="item item-control item-rsp-err" style="display:none;"><em class="t"></em></div>
|
||
<div class="item item-control">
|
||
<button type="submit" id="btnBindXiaomi" class="btn btn-primary l"><span>登录并绑定</span></button>
|
||
<a target="_blank" href="https://account.xiaomi.com/pass/forgetPassword" class="r">忘记密码？</a>
|
||
</div>
|
||
</form>
|
||
<div class="reg">
|
||
<h3>为什么要绑定小米账号?</h3>
|
||
<ul>
|
||
<li>可以随时远程查看、管理路由器</li>
|
||
<li>不开电脑也能下载电影</li>
|
||
<li>支持更多插件的安装</li>
|
||
</ul>
|
||
<p>没有小米账号？<a href="https://account.xiaomi.com/pass/register" target="_blank">立即创建一个</a></p>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script>
|
||
var global_static_url = '<%=resource%>';
|
||
</script>
|
||
<script src="<%=resource%>/web/js/common.js?v=<%=ver%>"></script>
|
||
<script src="<%=resource%>/web/js/md5.js?v=<%=ver%>"></script>
|
||
<script src="<%=resource%>/web/js/base64.js?v=<%=ver%>"></script>
|
||
<script src="/js/crypto-js/rollups/sha1.js?v=<%=ver%>"></script>
|
||
<script src="/js/crypto-js/rollups/aes.js?v=<%=ver%>"></script>
|
||
<script>
|
||
//检测ajax登录是否失效
|
||
$(global_event).trigger('needLogin');
|
||
global_event.pspBaseUrl = '<%=pspBaseUrl%>';
|
||
global_event.xmServerUrl = '<%=xmServerUrl%>';
|
||
global_event.crypto = {
|
||
key: 'a2ffa5c9be07488bbb04a3a47d3c5f6a',
|
||
iv: '64175472480004614961023454661220',
|
||
nonce: null,
|
||
init: function(){
|
||
var nonce = this.nonceCreat();
|
||
this.nonce = nonce;
|
||
},
|
||
nonceCreat: function(){
|
||
var type = 0;
|
||
var deviceId = '<%=mac%>';
|
||
var time = Math.floor(new Date().getTime() / 1000);
|
||
var random = Math.floor(Math.random() * 10000);
|
||
return [type, deviceId, time, random].join('_');
|
||
},
|
||
oldPwd : function(pwd){
|
||
return CryptoJS.SHA1(this.nonce + CryptoJS.SHA1(pwd + this.key).toString()).toString();
|
||
},
|
||
newPwd: function(pwd, newpwd){
|
||
var key = CryptoJS.SHA1(pwd + this.key).toString();
|
||
key = CryptoJS.enc.Hex.parse(key).toString();
|
||
key = key.substr(0, 32);
|
||
key = CryptoJS.enc.Hex.parse(key);
|
||
var password = CryptoJS.SHA1(newpwd + this.key).toString();
|
||
var iv = CryptoJS.enc.Hex.parse(this.iv);
|
||
var aes = CryptoJS.AES.encrypt(
|
||
password,
|
||
key,
|
||
{iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }
|
||
).toString();
|
||
return aes;
|
||
}
|
||
};
|
||
|
||
$(global_event).on('downloadclient', function(evt, data){
|
||
|
||
var ModelClientDownload = (function(){
|
||
var base,
|
||
baseWidth,
|
||
basePos,
|
||
target = $('#panelClientdld'),
|
||
targetDur = target.find('.dur'),
|
||
targetWidth,
|
||
targetDurWidth,
|
||
docWidth,
|
||
targetLeft,
|
||
targetDurLeft,
|
||
timer;
|
||
if (target.length == 0) {
|
||
return;
|
||
}
|
||
|
||
var position = function(){
|
||
baseWidth = base.outerWidth();
|
||
basePos = base.offset();
|
||
targetWidth = target.outerWidth();
|
||
targetDurWidth = targetDur.outerWidth();
|
||
docWidth = $(window).width();
|
||
|
||
targetLeft = basePos.left + baseWidth/2 - targetWidth/2;
|
||
|
||
if (targetLeft + targetWidth > docWidth) {
|
||
targetLeft = docWidth - targetWidth - 10;
|
||
}
|
||
target.css({left: targetLeft});
|
||
targetDurLeft = basePos.left + baseWidth/2 - targetDurWidth/2 - targetLeft;
|
||
targetDur.css({left: targetDurLeft});
|
||
},
|
||
init = function(el){
|
||
base = el || $('#downloadclient');
|
||
position();
|
||
$(window).resize(function(){
|
||
window.clearTimeout(timer);
|
||
timer = window.setTimeout(function(){
|
||
position();
|
||
}, 400);
|
||
});
|
||
$('#downloadMask').on('click', function(e){
|
||
e.preventDefault();
|
||
$(this).hide();
|
||
target.hide();
|
||
});
|
||
},
|
||
show = function(){
|
||
maskShow();
|
||
target.show();
|
||
},
|
||
maskShow = function(){
|
||
$('#downloadMask').css({
|
||
width: '100%',
|
||
height: $(window).height()
|
||
}).show();
|
||
},
|
||
hide = function(){
|
||
target.hide();
|
||
window.clearTimeout(timer);
|
||
},
|
||
isopen = function(){
|
||
return target[0].style.display != 'none';
|
||
};
|
||
|
||
return {
|
||
init: init,
|
||
update: position,
|
||
show: show,
|
||
hide: hide,
|
||
isopen: isopen
|
||
}
|
||
})();
|
||
|
||
$('body').delegate('#downloadclient', 'click', function(e){
|
||
e.preventDefault();
|
||
if (navigator.userAgent.match(/Android/i)) {
|
||
location.href = '<%=androidClient%>';
|
||
return;
|
||
}
|
||
var $this = $(this),
|
||
panel = ModelClientDownload;
|
||
panel.init($this);
|
||
if (panel.isopen()) {
|
||
panel.hide();
|
||
}else{
|
||
panel.show();
|
||
}
|
||
});
|
||
});
|
||
$(global_event).trigger('downloadclient');
|
||
</script>
|