competition setting: select school

app/assets/javascripts/admins/competition_settings/index.js

@@ -107,6 +107,34 @@ $(document).on('turbolinks:load', function(){
                 }
             });
         });
+
+        var selectOptions = {
+            theme: 'bootstrap4',
+              placeholder: '请输入要添加的单位名称',
+              multiple: true,
+              minimumInputLength: 1,
+              ajax: {
+              delay: 500,
+                url: '/api/schools/for_option.json',
+                dataType: 'json',
+                data: function(params){
+                return { keyword: params.term };
+              },
+              processResults: function(data){
+                return { results: data.schools }
+              }
+            },
+            templateResult: function (item) {
+              if(!item.id || item.id === '') return item.text;
+              return item.name || item.text;
+            },
+            templateSelection: function(item){
+              return item.name || item.text;
+            }
+        }
+
+        $('.sponsor-select').select2(selectOptions);
+        $('.allow-school-select').select2(selectOptions);
     }
 });
 

app/views/admins/competition_settings/index.html.erb

@@ -97,13 +97,8 @@
           <div class="col-1 text-right">
             主办方
           </div>
-          <div class="flex-1 text-left sponsorPanel">
-            <a href="javascript:void(0)" class="btn btn-white fl ml10" onclick="addSponsor(this)">+</a>
-            <div class="sponsor_label">
-              <input type="hidden" value="school_id" />
-              <span>caicai</span>
-              <a href="javascript:void(0)" onclick="del_sponsor(this)">×</a>
-            </div>
+          <div class="col-5 text-left sponsorPanel">
+            <%= select_tag :sponsor_ids, options_for_select([], nil), class: 'form-control sponsor-select' %>
           </div>
         </div>
 
@@ -111,13 +106,8 @@
           <div class="col-1 text-right">
             开放范围
           </div>
-          <div class="flex-1 text-left sponsorPanel">
-            <a href="javascript:void(0)" class="btn btn-white fl ml10" onclick="addSponsor(this)">+</a>
-            <div class="sponsor_label">
-              <input type="hidden" value="school_id" />
-              <span>caicai</span>
-              <a href="javascript:void(0)" onclick="del_sponsor(this)">×</a>
-            </div>
+          <div class="col-5 text-left sponsorPanel">
+            <%= select_tag :allow_school_ids, options_for_select([], nil), class: 'form-control allow-school-select' %>
           </div>
         </div>