From e17c72a68991e2a553ed424e30efc3db5a48d8ca Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Thu, 21 Oct 2021 15:01:31 +0800
Subject: [PATCH] test frontend view

---
 templates/repo/cloudbrain/index.tmpl | 26 +++++++++++++++++++++++++-
 templates/repo/modelarts/index.tmpl  | 26 +++++++++++++++++++++++++-
 2 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/templates/repo/cloudbrain/index.tmpl b/templates/repo/cloudbrain/index.tmpl
index 3af96998c..75d926a2e 100755
--- a/templates/repo/cloudbrain/index.tmpl
+++ b/templates/repo/cloudbrain/index.tmpl
@@ -215,7 +215,7 @@
     <div class="ui container">
 
         <!-- 中间云脑和新建任务按钮 -->
-        <div class="ui three column stack able grid">
+        <!-- <div class="ui three column stack able grid">
             <div class="column">
                 <h2>{{.i18n.Tr "repo.cloudbrain1"}}</h2>
             </div>
@@ -233,6 +233,30 @@
         <div class="ui blue mini menu selectcloudbrain">
             <a class="active item" href="{{.RepoLink}}/cloudbrain">{{svg "octicon-server" 16}} CPU / GPU</a>
             <a class="item" href="{{.RepoLink}}/modelarts">{{svg "octicon-server" 16}} Ascend NPU</a>
+        </div> -->
+
+        <div class="ui two column stackable grid ">
+
+                <div class="column">
+                    <div class="ui blue small menu compact selectcloudbrain">
+                        <a class="active item">调试任务</a>
+                        <!-- <a class="item" href="{{.RepoLink}}/modelarts">训练任务</a> -->
+                    </div>
+                </div>
+                <div class="column right aligned">
+    
+                    <div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">
+                        {{svg "octicon-server" 16}}
+                        <div class="default text" style="color: rgba(0,0,0,.87);"> CPU / GPU</div>
+                        <i class="dropdown icon"></i>
+                        <div class="menu">
+                            <a class="item" href="{{.RepoLink}}/cloudbrain" data-value="11">CPU / GPU</a>
+                            <a class="item" href="{{.RepoLink}}/modelarts" data-value="22">Ascend NPU</a>
+                        </div>
+                    </div>
+                           
+                    <a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">新建调试任务</a>
+                </div>
         </div>
 
         <!-- 中下列表展示区 -->
diff --git a/templates/repo/modelarts/index.tmpl b/templates/repo/modelarts/index.tmpl
index fc804c393..62150e72c 100755
--- a/templates/repo/modelarts/index.tmpl
+++ b/templates/repo/modelarts/index.tmpl
@@ -202,7 +202,7 @@
     <div class="ui container">
 
         <!-- 中间云脑和新建任务按钮 -->
-        <div class="ui three column stack able grid">
+        <!-- <div class="ui three column stack able grid">
             <div class="column">
                 <h2>{{.i18n.Tr "repo.cloudbrain2"}}</h2>
             </div>
@@ -225,6 +225,30 @@
         <div class="ui blue mini menu selectcloudbrain">
             <a class="item" href="{{.RepoLink}}/cloudbrain">{{svg "octicon-server" 16}} CPU / GPU</a>
             <a class="active item" href="{{.RepoLink}}/modelarts">{{svg "octicon-server" 16}} Ascend NPU</a>
+        </div> -->
+
+        <div class="ui two column stackable grid ">
+
+                <div class="column">
+                    <div class="ui blue small menu compact selectcloudbrain">
+                        <a class="active item" href="{{.RepoLink}}/modelarts">调试任务</a>
+                        <a class="item" href="{{.RepoLink}}/modelarts/train_job">训练任务</a>
+                    </div>
+                </div>
+                <div class="column right aligned">
+    
+                    <div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">
+                        {{svg "octicon-server" 16}}
+                        <div class="default text" style="color: rgba(0,0,0,.87);"> Ascend NPU</div>
+                        <i class="dropdown icon"></i>
+                        <div class="menu">
+                            <a class="item" href="{{.RepoLink}}/cloudbrain" data-value="11">CPU / GPU</a>
+                            <a class="item" href="{{.RepoLink}}/modelarts" data-value="22">Ascend NPU</a>
+                        </div>
+                    </div>
+                           
+                    <a class="ui green button" href="{{.RepoLink}}/modelarts/create">新建调试任务</a>
+                </div>
         </div>
 
         <!-- 中下列表展示区 -->