From 0eda97b8c03e490987fbe669e9d8921fa7e26d78 Mon Sep 17 00:00:00 2001
From: avadesian <xuchx@pcl.ac.cn>
Date: Tue, 15 Jun 2021 17:29:17 +0800
Subject: [PATCH] support value search for cloudbrain_image

---
 templates/repo/cloudbrain/new.tmpl | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/templates/repo/cloudbrain/new.tmpl b/templates/repo/cloudbrain/new.tmpl
index 6c07e427f..c1afb9389 100755
--- a/templates/repo/cloudbrain/new.tmpl
+++ b/templates/repo/cloudbrain/new.tmpl
@@ -88,6 +88,17 @@
     .inline.required.field.cloudbrain_snn4imagenet {
         display: none;
     }
+
+    .select2-container .select2-selection--single{
+        height:38px !important;          
+    }
+
+    .select2-container--default .select2-selection--single {
+        border : 1px solid rgba(34,36,38,.15) !important;
+    }
+    .select2-container--default .select2-selection--single .select2-selection__rendered{
+        line-height: 38px !important;        
+    }
 </style>
 
 <div id="mask">
@@ -150,7 +161,7 @@
 
                     <div class="inline required field">
                         <label>镜像</label>
-                        <select class="ui search dropdown" id="cloudbrain_image" placeholder="选择镜像" style='width:385px' name="image">
+                        <select class="ui search" id="cloudbrain_image" placeholder="选择镜像" style='width:385px;' name="image">
                             {{range .images}}
                                 <option name="image" value="{{.Place}}">{{.PlaceView}}</option>
                             {{end}}
@@ -207,7 +218,8 @@
     </div>
 </div>
 {{template "base/footer" .}}
-
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 <script>
     // 点击按钮后遮罩层显示
     function showmask() {
@@ -224,11 +236,17 @@
     $('#cloudbrain_benchmark_category')
         .dropdown({
             placeholder: "选择数据集类别",
-        }) 
+        })  
     
     $('select.dropdown')
         .dropdown();
 
+    
+    $('#cloudbrain_image').select2({
+        placeholder: "选择镜像"
+    });
+
+    
     $(".ui.button.reset").click(function(e){
         e.preventDefault()
         $('#cloudbrain_benchmark_category')