update

static/index.html

@@ -41,10 +41,6 @@
       <div id="running-body" class="card-body running-body">
         <p class="empty">当前没有任务在执行</p>
       </div>
-      <div class="card-foot">
-        <button id="log-autoscroll" class="btn-ghost active" type="button">自动滚动</button>
-        <span id="log-size" class="muted"></span>
-      </div>
     </section>
 
     <section class="card" id="history-card">
@@ -56,6 +52,21 @@
     </section>
   </main>
 
+  <div id="log-modal" class="modal" hidden role="dialog" aria-labelledby="modal-title" aria-modal="true">
+    <div class="modal-backdrop" data-close></div>
+    <div class="modal-dialog">
+      <header class="modal-head">
+        <h3 id="modal-title">实时日志</h3>
+        <button class="btn-ghost" data-close type="button">关闭</button>
+      </header>
+      <pre id="modal-log" class="log-box modal-log">（等待脚本输出…）</pre>
+      <footer class="modal-foot">
+        <button id="log-autoscroll" class="btn-ghost active" type="button">自动滚动</button>
+        <span id="log-size" class="muted"></span>
+      </footer>
+    </div>
+  </div>
+
   <script src="/static/app.js"></script>
 </body>
 </html>