bull-date-time-picker 0.0.0 → 0.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e857e755f1827198d0553bdc26cea549e0c4b1f5
-  data.tar.gz: 1691c94b6b28c379226185a9a66b55fdfdd18f63
+  metadata.gz: d0088f51ce3ae2cc14114257f46aa917a20db846
+  data.tar.gz: c4d2a61d1afb7c7d9df971abd1a480abe0291358
 SHA512:
-  metadata.gz: ed1d368c9564d8dc59ccf63e7e2d7e02e62aa9b8216774c4930ceab11687e14f9e1cd456148e40974c7d7a9d541cdec41912dd83d3ef48d6525d60ed04ed169c
-  data.tar.gz: 72a882546ba4e703771a0c0ad3a1e4ece5005f3a34c2c823727b593b9cd962fb2dc1b67b0555015a3f5a6932dafe461d1d800ea0a8c3279458c448db320b9503
+  metadata.gz: d83779e48070fd0fa432f7edfe24c415031d33c565fe07182d42541668974c382ee0a0f4238a8f0b6880c637210b1f4278dea402337adc1b6cd9af7a40198156
+  data.tar.gz: 5dff46519a637f63c46151e6060fb240e4be0279e6e09a1532c182b3891ba796855552f9235053446a28c86f77c06655ce33e5d42112f54f8254ce92159871d9

data/lib/datetime_ui.rb

@@ -3,7 +3,8 @@ require 'time'
 
 def day_row week, date
   ret = []
-  ini_month = Time.new(date.year, date.month, 1, date.hour, date.min)
+  #ini_month = Time.new(date.year, date.month, 1, date.hour, date.min)
+  ini_month = Time.new(date.year, date.month, 1)
   ini = ini_month - (ini_month.wday-1)*24*60*60
   ini = ini + 7*week*24*60*60
   end_ = ini + 7*24*60*60
@@ -26,11 +27,11 @@ end
 
 class Day < React::Component::Base
   param :data
-  param :change_date#, type: Proc
+  param :on_change
 
   def render
     span(class: params.data['decoration']){params.data['value']}.on(:click) do |event|
-      params.change_date.call params.data['date']
+      params.on_change.call params.data['date']
     end
   end
 end
@@ -38,19 +39,19 @@ end
 class Week < React::Component::Base
   param :week
   param :day
-  param :change_date#, type: Proc
+  param :on_change
 
   def render
     div(class: 'xdatetime-week') do
       day_row(params.week, params.day).each do |d|
-        Day(data: d, change_date: params.change_date) # key?
+        Day(data: d, on_change: params.on_change) # key?
       end
     end
   end
 end
 
 class DateTimeInput < React::Component::Base
-  param :change_date #, type: Proc
+  param :on_change
   param :time
   param :value
   param :format, type: String
@@ -60,6 +61,13 @@ class DateTimeInput < React::Component::Base
     state.day! Time.now
   end
 
+  def on_change v
+    if !params.time
+        state.show! false
+    end
+    params.on_change.call v
+  end
+
   def render
     day = params.value || Time.now
     val = if params.value
@@ -67,25 +75,24 @@ class DateTimeInput < React::Component::Base
           else
             ''
           end
-    div do
-      #input(type: :text, value: day.strftime(params.format)).on(:click) {|event| state.show! !state.show}
-      input(type: :text, value: val).on(:click) {|event| state.show! !state.show}
+    span(class: 'date-time-box') do
+      input(type: :text, value: val, disabled: 'disabled').on(:click) {|event| state.show! !state.show}
       div(class: 'xdatetime-popover') do
         div(class: 'xdatetime-header') do
-          i(class: 'minus-month fa fa-minus').on(:click) {state.day! state.day - 30*24*60*60} #{params.change_date.call day - 30*24*60*60}
+          i(class: 'minus-month fa fa-minus').on(:click) {state.day! state.day - 30*24*60*60}
           span{state.day.strftime('%m')}
           i(class: 'plus-month fa fa-plus').on(:click) {state.day! state.day  + 30*24*60*60}
           i(class: 'minus-year fa fa-minus').on(:click) {state.day! state.day  - 365*24*60*60}
           span{state.day.strftime('%Y')}
           i(class: 'plus-year fa fa-plus').on(:click) {state.day! state.day  + 365*24*60*60}
         end
-        6.times {|w| Week(week: w, day: state.day, change_date: params.change_date)}
+        6.times {|w| Week(week: w, day: state.day, on_change: lambda{|v| on_change v})}
         div(class: 'xdatetime-bottom') do
-          i(class: 'minus-hour fa fa-minus').on(:click) {params.change_date.call day - 60*60; state.day! state.day - 60*60}
-          i(class: 'plus-hour fa fa-plus').on(:click) {params.change_date.call day + 60*60; state.day! state.day + 60*60}
+          i(class: 'minus-hour fa fa-minus').on(:click) {params.on_change.call day - 60*60; state.day! state.day - 60*60}
+          i(class: 'plus-hour fa fa-plus').on(:click) {params.on_change.call day + 60*60; state.day! state.day + 60*60}
           span{day.strftime('%H:%M')}
-          i(class: 'minus-minute fa fa-minus').on(:click) {params.change_date.call day - 60; state.day! state.day - 60}
-          i(class: 'plus-minute fa fa-plus').on(:click) {params.change_date.call day + 60; state.day! state.day + 60}
+          i(class: 'minus-minute fa fa-minus').on(:click) {params.on_change.call day - 60; state.day! state.day - 60}
+          i(class: 'plus-minute fa fa-plus').on(:click) {params.on_change.call day + 60; state.day! state.day + 60}
         end if params.time
       end if state.show
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bull-date-time-picker
 version: !ruby/object:Gem::Version
-  version: 0.0.0
+  version: 0.0.1
 platform: ruby
 authors:
 - Miguel Alarcos
@@ -10,7 +10,7 @@ bindir: bin
 cert_chain: []
 date: 2016-04-09 00:00:00.000000000 Z
 dependencies: []
-description: Date time picker feature for Bull
+description: Date time picker feature for Bull Framework
 email: miguel.alarcos@gmail.com
 executables: []
 extensions: []
@@ -18,7 +18,7 @@ extra_rdoc_files: []
 files:
 - lib/bull-date-time-picker.rb
 - lib/datetime_ui.rb
-homepage: 
+homepage: https://rubygems.org/gems/bull-date-time-picker
 licenses:
 - MIT
 metadata: {}