From 0088afaffe5ca48e2c447dc728d937123ccb6d37 Mon Sep 17 00:00:00 2001
From: OpenIhu <hujl@pcl.ac.cn>
Date: Fri, 24 Sep 2021 17:35:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=91=E8=84=911=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/repo/cloudbrain/index.tmpl | 90 +++++++++++++---------------
 1 file changed, 41 insertions(+), 49 deletions(-)

diff --git a/templates/repo/cloudbrain/index.tmpl b/templates/repo/cloudbrain/index.tmpl
index 450adf2a5..897b104b5 100755
--- a/templates/repo/cloudbrain/index.tmpl
+++ b/templates/repo/cloudbrain/index.tmpl
@@ -256,74 +256,66 @@
                             <div class="row">
 
                                 <!-- 任务名 -->
-                                <div class="four wide column">
+                                <div class="seven wide column">
                                     <a class="title" href="{{$.Link}}/{{.JobID}}">
                                         <span class="fitted">{{svg "octicon-tasklist" 16}}</span>
                                         <span class="fitted">{{.JobName}}</span>
                                     </a>
                                 </div>
 
-                                <!--任务状态 -->
-                                <div class="two wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
-                                    {{.Status}}
-                                </div>
-
-                                <!-- 任务创建时间 -->
                                 <div class="three wide column">
-                                    <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
-                                </div>
-
-                                <!-- 评分 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <a class="title" onclick="stop(this)" href="{{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}{{$.Link}}/{{.JobID}}/rate{{else}}javascript:void(0);{{end}}" style="{{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}{{else}}color:#CCCCCC{{end}}">
-                                            <span class="fitted">评分</span>
-                                    </a>
-                                    </div>
+                                    <!--任务状态 -->
+                                    <span class="mini ui compact button job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
+                                        {{.Status}}
+                                    </span>
+                                    <!-- 任务创建时间 -->
+                                    <span class="">{{TimeSinceUnix .CreatedUnix $.Lang}}</span>
                                 </div>
 
-                                <!-- 删除镜像 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
-                                            {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="assertDelete(this)" style="{{if ne .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">删除</a>
-                                        </form>
-                                    </div>
-                                </div>
+                                <div class="six wide column text right">
+                                    <div class="mini ui compact buttons">  
+                                        {{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}
+                                        <a class="ui basic button" href="{{$.Link}}/{{.JobID}}/rate" target="_blank">
+                                            评分
+                                        </a>
+                                        {{end}}
 
-                                <!-- 调试 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <a class="title" onclick="stop(this)" href="{{if not .CanDebug}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/debug{{end}}" style="{{if not .CanDebug}}color:#CCCCCC{{end}}">
-                                            <span class="fitted">调试</span>
-                                    </a>
-                                    </div>
-                                </div>
+                                        <!-- 调试 -->
+                                        <a class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug" target="_blank">
+                                            调试
+                                        </a>
 
-                                <!-- 停止 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
+                                        <!-- 停止 -->
                                         <form id="stopForm-{{.JobID}}" action="{{if eq .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
                                             {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="document.getElementById('stopForm-{{.JobID}}').submit();" style="{{if eq .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">停止</a>
                                         </form>
+                                        <a class="ui basic {{if eq .Status "STOPPED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">
+                                            停止
+                                        </a>
                                     </div>
-                                </div>
-
-                                <!-- 模型下载 -->
-                                <div class="two wide column">
-                                    <span class="ui text  clipboard">
-                                        <a class="title" href="{{$.Link}}/{{.JobID}}/models">
-                                            <span class="fitted">模型下载</span>
+                                    <div class="mini ui compact buttons">
+                                        <!-- 模型下载 -->
+                                        <a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}/models" target="_blank">
+                                            模型下载
                                         </a>
-                                    </span>
+                                        
+                                        <!-- 接收结果 -->
+                                        <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>
+                                        <a class="mini ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" value="{{.CanDebug}}">提交镜像</a>
+
+                                    </div>
+
+                                    <!-- 删除镜像 -->
+                                    <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
+                                        {{$.CsrfTokenHtml}}
+                                    </form>
+                                    <a class="mini ui compact {{if ne .Status "STOPPED"}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)">
+                                        删除
+                                    </a>
                                 </div>
 
-                                <!-- 接收结果 -->
-                                <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>
-                                <a class="imageBtn" style="{{if not .CanDebug}}color:#CCCCCC;cursor:pointer;pointer-events:none;{{end}}; font-size:16px; font-weight:bold" value="{{.CanDebug}}">提交镜像</a>
 
+                                
                                 <!-- 镜像列表弹窗 -->
                                 <div id="imageModal" class="modal" style="display: none;">
                                     <div class="modal-content">