Add wrapper for datetime picker widget

babybuddy/static_src/js/babybuddy.js

@@ -1,12 +1,36 @@
-/* Baby Buddy
- *
- * Default namespace for the Baby Buddy app.
- */
 if (typeof jQuery === 'undefined') {
   throw new Error('Baby Buddy requires jQuery.')
 }
+if (typeof moment === 'undefined') {
+  throw new Error('Baby Buddy requires moment.js.')
+}
 
+/**
+ * Baby Buddy Namespace
+ *
+ * Default namespace for the Baby Buddy app.
+ */
 var BabyBuddy = function () {
-    var BabyBuddy = {};
+    return {};
-    return BabyBuddy;
 }();
+
+/**
+ * Baby Buddy Datetime Picker
+ *
+ * Provides modifications and defaults for the base datetime picker widget.
+ */
+BabyBuddy.DatetimePicker = function ($, moment) {
+    return {
+        init: function (element, options) {
+            var defaultOptions = {
+                buttons: { showToday: true },
+                defaultDate: 'now',
+                format: 'L LT',
+                ignoreReadonly: true,
+                locale: moment.locale(),
+                useCurrent: false
+            };
+            element.datetimepicker($.extend(defaultOptions, options));
+        }
+    };
+}(jQuery, moment);

babybuddy/templates/babybuddy/base.html

@@ -41,8 +41,8 @@
 {% block page %}{% endblock %}
 
     <script src="{% static "babybuddy/js/vendor.js" %}"></script>
-    <script src="{% static "babybuddy/js/app.js" %}"></script>
     <script>moment.locale('{{ LOCALE }}');</script>
+    <script src="{% static "babybuddy/js/app.js" %}"></script>
 
 {% block javascript %}{% endblock %}
 </body>

core/templates/core/child_form.html

@@ -32,13 +32,10 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_birth_date'), {
-            $('#datetimepicker_birth_date').datetimepicker({
+            format: 'L',
-                format: 'L',
+            viewMode: 'years',
-                locale: '{{ LOCALE }}',
+            extraFormats: ['YYYY-MM-DD']
-                viewMode: 'years',
-                extraFormats: ['YYYY-MM-DD']
-            });
         });
     </script>
 {% endblock %}

core/templates/core/diaperchange_form.html

@@ -31,12 +31,6 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_time'));
-            $('#datetimepicker_time').datetimepicker({
-                defaultDate: 'now',
-                format: 'L LT',
-                locale: '{{ LOCALE }}'
-            });
-        });
     </script>
 {% endblock %}

core/templates/core/feeding_form.html

@@ -31,17 +31,9 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_start'), {
-            $('#datetimepicker_start').datetimepicker({
+            defaultDate: false
-                format: 'L LT',
-                locale: '{{ LOCALE }}',
-                useCurrent: false
-            });
-            $('#datetimepicker_end').datetimepicker({
-                defaultDate: 'now',
-                format: 'L LT',
-                locale: '{{ LOCALE }}'
-            });
         });
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_end'));
     </script>
 {% endblock %}

core/templates/core/sleep_form.html

@@ -31,17 +31,9 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_start'), {
-            $('#datetimepicker_start').datetimepicker({
+            defaultDate: false
-                format: 'L LT',
-                locale: '{{ LOCALE }}',
-                useCurrent: false
-            });
-            $('#datetimepicker_end').datetimepicker({
-                defaultDate: 'now',
-                format: 'L LT',
-                locale: '{{ LOCALE }}'
-            });
         });
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_end'));
     </script>
 {% endblock %}

core/templates/core/temperature_form.html

@@ -31,12 +31,6 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_time'));
-            $('#datetimepicker_time').datetimepicker({
-                defaultDate: 'now',
-                format: 'L LT',
-                locale: '{{ LOCALE }}'
-            });
-        });
     </script>
 {% endblock %}

core/templates/core/timer_form.html

@@ -26,12 +26,8 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_time'), {
-            $('#datetimepicker_start').datetimepicker({
+            format: 'L LTS'
-                defaultDate: 'now',
-                format: 'L LTS',
-                locale: '{{ LOCALE }}'
-            });
         });
     </script>
 {% endblock %}

core/templates/core/tummytime_form.html

@@ -31,17 +31,12 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_start'), {
-            $('#datetimepicker_start').datetimepicker({
+            defaultDate: false,
-                format: 'L LTS',
+            format: 'L LTS'
-                locale: '{{ LOCALE }}',
+        });
-                useCurrent: false
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_end'), {
-            });
+            format: 'L LTS'
-            $('#datetimepicker_end').datetimepicker({
-                defaultDate: 'now',
-                format: 'L LTS',
-                locale: '{{ LOCALE }}'
-            });
         });
     </script>
 {% endblock %}

core/templates/core/weight_form.html

@@ -31,12 +31,9 @@
 
 {% block javascript %}
     <script type="text/javascript">
-        $(function () {
+        BabyBuddy.DatetimePicker.init($('#datetimepicker_date'), {
-            $('#datetimepicker_date').datetimepicker({
+            format: 'L',
-                defaultDate: 'now',
+            extraFormats: ['YYYY-MM-DD']
-                format: 'L',
-                locale: '{{ LOCALE }}'
-            });
         });
     </script>
 {% endblock %}

static/babybuddy/js/app.2e4d289ca382.js

@@ -1,16 +1,40 @@
-/* Baby Buddy
- *
- * Default namespace for the Baby Buddy app.
- */
 if (typeof jQuery === 'undefined') {
   throw new Error('Baby Buddy requires jQuery.')
 }
+if (typeof moment === 'undefined') {
+  throw new Error('Baby Buddy requires moment.js.')
+}
 
+/**
+ * Baby Buddy Namespace
+ *
+ * Default namespace for the Baby Buddy app.
+ */
 var BabyBuddy = function () {
-    var BabyBuddy = {};
+    return {};
-    return BabyBuddy;
 }();
 
+/**
+ * Baby Buddy Datetime Picker
+ *
+ * Provides modifications and defaults for the base datetime picker widget.
+ */
+BabyBuddy.DatetimePicker = function ($, moment) {
+    return {
+        init: function (element, options) {
+            var defaultOptions = {
+                buttons: { showToday: true },
+                defaultDate: 'now',
+                format: 'L LT',
+                ignoreReadonly: true,
+                locale: moment.locale(),
+                useCurrent: false
+            };
+            element.datetimepicker($.extend(defaultOptions, options));
+        }
+    };
+}(jQuery, moment);
+
 /* Baby Buddy Timer
  *
  * Uses a supplied ID to run a timer. The element using the ID must have

static/babybuddy/js/app.js

@@ -1,16 +1,40 @@
-/* Baby Buddy
- *
- * Default namespace for the Baby Buddy app.
- */
 if (typeof jQuery === 'undefined') {
   throw new Error('Baby Buddy requires jQuery.')
 }
+if (typeof moment === 'undefined') {
+  throw new Error('Baby Buddy requires moment.js.')
+}
 
+/**
+ * Baby Buddy Namespace
+ *
+ * Default namespace for the Baby Buddy app.
+ */
 var BabyBuddy = function () {
-    var BabyBuddy = {};
+    return {};
-    return BabyBuddy;
 }();
 
+/**
+ * Baby Buddy Datetime Picker
+ *
+ * Provides modifications and defaults for the base datetime picker widget.
+ */
+BabyBuddy.DatetimePicker = function ($, moment) {
+    return {
+        init: function (element, options) {
+            var defaultOptions = {
+                buttons: { showToday: true },
+                defaultDate: 'now',
+                format: 'L LT',
+                ignoreReadonly: true,
+                locale: moment.locale(),
+                useCurrent: false
+            };
+            element.datetimepicker($.extend(defaultOptions, options));
+        }
+    };
+}(jQuery, moment);
+
 /* Baby Buddy Timer
  *
  * Uses a supplied ID to run a timer. The element using the ID must have