From 87ed4cbfb1a9eda99472bd21e3cfd121c572c4e6 Mon Sep 17 00:00:00 2001
From: OpenIhu <hujl@pcl.ac.cn>
Date: Tue, 7 Sep 2021 19:00:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=95=B0=E6=8D=AE=E9=9B=86?=
 =?UTF-8?q?=E5=8F=8A=E4=BA=91=E8=84=91=E9=80=89=E6=8B=A9=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E5=8E=BB=E6=8E=89=E5=BC=B9=E7=AA=97=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/repo/cloudbrain/index.tmpl    | 13 +++++++++++--
 templates/repo/datasets/index.tmpl      | 14 +++++++++++++-
 templates/repo/header.tmpl              |  6 ++----
 templates/repo/modelarts/index.tmpl     | 13 +++++++++++--
 web_src/js/components/MinioUploader.vue |  1 +
 web_src/js/components/ObsUploader.vue   |  1 +
 6 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/templates/repo/cloudbrain/index.tmpl b/templates/repo/cloudbrain/index.tmpl
index 60ce3c202..50c0a4575 100755
--- a/templates/repo/cloudbrain/index.tmpl
+++ b/templates/repo/cloudbrain/index.tmpl
@@ -2,6 +2,12 @@
 {{template "base/head" .}}
 
 <style>
+    .selectcloudbrain .active.item{
++        color: #0087f5 !important;
++        border: 1px solid #0087f5;
++        margin: -1px;
++        background: #FFF !important;
++    }
     #deletemodel {
         width: 100%;
         height: 100%;
@@ -210,8 +216,11 @@
             </div>
         </div>
 
-        <!-- 中间分割线 -->
-        <div class="ui divider"></div>
+        <p>使用鹏城云脑计算资源进行调试，云脑1提供CPU / GPU资源，云脑2提供Ascend NPU资源；调试使用的数据集也需要上传到对应的环境。</p>
+        <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 grid">
diff --git a/templates/repo/datasets/index.tmpl b/templates/repo/datasets/index.tmpl
index 5ab2570c3..6fa6ccb69 100755
--- a/templates/repo/datasets/index.tmpl
+++ b/templates/repo/datasets/index.tmpl
@@ -1,4 +1,12 @@
 {{template "base/head" .}}
+<style>
+.selectcloudbrain .active.item{
+  color: #0087f5 !important;
+  border: 1px solid #0087f5;
+  margin: -1px;
+  background: #FFF !important;
+}
+</style>
 <div class="repository release dataset-list view">
   {{template "repo/header" .}}
   <script>
@@ -62,7 +70,11 @@
       </div>
     </div>
 
-    <div class="ui divider"></div>
+    <div class="ui blue mini menu selectcloudbrain">
+      <a class="{{if eq .Type 0}}active {{end}}item" href="{{.RepoLink}}/datasets?type=0">{{svg "octicon-server" 16}} CPU / GPU</a>
+      <a class="{{if eq .Type 1}}active {{end}}item" href="{{.RepoLink}}/datasets?type=1">{{svg "octicon-server" 16}} Ascend NPU</a>
+    </div>
+    
     <div class="ui stackable grid">
       <div class="twelve wide column">
         <div class="ui sixteen wide column">
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index 521e2b63b..7fbdf8079 100755
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -98,9 +98,8 @@
 				{{end}}
 
 				{{if .Permission.CanRead $.UnitTypeDatasets}}
-				<a class="{{if .PageIsDataset}}active{{end}} item dataset" >
+				<a class="{{if .PageIsDataset}}active{{end}} item" href="{{.RepoLink}}/datasets?type=0">
 					{{svg "octicon-inbox" 16}} {{.i18n.Tr "datasets"}}
-					<span style="display:none" class="dataset_link">{{.RepoLink}}</span>
 				</a>
 				{{end}}
 
@@ -141,9 +140,8 @@
 				{{end}}
 
 				{{if .Permission.CanRead $.UnitTypeCloudBrain}}
-				<a class="{{if .PageIsCloudBrain}}active{{end}} item cloudbrain">
+				<a class="{{if .PageIsCloudBrain}}active{{end}} item" href="{{.RepoLink}}/cloudbrain">
 					{{svg "octicon-server" 16}} {{.i18n.Tr "repo.cloudbrain"}}
-					<span style="display:none" class="cloudbrain_link">{{.RepoLink}}</span>
 				</a>
 				{{end}}
 
diff --git a/templates/repo/modelarts/index.tmpl b/templates/repo/modelarts/index.tmpl
index 1c00c103c..dabbe0b59 100755
--- a/templates/repo/modelarts/index.tmpl
+++ b/templates/repo/modelarts/index.tmpl
@@ -2,6 +2,12 @@
 {{template "base/head" .}}
 
 <style>
+    .selectcloudbrain .active.item{
+        color: #0087f5 !important;
+        border: 1px solid #0087f5;
+        margin: -1px;
+        background: #FFF !important;
+    }
     #deletemodel {
         width: 100%;
         height: 100%;
@@ -210,8 +216,11 @@
             </div>
         </div>
 
-        <!-- 中间分割线 -->
-        <div class="ui divider"></div>
+        <p>使用鹏城云脑计算资源进行调试，云脑1提供CPU / GPU资源，云脑2提供Ascend NPU资源；调试使用的数据集也需要上传到对应的环境。</p>
+        <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 grid">
diff --git a/web_src/js/components/MinioUploader.vue b/web_src/js/components/MinioUploader.vue
index 8b23fe7de..8bd17f080 100755
--- a/web_src/js/components/MinioUploader.vue
+++ b/web_src/js/components/MinioUploader.vue
@@ -11,6 +11,7 @@
       {{ file_status_text }}
       <span class="success">{{ status }}</span>
     </p>
+    <p>云脑1提供 <span class="text blue">CPU / GPU</span> 资源，云脑2提供 <span class="text blue">Ascend NPU</span> 资源；调试使用的数据集也需要上传到对应的环境。</p>
   </div>
 </template>
 
diff --git a/web_src/js/components/ObsUploader.vue b/web_src/js/components/ObsUploader.vue
index 1fac145f4..5d629b94e 100755
--- a/web_src/js/components/ObsUploader.vue
+++ b/web_src/js/components/ObsUploader.vue
@@ -8,6 +8,7 @@
       {{ file_status_text }}
       <span class="success">{{ status }}</span>
     </p>
+    <p>云脑1提供 <span class="text blue">CPU / GPU</span> 资源，云脑2提供 <span class="text blue">Ascend NPU</span> 资源；调试使用的数据集也需要上传到对应的环境。</p>
   </div>
 </template>