74 lines
2.8 KiB
HTML
74 lines
2.8 KiB
HTML
<%
|
|
local util = require "luci.util"
|
|
local container_status = util.trim(util.exec("/usr/libexec/istorec/bmtedge.sh status"))
|
|
local container_install = (string.len(container_status) > 0)
|
|
local container_running = container_status == "running"
|
|
local uci = require "luci.model.uci".cursor()
|
|
local uid = uci:get_first("bmtedge", "bmtedge", "uid", "")
|
|
-%>
|
|
<div class="cbi-value">
|
|
<label class="cbi-value-title"><%:Status%></label>
|
|
<div class="cbi-value-field">
|
|
<% if container_running then %>
|
|
<button class="cbi-button cbi-button-success" id="btnShowQr"><%:Running, click to show QR%></button>
|
|
<% else %>
|
|
<button class="cbi-button cbi-button-negative" disabled="true"><%:BlueMountain Edge is not running%></button>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="cbi-value" id="winContainer" style="display: none">
|
|
<label class="cbi-value-title"></label>
|
|
<div class="cbi-value-field">
|
|
<div style="display: flex;flex-direction: column;align-items: center; width:276px; background-color: white;">
|
|
<div style="
|
|
width: 256px;
|
|
height: 256px;
|
|
margin: 10px;
|
|
">
|
|
<div id="qrimage" >
|
|
</div>
|
|
<div id="weapp" style="display: none">
|
|
<img src="/luci-static/bmtedge/weapp.jpg" alt="小程序码" style="
|
|
width: 256px;
|
|
height: 256px;
|
|
">
|
|
</div>
|
|
</div>
|
|
<h6>用<a id="btnShowWeapp" href="javascript:void(0);">“蓝山云”小程序</a>扫码，请查看：<a href="https://doc.linkease.com/zh/guide/istoreos/software/bmtedge.html" target="_blank">教程</a></h6>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/luci-static/bmtedge/qrcode.min.js"></script>
|
|
|
|
<script>
|
|
(function() {
|
|
'use strict';
|
|
var shown = false;
|
|
var tryShowQr = function() {
|
|
if (shown) {
|
|
return;
|
|
}
|
|
shown = true;
|
|
new QRCode(document.getElementById("qrimage"), "lsyK18000_"+"<%=uid%>");
|
|
document.getElementById("winContainer").style.removeProperty('display');
|
|
};
|
|
|
|
document.getElementById("btnShowQr").addEventListener("click", function(e){
|
|
e.preventDefault();
|
|
tryShowQr();
|
|
});
|
|
document.getElementById("btnShowWeapp").addEventListener("mouseenter", function(e){
|
|
e.preventDefault();
|
|
document.getElementById("qrimage").style.display='none';
|
|
document.getElementById("weapp").style.removeProperty('display');
|
|
});
|
|
document.getElementById("btnShowWeapp").addEventListener("mouseleave", function(e){
|
|
e.preventDefault();
|
|
document.getElementById("weapp").style.display='none';
|
|
document.getElementById("qrimage").style.removeProperty('display');
|
|
});
|
|
})();
|
|
|
|
</script>
|