Expand publishing and virtual product workflows

browser-extension/multi-platform-publisher-1.1.17/sidepanel/panel.html

@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>多平台发布助手</title>
+  <link rel="stylesheet" href="panel.css">
+</head>
+<body>
+  <header class="panel-header">
+    <div>
+      <h1><span class="header-mark">✓</span> 多平台发布助手</h1>
+      <p>点击平台名称定位页面，点击刷新图标重新填写</p>
+    </div>
+    <button id="refresh-list" class="header-action" type="button" title="刷新任务列表" aria-label="刷新任务列表">↻</button>
+  </header>
+
+  <main>
+    <div id="notice" class="notice" hidden></div>
+    <div id="task-list" class="task-list"></div>
+    <section id="empty-state" class="empty-state" hidden>
+      <div class="empty-icon">⇧</div>
+      <strong>暂无发布任务</strong>
+      <p>请先在南音工作室系统的“发布管理”中创建任务。</p>
+    </section>
+  </main>
+
+  <footer>
+    <span id="connection-dot" class="connection-dot"></span>
+    <span>扩展已连接</span>
+    <span id="version" class="version"></span>
+  </footer>
+
+  <template id="task-template">
+    <article class="task-card">
+      <button class="task-main" type="button">
+        <span class="platform-icon"></span>
+        <span class="task-copy">
+          <strong class="platform-name"></strong>
+          <small class="task-title"></small>
+          <span class="status-line"><i></i><span></span></span>
+        </span>
+      </button>
+      <button class="retry-button" type="button" title="重新打开并重试" aria-label="重新打开并重试">↻</button>
+    </article>
+  </template>
+
+  <script src="panel.js"></script>
+</body>
+</html>