52 lines
2.7 KiB
HTML
52 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="/static/app-shell.css" />
|
|
<title>NUPACK · 云端记录</title>
|
|
</head>
|
|
<body data-page="cloud">
|
|
<div class="app">
|
|
<aside class="sidebar" id="appNav"></aside>
|
|
<main class="main">
|
|
<header class="page-header">
|
|
<div><h1>云端记录</h1><p>账号范围内的任务、结果和分享。</p></div>
|
|
<div class="header-actions">
|
|
<input class="hidden" id="cloudImportInput" type="file" accept="application/json,.json" multiple />
|
|
<button id="cloudImport" type="button">导入 JSON</button>
|
|
<button id="cloudExport" type="button">导出 JSON</button>
|
|
<a class="button primary" href="/workspace">新建计算</a>
|
|
</div>
|
|
</header>
|
|
<div class="content">
|
|
<section class="band">
|
|
<div class="band-header">
|
|
<h2>任务记录</h2>
|
|
<button id="cloudRefresh" type="button">刷新</button>
|
|
</div>
|
|
<div>
|
|
<form class="band-body filters" id="cloudFilters">
|
|
<input name="q" type="search" placeholder="搜索任务 ID、工作流或材料" />
|
|
<select name="status"><option value="">全部状态</option><option>queued</option><option>running</option><option>success</option><option>error</option><option>canceled</option></select>
|
|
<select name="workflow"><option value="">全部工作流</option><option>analysis</option><option>design</option><option>utilities</option></select>
|
|
<select name="material"><option value="">全部材料</option><option>rna</option><option>dna04</option></select>
|
|
<button type="submit">筛选</button>
|
|
</form>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead><tr><th>任务</th><th>配置</th><th>状态</th><th>创建时间</th><th>耗时</th><th>操作</th></tr></thead>
|
|
<tbody id="cloudJobs"><tr><td colspan="6" class="loading">正在载入...</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="pager"><button id="cloudPrev" type="button">上一页</button><span id="cloudPage">-</span><button id="cloudNext" type="button">下一页</button></div>
|
|
</div>
|
|
</section>
|
|
<div class="notice hidden" id="cloudNotice" role="status"></div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script type="module" src="/static/portal.js"></script>
|
|
</body>
|
|
</html>
|