feat: add instance management to dashboard
This commit is contained in:
+24
-1
@@ -29,7 +29,11 @@
|
||||
<span class="ribbon-text">SimAdmin 岛屿</span>
|
||||
</div>
|
||||
<p class="sidebar-subtitle">像 NookPhone 一样管理每个 CPE 小岛</p>
|
||||
<button id="refreshBtn" class="animal-btn primary-btn" type="button">刷新状态</button>
|
||||
<div class="sidebar-actions">
|
||||
<button id="homeBtn" class="animal-btn default-btn" type="button">返回首页</button>
|
||||
<button id="refreshBtn" class="animal-btn primary-btn" type="button">刷新状态</button>
|
||||
</div>
|
||||
<button id="addInstanceBtn" class="animal-btn primary-btn block-btn" type="button">+ 添加设备地址</button>
|
||||
</header>
|
||||
|
||||
<section class="wallet-row" id="fleetStats"></section>
|
||||
@@ -137,6 +141,25 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<dialog id="instanceDialog">
|
||||
<form method="dialog" id="instanceForm" class="instance-form island-card pattern-default">
|
||||
<div id="instanceFormRibbon" class="section-ribbon color-app-green">添加设备地址</div>
|
||||
<p class="form-help">配置会立即写入本地 config.json,并更新左侧设备列表。</p>
|
||||
<input type="hidden" id="instanceOriginalId" />
|
||||
<label>设备 ID <input id="instanceIdInput" required pattern="[a-zA-Z0-9_.-]+" placeholder="home-cpe" /></label>
|
||||
<label>显示名称 <input id="instanceNameInput" required placeholder="客厅 CPE" /></label>
|
||||
<label>设备地址 <input id="instanceUrlInput" required type="url" placeholder="http://192.168.1.1" /></label>
|
||||
<label>描述 <textarea id="instanceDescInput" placeholder="位置、用途或备注"></textarea></label>
|
||||
<label>标签 <input id="instanceTagsInput" placeholder="home, 5g, backup" /></label>
|
||||
<label>管理员密码 <input id="instancePasswordInput" type="password" placeholder="留空表示无密码或清除已保存密码" autocomplete="new-password" /></label>
|
||||
<menu class="form-menu">
|
||||
<button value="cancel" class="animal-btn default-btn">取消</button>
|
||||
<button id="deleteInstanceBtn" type="button" class="animal-btn danger-btn" hidden>删除</button>
|
||||
<button id="saveInstanceBtn" value="default" class="animal-btn primary-btn">保存</button>
|
||||
</menu>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<div id="toast" class="toast" hidden></div>
|
||||
<script src="/app.js" type="module"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user