office_light/views/partials/nav.ejs

<nav class="global-nav">
  <a href="/" class="brand">Office Light</a>
  <% const navPath = typeof currentPath !== 'undefined' ? currentPath : '/'; %>
  <div class="nav-links">
    <a class="<%= navPath === '/' ? 'active' : '' %>" href="/">首页</a>
    <a class="<%= navPath.startsWith('/schedules') ? 'active' : '' %>" href="/schedules">计划</a>
    <a class="<%= navPath.startsWith('/logs') ? 'active' : '' %>" href="/logs">记录</a>
    <a class="<%= navPath.startsWith('/holidays') ? 'active' : '' %>" href="/holidays">节假日</a>
    <a class="<%= navPath.startsWith('/settings') ? 'active' : '' %>" href="/settings">设置</a>
  </div>
  <% const navMqttStatus = typeof getMqttStatus === 'function' ? getMqttStatus() : { connected: false, message: '未连接' }; %>
  <div class="mqtt-status <%= navMqttStatus.connected ? 'connected' : 'disconnected' %>" id="mqttStatus" title="<%= navMqttStatus.lastError || '' %>">
    <span class="mqtt-dot"></span>
    <span id="mqttStatusText">MQTT <%= navMqttStatus.connected ? '已连接' : (navMqttStatus.message || '未连接') %></span>
  </div>
</nav>
<script src="/app.js" defer></script>