#ARC-35 Implement basic functionality

assets/index.js

@@ -2,7 +2,49 @@
 
 
 $(function() {
-    $('.-select2').select2()
+    //$('.-select2').select2({
+    //    language: 'ru',
+    //})
+    
+    
+    $('.-select2').select2({
+        ajax: {
+            url: "/api/specializations/",
+            dataType: 'json',
+            delay: 250,
+            
+            data: function(params) {
+                return {
+                    'name__icontains': params.term,
+                    page: params.page,
+                }
+            },
+            
+            processResults: function(data, params) {
+                params.page = params.page || 1
+                
+                return {
+                    results: _.map(function(item) {
+                        return {
+                            text: item.name,
+                            id: item.id,
+                        }
+                    }, data.results),
+                    
+                    pagination: {
+                        more: (params.page * 10) < data.count
+                    },
+                }
+            },
+            
+            //cache: true
+        },
+        
+        //escapeMarkup: function(markup) {return markup}, // let our custom formatter work
+        minimumInputLength: 1,
+        //templateResult: formatRepo, // omitted for brevity, see the source of this page
+        //templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
+    })
 })
 
 

projects/templates/customer_project_create.html

@@ -82,20 +82,21 @@
                             <div class="col-lg-3"></div>-->
                         </div>
                         <div class="polsF1 disTab">
+{#                            <div class="col-lg-3">#}
+{#                                {{ form.specialization }}#}
+{#                            </div>#}
+
                             <div class="col-lg-3">
-                                {{ form.specialization }}
+                                <select class="-select2" style="width: 100%"></select>
                             </div>
                             <div class="col-lg-3">
-                                <select class="selectpicker">
-                                </select>
+                                <select class="-select2" style="width: 100%"></select>
                             </div>
                             <div class="col-lg-3">
-                                <select class="selectpicker">
-                                </select>
+                                <select class="-select2" style="width: 100%"></select>
                             </div>
                             <div class="col-lg-3">
-                                <select class="selectpicker">
-                                </select>
+                                <select class="-select2" style="width: 100%"></select>
                             </div>
                         </div>
                         <div class="titleF1 titleF2 disTab">