kolo 0.7.4 → 0.7.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f11a1fad0faa20c43e1f9d24a3970bdb6025334c
-  data.tar.gz: 167a7cabd6bf309f4da3fb4972af8a05f8846b13
+  metadata.gz: 815e3cfa44528e4161d5b7c3062a2841a8d26e83
+  data.tar.gz: 0ad89b57b234a8247308130d23fe7724cb6209ca
 SHA512:
-  metadata.gz: beb96fe892abad884b1a9d9a9789e8c2a385adf16365b5dca5e899623d8d1dcf75dc0e1d3a1a99db7069fc2cc32fa90d97d44859a2af04cd0631cf0161bbaea3
-  data.tar.gz: 7423844f03e82df8308631fe48a9ed538b9517160f405eb44bbe0b32899ec10ce1b47b22e6d9d106fdef680bc00882c443c7771672444163b93b088a6873c93a
+  metadata.gz: d4060afefac33df13885bce036c0d8cd083ad1467ce6957600d71faa5ffac5a8c4bd51568d0c1a4fd89d2b5f48991988004a684db468f15b6d01bf7ab42810aa
+  data.tar.gz: 813f971c819a4fef350da2fef7c7939f71a4c03e7a3595d61081f40f8ddcef0bd5b4284ec69746edc4e7f310cc0efcd3bb869c96874a6ac1a51877e3419f8d8c

data/lib/assets/javascripts/bindings.js.coffee

@@ -221,6 +221,40 @@ ko.bindingHandlers.wysiwyg =
     ko.bindingHandlers.value.update element, valueAccessor
     $(element).attr('data-edit-in-progress', 'false')
 
+ko.bindingHandlers.date = 
+  init: (element, valueAccessor, allBindingsAccessor)->
+    options = allBindingsAccessor().datepickerOptions || {}
+    options.dateFormat ||= 'yy-mm-dd'
+
+    $(element).datepicker(options)
+    $(element).on 'change', (evt)->
+      observable = valueAccessor()
+      observable $(element).datepicker('getDate')
+
+    ko.utils.domNodeDisposal.addDisposeCallback element, ->
+      $(element).datepicker('destroy')
+
+  update: (element, valueAccessor)->
+    value = ko.utils.unwrapObservable(valueAccessor())
+    parsed = $.datepicker.parseDate 'yy-mm-dd', value
+    $(element).datepicker('setDate', parsed)
+
+ko.bindingHandlers.slider = 
+  init: (element, valueAccessor, allBindingsAccessor)->
+    options = allBindingsAccessor().sliderOptions || {}
+
+    $(element).slider(options)
+    $(element).on 'change', (evt)->
+      observable = valueAccessor()
+      observable $(element).slider('value')
+
+    ko.utils.domNodeDisposal.addDisposeCallback element, ->
+      $(element).slider('destroy')
+
+  update: (element, valueAccessor)->
+    value = ko.utils.unwrapObservable(valueAccessor())
+    $(element).slider('value', value)
+
 ko.bindingHandlers.richtext =
   init: (element, valueAccessor, allBindingsAccessor)->
     value = ko.utils.unwrapObservable valueAccessor()

data/lib/assets/javascripts/data-access.js.coffee

@@ -252,7 +252,6 @@ class Model
 
   select: ->
     @db.selected this
-    @initDateControls()
 
   deselect: ->
     @deleting false
@@ -270,14 +269,6 @@ class Model
     @editing false
     @deselect()
 
-  initDateControls: ->
-    setTimeout =>
-      return unless @requiresDatePicker()
-      $('input.datepicker').datepicker(format: 'yyyy-mm-dd')
-      $('input.datepicker').on 'changeDate', (evt)->
-        $(this).trigger 'change'
-    , 100 
-
   requiresDatePicker: ->
     i = document.createElement 'input'
     i.setAttribute 'type', 'date'

data/lib/kolo/version.rb

@@ -1,3 +1,3 @@
 module Kolo
-  VERSION = "0.7.4"
+  VERSION = "0.7.5"
 end

data/public/js/bindings.js

@@ -346,6 +346,50 @@
     }
   };
 
+  ko.bindingHandlers.date = {
+    init: function(element, valueAccessor, allBindingsAccessor) {
+      var options;
+      options = allBindingsAccessor().datepickerOptions || {};
+      options.dateFormat || (options.dateFormat = 'yy-mm-dd');
+      $(element).datepicker(options);
+      $(element).on('change', function(evt) {
+        var observable;
+        observable = valueAccessor();
+        return observable($(element).datepicker('getDate'));
+      });
+      return ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
+        return $(element).datepicker('destroy');
+      });
+    },
+    update: function(element, valueAccessor) {
+      var parsed, value;
+      value = ko.utils.unwrapObservable(valueAccessor());
+      parsed = $.datepicker.parseDate('yy-mm-dd', value);
+      return $(element).datepicker('setDate', parsed);
+    }
+  };
+
+  ko.bindingHandlers.slider = {
+    init: function(element, valueAccessor, allBindingsAccessor) {
+      var options;
+      options = allBindingsAccessor().sliderOptions || {};
+      $(element).slider(options);
+      $(element).on('change', function(evt) {
+        var observable;
+        observable = valueAccessor();
+        return observable($(element).slider('value'));
+      });
+      return ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
+        return $(element).slider('destroy');
+      });
+    },
+    update: function(element, valueAccessor) {
+      var value;
+      value = ko.utils.unwrapObservable(valueAccessor());
+      return $(element).slider('value', value);
+    }
+  };
+
   ko.bindingHandlers.richtext = {
     init: function(element, valueAccessor, allBindingsAccessor) {
       var value;

data/public/js/data-access.js

@@ -398,8 +398,7 @@
     };
 
     Model.prototype.select = function() {
-      this.db.selected(this);
-      return this.initDateControls();
+      return this.db.selected(this);
     };
 
     Model.prototype.deselect = function() {
@@ -420,22 +419,6 @@
       return this.deselect();
     };
 
-    Model.prototype.initDateControls = function() {
-      return setTimeout((function(_this) {
-        return function() {
-          if (!_this.requiresDatePicker()) {
-            return;
-          }
-          $('input.datepicker').datepicker({
-            format: 'yyyy-mm-dd'
-          });
-          return $('input.datepicker').on('changeDate', function(evt) {
-            return $(this).trigger('change');
-          });
-        };
-      })(this), 100);
-    };
-
     Model.prototype.requiresDatePicker = function() {
       var i;
       i = document.createElement('input');

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kolo
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.7.5
 platform: ruby
 authors:
 - Rahoul Baruah