Switch to xstatic-bootstrap-datepicker

This points to datepicker 1.3.1 in xstatic.
Also fixes a couple of minor bugs in forms with
the new datepicker. The datepicker patch is:
https://review.openstack.org/#/c/116866/

Change-Id: I0a8cb7a16e50addbbdb10df8bdd4be427937bd81
Closes-Bug: 1361666

Author: Randy Bertram

horizon/static/bootstrap/js/bootstrap-datepicker.js

@@ -88,20 +88,19 @@ horizon.forms = {
   datepicker: function() {
     var startDate = $('input#id_start').datepicker()
       .on('changeDate', function(ev) {
-        if (ev.date.valueOf() > endDate.date.valueOf()) {
-          var newDate = new Date(ev.date);
+        if (ev.dates[0].valueOf() > endDate.dates[0].valueOf()) {
+          var newDate = new Date(ev.dates[0]);
           newDate.setDate(newDate.getDate() + 1);
-          endDate.setValue(newDate);
+          endDate.setDate(newDate);
           $('input#id_end')[0].focus();
         }
         startDate.hide();
+        endDate.setStartDate(ev.dates[0]);
         endDate.update();
       }).data('datepicker');
 
     var endDate = $('input#id_end').datepicker({
-      onRender: function(date) {
-        return date.valueOf() < startDate.date.valueOf() ? 'disabled' : '';
-      }
+      startDate: startDate ? startDate.dates[0] : null
     }).on('changeDate', function(ev) {
         endDate.hide();
       }).data('datepicker');

horizon/static/horizon/js/horizon.forms.js

@@ -27,7 +27,7 @@
 <script src="{{ STATIC_URL }}horizon/lib/d3.js" type="text/javascript" charset="utf-8"></script>
 
 <script src="{{ STATIC_URL }}bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
-<script src='{{ STATIC_URL }}bootstrap/js/bootstrap-datepicker.js' type='text/javascript' charset='utf-8'></script>
+<script src='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/bootstrap-datepicker.js' type='text/javascript' charset='utf-8'></script>
 
 <script src="{{ STATIC_URL }}horizon/lib/hogan.js" type="text/javascript" charset='utf-8'></script>
 

horizon/templates/horizon/_scripts.html

@@ -26,6 +26,7 @@
 import xstatic.pkg.angular
 import xstatic.pkg.angular_cookies
 import xstatic.pkg.angular_mock
+import xstatic.pkg.bootstrap_datepicker
 import xstatic.pkg.d3
 import xstatic.pkg.font_awesome
 import xstatic.pkg.hogan
@@ -159,6 +160,8 @@
         xstatic.main.XStatic(xstatic.pkg.angular_cookies).base_dir),
     ('horizon/lib/angular',
         xstatic.main.XStatic(xstatic.pkg.angular_mock).base_dir),
+    ('horizon/lib/bootstrap_datepicker',
+        xstatic.main.XStatic(xstatic.pkg.bootstrap_datepicker).base_dir),
     ('horizon/lib',
         xstatic.main.XStatic(xstatic.pkg.d3).base_dir),
     ('horizon/lib',

horizon/test/settings.py

@@ -26,6 +26,7 @@
 import xstatic.pkg.angular
 import xstatic.pkg.angular_cookies
 import xstatic.pkg.angular_mock
+import xstatic.pkg.bootstrap_datepicker
 import xstatic.pkg.d3
 import xstatic.pkg.font_awesome
 import xstatic.pkg.hogan
@@ -156,6 +157,8 @@
         xstatic.main.XStatic(xstatic.pkg.angular_cookies).base_dir),
     ('horizon/lib/angular',
         xstatic.main.XStatic(xstatic.pkg.angular_mock).base_dir),
+    ('horizon/lib/bootstrap_datepicker',
+        xstatic.main.XStatic(xstatic.pkg.bootstrap_datepicker).base_dir),
     ('horizon/lib',
         xstatic.main.XStatic(xstatic.pkg.d3).base_dir),
     ('horizon/lib',

openstack_dashboard/settings.py

@@ -4,7 +4,6 @@ $font-size-base: 13px;
 $modal-md: 732px;
 
 @import "/bootstrap/scss/bootstrap";
-@import "/bootstrap/scss/_datepicker";
 @import "_variables";
 @import "_accordion_nav";
 

openstack_dashboard/static/bootstrap/scss/_datepicker.scss

@@ -3,6 +3,7 @@
 {% compress css %}
 <link href='{{ STATIC_URL }}dashboard/scss/horizon.scss' type='text/scss' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/css/rickshaw.css' type='text/css' media='screen' rel='stylesheet' />
+<link href='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/datepicker3.css' type='text/css' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/scss/horizon_charts.scss' type='text/scss' media='screen' rel='stylesheet' />
 <link href='{{ STATIC_URL }}dashboard/scss/horizon_workflow.scss' type='text/scss' media='screen' rel='stylesheet' />
 <link href="{{ STATIC_URL }}horizon/lib/font-awesome/scss/font-awesome.scss" type="text/scss" media="screen" rel="stylesheet" />

openstack_dashboard/static/dashboard/scss/horizon.scss

@@ -35,6 +35,7 @@ xstatic>=1.0.0  # MIT License
 xstatic-angular>=1.2.1.1  # MIT License
 xstatic-angular-cookies>=1.2.1.1  # MIT License
 xstatic-angular-mock>=1.2.1.1  # MIT License
+xstatic-bootstrap-datepicker>=1.3.1.0  # Apache 2.0 License
 xstatic-d3>=3.1.6.2  # BSD License (3 clause)
 xstatic-hogan>=2.0.0.2  # Apache 2.0 License
 xstatic-font-awesome>=4.1.0  # SIL OFL 1.1 License, MIT License

openstack_dashboard/templates/_stylesheets.html

@@ -6,7 +6,7 @@ set -o errexit
 # Increment me any time the environment should be rebuilt.
 # This includes dependency changes, directory renames, etc.
 # Simple integer sequence: 1, 2, 3...
-environment_version=45
+environment_version=46
 #--------------------------------------------------------#
 
 function usage {