Enable ajax-bootstrap-select.

Requires some work as is currently not overly happy

RIGS/templates/RIGS/event_form.html

@@ -5,21 +5,8 @@
 {% block title %}{% if object.pk %}Event {% if object.is_rig %}N{{ object.pk|stringformat:"05d" }}{% else %}
     {{ object.pk }}{% endif %}{% else %}New Event{% endif %}{% endblock %}
 
-{% block css %}
-    <link rel="stylesheet" href="{% static "css/bootstrap-select.min.css" %}"/>
-    <link rel="stylesheet" href="{% static "css/ajax-bootstrap-select.css" %}"/>
-{% endblock %}
-
-{% block preload_js %}
-    <script src="{% static "js/bootstrap-select.js" %}"></script>
-    <script src="{% static "js/ajax-bootstrap-select.js" %}"></script>
-{% endblock %}
-
 {% block js %}
-    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
     <script src="{% static "js/interaction.js" %}"></script>
-    <script src="{% static "js/modal.js" %}"></script>
-    <script src="{% static "js/tooltip.js" %}"></script>
 
     <script src="{% static "js/autocompleter.js" %}"></script>
 
@@ -76,7 +63,7 @@
                 var input = document.createElement('input');
                 input.setAttribute('type','date');
                 var notADateValue = 'not-a-date';
-                input.setAttribute('value', notADateValue); 
+                input.setAttribute('value', notADateValue);
                 return !(input.value === notADateValue);
             }
             if(supportsDate()){
@@ -360,7 +347,7 @@
                             {% render_field form.status class+="form-control" %}
                         </div>
                     </div>
-                    
+
                     <div class="form-is_rig {% if object.pk and not object.is_rig %}hidden{% endif %}">
                         <div class="form-group" data-toggle="tooltip" title="The Member in Charge of this event">
                             <label for="{{ form.mic.id_for_label }}"

app/styles/app.scss

@@ -1,5 +1,7 @@
 @import "bootstrap-variables";
 @import "bootstrap";
+
+@import "bootstrap-select";
 //@import "jq-ui-bootstrap/_jq-ui-bootstrap-variable-adapter";
 //@import "jq-ui-bootstrap/_base";
 //@import "jq-ui-bootstrap/_autocomplete";

bower.json

@@ -5,6 +5,8 @@
     "ember-cli-shims": "0.1.1",
     "ember-qunit-notifications": "0.1.0",
     "js-cookie": "^2.1.2",
-    "bootstrap-sass": "^3.3.7"
+    "bootstrap-sass": "^3.3.7",
+    "bootstrap-select": "^1.10.0",
+    "ajax-bootstrap-select": "^1.3.1"
   }
 }

ember-cli-build.js

@@ -5,6 +5,12 @@ var EmberApp = require('ember-cli/lib/broccoli/ember-app');
 module.exports = function (defaults) {
   var app = new EmberApp(defaults, {
     // Add options here
+
+    sassOptions: {
+      includePaths: [
+        'bower_components/bootstrap-select/sass',
+      ],
+    },
   });
 
   // Use `app.import` to add additional libraries to the generated
@@ -20,5 +26,8 @@ module.exports = function (defaults) {
   // please specify an object with the list of modules as keys
   // along with the exports of each module as its value.
 
+  app.import('bower_components/bootstrap-select/dist/js/bootstrap-select.js');
+  app.import('bower_components/ajax-bootstrap-select/dist/js/ajax-bootstrap-select.js');
+
   return app.toTree();
 };

templates/base.html

@@ -18,6 +18,7 @@
           type='text/css'>
 
 
+    <link rel="stylesheet" type="text/css" href="{% static "assets/vendor.css" %}">
     <link rel="stylesheet" type="text/css" href="{% static "assets/pyrigs.css" %}">
     {% block css %}
     {% endblock %}
@@ -161,8 +162,8 @@
 
 <div class="modal fade" id="modal" role="dialog" tabindex=-1></div>
 
-<script src="{% static "assets/pyrigs.js" %}"></script>
 <script src="{% static "assets/vendor.js" %}"></script>
+<script src="{% static "assets/pyrigs.js" %}"></script>
 <script src="https://cdn.ravenjs.com/1.3.0/jquery,native/raven.min.js"></script>
 <script>Raven.config('{% sentry_public_dsn %}').install()</script>