aurelia-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

dist/amd/aba-datetime-picker.js

@@ -76,3 +76,3 @@ define(['exports', 'aurelia-framework', 'moment', 'jquery', 'eonasdan-bootstrap-datetimepicker'], function (exports, _aureliaFramework, _moment, _jquery) {
 
-      _initDefineProp(this, 'model', _descriptor2, this);
+      _initDefineProp(this, 'value', _descriptor2, this);
 
@@ -171,3 +171,3 @@ _initDefineProp(this, 'iconSet', _descriptor3, this);
       this.domElm.on('dp.change', function (e) {
-        _this.model = (0, _moment2.default)(e.date).format(_this.format);
+        _this.value = (0, _moment2.default)(e.date).format(_this.format);
       });
@@ -349,3 +349,3 @@
     initializer: null
-  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'model', [_dec3], {
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'value', [_dec3], {
     enumerable: true,
@@ -352,0 +352,0 @@ initializer: null

dist/commonjs/aba-datetime-picker.js

@@ -75,3 +75,3 @@ 'use strict';
 
-    _initDefineProp(this, 'model', _descriptor2, this);
+    _initDefineProp(this, 'value', _descriptor2, this);
 
@@ -170,3 +170,3 @@ _initDefineProp(this, 'iconSet', _descriptor3, this);
     this.domElm.on('dp.change', function (e) {
-      _this.model = (0, _moment2.default)(e.date).format(_this.format);
+      _this.value = (0, _moment2.default)(e.date).format(_this.format);
     });
@@ -348,3 +348,3 @@
   initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'model', [_dec3], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'value', [_dec3], {
   enumerable: true,
@@ -351,0 +351,0 @@ initializer: null

dist/es2015/aba-datetime-picker.js

@@ -56,3 +56,3 @@ var _dec, _dec2, _dec3, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, _descriptor16, _descriptor17, _descriptor18, _descriptor19, _descriptor20, _descriptor21, _descriptor22, _descriptor23, _descriptor24, _descriptor25, _descriptor26, _descriptor27, _descriptor28, _descriptor29, _descriptor30, _descriptor31, _descriptor32, _descriptor33, _descriptor34, _descriptor35, _descriptor36, _descriptor37, _descriptor38;
 
-    _initDefineProp(this, 'model', _descriptor2, this);
+    _initDefineProp(this, 'value', _descriptor2, this);
 
@@ -149,3 +149,3 @@ _initDefineProp(this, 'iconSet', _descriptor3, this);
     this.domElm.on('dp.change', e => {
-      this.model = moment(e.date).format(this.format);
+      this.value = moment(e.date).format(this.format);
     });
@@ -319,3 +319,3 @@
   initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'model', [_dec3], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'value', [_dec3], {
   enumerable: true,
@@ -322,0 +322,0 @@ initializer: null

dist/system/aba-datetime-picker.js

@@ -74,3 +74,3 @@ 'use strict';
 
-          _initDefineProp(this, 'model', _descriptor2, this);
+          _initDefineProp(this, 'value', _descriptor2, this);
 
@@ -169,3 +169,3 @@ _initDefineProp(this, 'iconSet', _descriptor3, this);
           this.domElm.on('dp.change', function (e) {
-            _this.model = moment(e.date).format(_this.format);
+            _this.value = moment(e.date).format(_this.format);
           });
@@ -347,3 +347,3 @@
         initializer: null
-      }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'model', [_dec3], {
+      }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'value', [_dec3], {
         enumerable: true,
@@ -350,0 +350,0 @@ initializer: null

package.json

 {
   "name": "aurelia-bootstrap-datetimepicker",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "An Aurelia Custom Element for the 3rd party addon [Eonasdan Bootstrap Datepicker]",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -7,5 +7,5 @@ # Aurelia-Bootstrap-Datetimepicker
 ### Usage
-A quick example of the code in action. Note that the value is available under the `model.bind`.
+A quick example of the code in action. Note that the value is available under the `value.bind`.
 ```html
-<aba-datetime-picker model.bind="bill.dateEntered" format="YYYY-MM-DD"></aba-datetime-picker>
+<aba-datetime-picker value.bind="post.dateEntered" format="YYYY-MM-DD"></aba-datetime-picker>
 ```
@@ -43,3 +43,3 @@
 ```html
-<aba-datetime-picker element.bind="picker" model.bind="user.birthdate" format="YYYY-MM-DD"></aba-datetime-picker>
+<aba-datetime-picker element.bind="picker" value.bind="user.birthdate" format="YYYY-MM-DD"></aba-datetime-picker>
 ```
@@ -69,3 +69,3 @@
 ```html
-<aba-datetime-picker element.bind="picker" model.bind="user.birthdate" format="YYYY-MM-DD"></aba-datetime-picker>
+<aba-datetime-picker element.bind="picker" value.bind="user.birthdate" format="YYYY-MM-DD"></aba-datetime-picker>
 ```
@@ -106,3 +106,3 @@
   "name": "aurelia-bootstrap-datetimepicker",
-  "path": "../node_modules/aurelia-bootstrap-tagsinput/dist/amd",
+  "path": "../node_modules/aurelia-bootstrap-datetimepicker/dist/amd",
   "main": "index",
@@ -119,2 +119,44 @@ "resources": ["**/*.{css,html}"]
 
+#### Aurelia-Webpack
+`Bootstrap-Datetimepicker` and possibly others require to have the same `jQuery` accross the bundle. You will need to modify your `webpack.config.babel.js` for this to work correctly.
+
+
+```javascript
+const ENV...
+// add the following 
+const ProvidePlugin = require('webpack/lib/ProvidePlugin')
+const ContextReplacementPlugin = require('webpack/lib/ContextReplacementPlugin')
+
+...
+let config = generateConfig(
+{
+  entry: {
+    'app': ['./src/main' /* this is filled by the aurelia-webpack-plugin */],
+    'aurelia-bootstrap': coreBundles.bootstrap,
+    'aurelia': coreBundles.aurelia.filter(pkg => coreBundles.bootstrap.indexOf(pkg) === -1)
+  },
+  output: {
+    path: outDir
+  },
+  // ADD THE FOLLOWING (start)
+  plugins: [
+    new ContextReplacementPlugin(/moment[\/\\]locale$/, /en|fr/),
+    new ProvidePlugin({
+      $: "jquery",
+      jQuery: "jquery",
+      'window.jQuery': 'jquery',
+      'window.Tether': 'tether',
+      Tether: 'tether'
+    })
+  ],
+  resolve: {
+      alias: {
+          // Force all modules to use the same jquery version.
+          'jquery': path.join(__dirname, 'node_modules/jquery/src/jquery')
+      }
+  }
+  // ADD THE FOLLOWING (end)
+},
+```
+
 #### Aurelia (main)
@@ -137,1 +179,4 @@ Make the plugin available globally in your `main.js` file. Please note the exported class is `aba-tags-input` (`aba` stands for `Aurelia-Bootstrap-Addon`)
 ```
+
+### License
+[MIT License](https://github.com/ghiscoding/Aurelia-Bootstrap-Addons/blob/master/LICENSE)

src/aba-datetime-picker.js

@@ -10,3 +10,3 @@ import {inject, bindable, bindingMode} from 'aurelia-framework';
   @bindable({defaultBindingMode: bindingMode.twoWay}) element;
-  @bindable({defaultBindingMode: bindingMode.twoWay}) model;
+  @bindable({defaultBindingMode: bindingMode.twoWay}) value;
 
@@ -79,3 +79,3 @@ // plugin own variables
     this.domElm.on('dp.change', (e) => {
-      this.model = moment(e.date).format(this.format);
+      this.value = moment(e.date).format(this.format);
     });
@@ -82,0 +82,0 @@

No alert changes

Improved metrics

Total package byte prevSize

300766

increased by153%

Number of package files

41

increased by2.5%

Number of lines in readme file

176

increased by33.33%

No dependency changes