From f0f747e0329b4242b77c79ecd1fbe3c0b3bd26bd Mon Sep 17 00:00:00 2001
From: elbarto132 <johannes.heinemann@gmail.com>
Date: Thu, 26 Mar 2015 16:43:00 +0100
Subject: [PATCH] Support Bootstrap Datepicker with locales

Requirement:
Bootstrap3
Bootstrap Datepicker

Usage:
In application.js add: //= require best_in_place.bootstrap3
In your view use the best_in_place helper, set "as: date"

Optional:
Require a Bootstrap Datepicker language file in your application.js file
For german you could activate it by setting "data: {language: 'de'}" when using the best_in_place view helper
---
 .../javascripts/best_in_place.bootstrap3.js   | 60 +++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 lib/assets/javascripts/best_in_place.bootstrap3.js

diff --git a/lib/assets/javascripts/best_in_place.bootstrap3.js b/lib/assets/javascripts/best_in_place.bootstrap3.js
new file mode 100644
index 00000000..adf1d468
--- /dev/null
+++ b/lib/assets/javascripts/best_in_place.bootstrap3.js
@@ -0,0 +1,60 @@
+/*
+ * BestInPlace 3.0.0.alpha (2014)
+ *
+ * Depends:
+ *	best_in_place.js
+ *	bootstrap-datepicker.js
+ */
+/*global BestInPlaceEditor */
+BestInPlaceEditor.forms.date = {
+    activateForm: function () {
+        'use strict';
+        var that = this,
+            output = jQuery(document.createElement('form'))
+                .addClass('form_in_place')
+                .attr('action', 'javascript:void(0);')
+                .attr('style', 'display:inline'),
+            input_elt = jQuery(document.createElement('input'))
+                .attr('type', 'text')
+                .attr('name', this.attributeName)
+                .attr('value', this.sanitizeValue(this.display_value));
+
+        if (this.inner_class !== null) {
+            input_elt.addClass(this.inner_class);
+        }
+        output.append(input_elt);
+
+        this.element.html(output);
+        this.setHtmlAttributes();
+        this.element.find('input')[0].select();
+        this.element.find("form").bind('submit', {editor: this}, BestInPlaceEditor.forms.input.submitHandler);
+        this.element.find("input").bind('keyup', {editor: this}, BestInPlaceEditor.forms.input.keyupHandler);
+
+        this.element.find('input')
+            .datepicker({
+                language: this.element.data('language')
+            }).on('hide', function(){
+                that.update();
+            }).on('changeDate', function(){
+                $(this).datepicker('hide');
+            })
+            .datepicker('show');
+    },
+
+    getValue: function () {
+        'use strict';
+        return this.sanitizeValue(this.element.find("input").val());
+    },
+
+    submitHandler: function (event) {
+        'use strict';
+        event.data.editor.update();
+    },
+
+    keyupHandler: function (event) {
+        'use strict';
+        if (event.keyCode === 27) {
+            event.data.editor.abort();
+        }
+    }
+}