Release 0.9.0

CHANGELOG.txt

@@ -1,6 +1,16 @@
 Angular-xeditable changelog
 =============================
 
+Version 0.9.0 Jul 20, 2018
+
+----------------------------
+[bug #732] Fix starter template (ckosloski)
+[enh #729] Add datepicker-template-url support for editableBsDate (ckosloski)
+[bug #716] Update bsdate.js (heart4hackers)
+[bug #715] Add ng-bind for input group (ckosloski)
+[bug #709] Fix editable-combodate for single date fields (ckosloski)
+
+
 Version 0.8.1 Nov 14, 2017
 
 ----------------------------

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-xeditable",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Edit in place for AngularJS",
   "author": "https://github.com/vitalets",
   "license": "MIT",

dist/js/xeditable.js

@@ -1,7 +1,7 @@
 /*!
-angular-xeditable - 0.8.1
+angular-xeditable - 0.9.0
 Edit-in-place for angular.js
-Build date: 2017-11-14 
+Build date: 2018-07-20 
 */
 /**
  * Angular-xeditable module 
@@ -159,8 +159,8 @@ angular.module('xeditable').directive('editableBsdate', ['editableDirectiveFacto
     function(editableDirectiveFactory, $injector, $parse) {
 
         // Constants from Angular-ui bootstrap datepicker
-        uibDatepickerConfig = $injector.get('uibDatepickerConfig');
-        uibDatepickerPopupConfig = $injector.get('uibDatepickerPopupConfig');
+        var uibDatepickerConfig = $injector.get('uibDatepickerConfig');
+        var uibDatepickerPopupConfig = $injector.get('uibDatepickerPopupConfig');
 
         var popupAttrNames = [
             ['eIsOpen', 'is-open'],
@@ -175,7 +175,8 @@ angular.module('xeditable').directive('editableBsdate', ['editableDirectiveFacto
             ['eOnOpenFocus', 'on-open-focus'],
             ['eName', 'name'],
             ['eDateDisabled', 'date-disabled'],
-            ['eAltInputFormats', 'alt-input-formats']
+            ['eAltInputFormats', 'alt-input-formats'],
+            ['eDatepickerTemplateUrl', 'datepicker-template-url']
         ];
 
         var dateOptionsNames = [
@@ -289,7 +290,7 @@ angular.module('xeditable').directive('editableBsdate', ['editableDirectiveFacto
                         });
                     }, 500);
                 });
-                
+
                 self.inputEl.bind('keydown', function(e) {
                     //submit on tab
                     if (e.keyCode === 9 && self.editorEl.attr('blur') === 'submit') {
@@ -425,9 +426,8 @@ angular.module('xeditable').directive('editableCombodate', ['editableDirectiveFa
 
         var combodate = editableCombodate.getInstance(this.inputEl, options);
         combodate.$widget.find('select').bind('change', function(e) {
-          //.replace is so this works in Safari
           self.scope.$data = combodate.getValue() ?
-              (new Date(combodate.getValue().replace(/-/g, "/"))).toISOString() : null;
+              moment(combodate.getValue(), combodate.options.format).toDate().toISOString() : null;
         }).change();
       }
     });
@@ -448,7 +448,7 @@ Input types: text|password|email|tel|number|url|search|color|date|datetime|datet
   var types = 'text|password|email|tel|number|url|search|color|date|datetime|datetime-local|time|month|week|file'.split('|');
 
   //todo: datalist
-  
+
   // generate directives
   angular.forEach(types, function(type) {
     var directiveName = camelCase('editable' + '-' + type);
@@ -460,34 +460,37 @@ Input types: text|password|email|tel|number|url|search|color|date|datetime|datet
           render: function() {
             this.parent.render.call(this);
 
+            var attrs = this.attrs;
+            var scope = this.scope;
+
             //Add bootstrap simple input groups
-            if (this.attrs.eInputgroupleft || this.attrs.eInputgroupright) {
+            if (attrs.eInputgroupleft || attrs.eInputgroupright) {
               this.inputEl.wrap('<div class="input-group"></div>');
 
-              if (this.attrs.eInputgroupleft) {
-                var inputGroupLeft = angular.element('<span class="input-group-addon">' + this.attrs.eInputgroupleft + '</span>');
+              if (attrs.eInputgroupleft) {
+                var inputGroupLeft = angular.element('<span class="input-group-addon" data-ng-bind="' + attrs.eInputgroupleft + '"></span>');
                 this.inputEl.parent().prepend(inputGroupLeft);
               }
 
-              if (this.attrs.eInputgroupright) {
-                var inputGroupRight = angular.element('<span class="input-group-addon">' + this.attrs.eInputgroupright + '</span>');
+              if (attrs.eInputgroupright) {
+                var inputGroupRight = angular.element('<span class="input-group-addon" data-ng-bind="' + attrs.eInputgroupright + '"></span>');
                 this.inputEl.parent().append(inputGroupRight);
               }
             }
 
             // Add label to the input
-            if (this.attrs.eLabel) {
-              var label = angular.element('<label>' + this.attrs.eLabel + '</label>');
-              if (this.attrs.eInputgroupleft || this.attrs.eInputgroupright) {
+            if (attrs.eLabel) {
+              var label = angular.element('<label>' + attrs.eLabel + '</label>');
+              if (attrs.eInputgroupleft || attrs.eInputgroupright) {
                 this.inputEl.parent().parent().prepend(label);
               } else {
                 this.inputEl.parent().prepend(label);
               }
             }
-            
+
             // Add classes to the form
-            if (this.attrs.eFormclass) {
-              this.editorEl.addClass(this.attrs.eFormclass);
+            if (attrs.eFormclass) {
+              this.editorEl.addClass(attrs.eFormclass);
               this.inputEl.removeAttr('formclass');
             }
           },
@@ -515,7 +518,7 @@ Input types: text|password|email|tel|number|url|search|color|date|datetime|datet
         render: function() {
           this.parent.render.call(this);
           this.inputEl.after('<output>' + $interpolate.startSymbol() + '$data' + $interpolate.endSymbol()  + '</output>');
-        }        
+        }
       });
   }]);
 

index.html

@@ -57,7 +57,7 @@
             <li class="active"><a href="#">Home</a></li>
             <li><a href="https://github.com/vitalets/angular-xeditable">GitHub</a></li>
           </ul>
-          <form class="navbar-form navbar-right"><a href="zip/angular-xeditable-0.8.1.zip" style="font-weight:bold" class="btn btn-primary"><span style="margin-right:10px" class="glyphicon glyphicon-save"></span>Download 0.8.1 ~ kb</a></form>
+          <form class="navbar-form navbar-right"><a href="zip/angular-xeditable-0.9.0.zip" style="font-weight:bold" class="btn btn-primary"><span style="margin-right:10px" class="glyphicon glyphicon-save"></span>Download 0.9.0 ~ kb</a></form>
           <div style="padding-top: 13px">
 <!-- google+ -->
 <div id="socials" style="text-align: center">
@@ -229,7 +229,7 @@ <h1>Get started</h1>
 
               <pre class="prettyprint">&lt;link href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;</pre>
             </li>
-            <li> <span>Install angular-xeditable via </span><a href="http://bower.io" target="_blank">bower</a><span> or  </span><a href="zip/angular-xeditable-0.8.1.zip">download latest zip    </a>
+            <li> <span>Install angular-xeditable via </span><a href="http://bower.io" target="_blank">bower</a><span> or  </span><a href="zip/angular-xeditable-0.9.0.zip">download latest zip    </a>
               <pre class="prettyprint">bower install angular-xeditable </pre>
             </li>
             <li>Include angular-xeditable into your project