From becabb2b29a59f3b8702bf429afc4193eb684e7b Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Wed, 13 Jul 2022 16:23:00 +0800
Subject: [PATCH 1/3] fix issue

---
 templates/repo/cloudbrain/inference/show.tmpl | 2 +-
 web_src/js/features/cloudrbanin.js            | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/templates/repo/cloudbrain/inference/show.tmpl b/templates/repo/cloudbrain/inference/show.tmpl
index e67a4c37f..f3f993c01 100644
--- a/templates/repo/cloudbrain/inference/show.tmpl
+++ b/templates/repo/cloudbrain/inference/show.tmpl
@@ -268,7 +268,7 @@
                         <a class="item load-model-file" data-tab="four"
                             data-path="{{$.RepoLink}}/cloudbrain/inference-job/{{.JobID}}/result_list" data-version="{{.VersionName}}" data-parents="" data-filename="" data-init="init" >{{$.i18n.Tr "repo.model_download"}}</a>
                     </div>
-                    <div class="ui tab active" data-tab="first">
+                    <div class="ui tab active" data-tab="first" style="height:400px">
                         <div style="padding-top: 10px;">
                             <div class="tab_2_content">
                                 <div class="ac-grid ac-grid-col2">
diff --git a/web_src/js/features/cloudrbanin.js b/web_src/js/features/cloudrbanin.js
index 12fa2768a..b45453db4 100644
--- a/web_src/js/features/cloudrbanin.js
+++ b/web_src/js/features/cloudrbanin.js
@@ -339,13 +339,9 @@ export default async function initCloudrain() {
     $.get(
       `/api/v1/repos/${repoPath}/${ID}?version_name=${version_name}`,
       (data) => {
-        // header status and duration
-        //$(`#${version_name}-duration-span`).text(data.JobDuration)
         $(`#${version_name}-status-span span`).text(data.JobStatus);
         $(`#${version_name}-status-span i`).attr("class", data.JobStatus);
-        // detail status and duration
-        //$('#'+version_name+'-duration').text(data.JobDuration)
-        $("#" + version_name + "-status").text(data.JobStatus);
+        $(`#${version_name}-duration-span`).text(data.JobDuration);
       }
     ).fail(function (err) {
       console.log(err);

From 1b325bce8aaa5226805dea2a3f47148d8c263e3f Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Wed, 13 Jul 2022 16:28:02 +0800
Subject: [PATCH 2/3] fix issue

---
 web_src/js/features/cloudrbanin.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web_src/js/features/cloudrbanin.js b/web_src/js/features/cloudrbanin.js
index b45453db4..15cb47e97 100644
--- a/web_src/js/features/cloudrbanin.js
+++ b/web_src/js/features/cloudrbanin.js
@@ -182,11 +182,11 @@ export default async function initCloudrain() {
       $.get(
         `/api/v1/repos/${repoPath}/${jobID}?version_name=${versionname}`,
         (data) => {
-          //$(`#${versionname}-duration-span`).text(data.JobDuration)
+          $(`#${versionname}-duration-span`).text(data.JobDuration);
           $(`#${versionname}-status-span span`).text(data.JobStatus);
           $(`#${versionname}-status-span i`).attr("class", data.JobStatus);
           // detail status and duration
-          //$('#'+versionname+'-duration').text(data.JobDuration)
+          $("#" + versionname + "-duration").text(data.JobDuration);
           $("#" + versionname + "-status").text(data.JobStatus);
           if (stopArray.includes(data.JobStatus)) {
             $("#" + versionname + "-stop").addClass("disabled");
@@ -342,6 +342,8 @@ export default async function initCloudrain() {
         $(`#${version_name}-status-span span`).text(data.JobStatus);
         $(`#${version_name}-status-span i`).attr("class", data.JobStatus);
         $(`#${version_name}-duration-span`).text(data.JobDuration);
+        $("#" + versionname + "-duration").text(data.JobDuration);
+        $("#" + versionname + "-status").text(data.JobStatus);
       }
     ).fail(function (err) {
       console.log(err);

From 5620f8e601ac8554d6a9a53a2e51b0384be0d3ae Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Wed, 13 Jul 2022 16:36:29 +0800
Subject: [PATCH 3/3] fix issue

---
 templates/repo/modelarts/inferencejob/index.tmpl | 34 ++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/templates/repo/modelarts/inferencejob/index.tmpl b/templates/repo/modelarts/inferencejob/index.tmpl
index e22cca820..1dde32469 100644
--- a/templates/repo/modelarts/inferencejob/index.tmpl
+++ b/templates/repo/modelarts/inferencejob/index.tmpl
@@ -39,6 +39,16 @@
                     </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);"></div>
+                        <i class="dropdown icon"></i>
+                        <div class="menu">
+                            <div class="item" data-value="all">{{$.i18n.Tr "repo.gpu_type_all"}}</div>
+                            <div class="item"  data-value="CPU/GPU">CPU/GPU</div>
+                            <div class="item"  data-value="NPU">NPU</div>
+                        </div>
+                    </div>
                     {{if .Permission.CanWrite $.UnitTypeCloudBrain}}
                     <a class="ui green button" href="{{.RepoLink}}/cloudbrain/inference-job/create">{{$.i18n.Tr "repo.modelarts.train_job.new_infer"}}</a>
                     {{else}}
@@ -264,3 +274,27 @@
 </div>
 {{template "base/footer" .}}
 
+<script>
+    let url = {{$.RepoLink}};
+    let all = {{$.i18n.Tr "repo.gpu_type_all"}}
+    $(document).ready(function(){
+    const params = new URLSearchParams(location.search)
+    if(!location.search){
+        $('.default.text').text(all)
+    }else{
+        if(!params.has('listType') || params.get('listType')=='all'){
+            $('.default.text').text(all)
+        }
+        else{
+            $('.default.text').text(params.get('listType'))
+        }
+    }
+    
+    $('.ui.selection.dropdown').dropdown({
+        onChange:function(value){
+            location.href = `${url}/modelarts/inference-job?listType=${value}`
+        }
+        })
+    })
+</script>
+