Welcome: 中文名+状态翻译, 退出改为小字链接
This commit is contained in:
22
welcome.html
22
welcome.html
@ -79,7 +79,9 @@ input:focus { border-color: #1371FF; }
|
||||
</div>
|
||||
<div id="dev-list" style="max-height:300px;overflow-y:auto;"><div class="msg">加载设备列表...</div></div>
|
||||
<div class="refresh" onclick="loadDevices()">刷新设备列表</div>
|
||||
<button class="btn" onclick="localStorage.clear();location.reload()" style="background:#eee;color:#999;margin-top:12px;">退出登录</button>
|
||||
<div style="text-align:center;margin-top:16px;">
|
||||
<a href="#" onclick="localStorage.clear();location.reload()" style="color:#ccc;font-size:12px;text-decoration:none;">退出登录</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="version">朴小护智慧家居 v1.0 | HA + Hermes</div>
|
||||
@ -234,7 +236,17 @@ async function createUser() {
|
||||
}
|
||||
|
||||
async function loadDevices() {
|
||||
document.getElementById('sys-status').textContent = '\u2705 运行中';
|
||||
document.getElementById('sys-status').textContent = '运行中';
|
||||
// 实体中文名映射
|
||||
var names = {
|
||||
'zone.home': '家庭区域',
|
||||
'person.admin': '管理员',
|
||||
'event.backup': '备份事件',
|
||||
'sensor.backup': '备份状态',
|
||||
'sensor.backup_2': '备份详情2',
|
||||
'sensor.backup_3': '备份详情3',
|
||||
'sensor.backup_4': '备份详情4',
|
||||
};
|
||||
try {
|
||||
var r = await api('GET', '/api/states');
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status + ' ' + r.statusText);
|
||||
@ -243,11 +255,13 @@ async function loadDevices() {
|
||||
|
||||
var html = '';
|
||||
states.forEach(function(e) {
|
||||
html += '<div class="device"><span class="device-name">' + e.entity_id + '</span><span class="device-state">' + e.state + '</span></div>';
|
||||
var label = names[e.entity_id] || e.entity_id;
|
||||
var stateText = e.state === 'unknown' ? '待检测' : (e.state === 'idle' ? '空闲' : e.state);
|
||||
html += '<div class="device"><span class="device-name">' + label + '</span><span class="device-state">' + stateText + '</span></div>';
|
||||
});
|
||||
document.getElementById('dev-list').innerHTML = html || '<div class="msg">暂无设备,接入硬件后自动发现</div>';
|
||||
} catch(e) {
|
||||
document.getElementById('sys-status').textContent = '\u274c ' + e.message;
|
||||
document.getElementById('sys-status').textContent = e.message;
|
||||
document.getElementById('dev-list').innerHTML = '<div class="msg error">' + e.message + '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user