bull-date-time-picker 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e857e755f1827198d0553bdc26cea549e0c4b1f5
+  data.tar.gz: 1691c94b6b28c379226185a9a66b55fdfdd18f63
+SHA512:
+  metadata.gz: ed1d368c9564d8dc59ccf63e7e2d7e02e62aa9b8216774c4930ceab11687e14f9e1cd456148e40974c7d7a9d541cdec41912dd83d3ef48d6525d60ed04ed169c
+  data.tar.gz: 72a882546ba4e703771a0c0ad3a1e4ece5005f3a34c2c823727b593b9cd962fb2dc1b67b0555015a3f5a6932dafe461d1d800ea0a8c3279458c448db320b9503

data/lib/bull-date-time-picker.rb

@@ -0,0 +1,8 @@
+if RUBY_ENGINE == 'opal'
+  require_relative 'datetime_ui'
+else
+  # NOT running inside of opal, set things up
+  # so opal can find the files.
+  require 'opal'
+  Opal.append_path File.expand_path('..', __FILE__).untaint
+end

data/lib/datetime_ui.rb

@@ -0,0 +1,94 @@
+require 'reactive-ruby'
+require 'time'
+
+def day_row week, date
+  ret = []
+  ini_month = Time.new(date.year, date.month, 1, date.hour, date.min)
+  ini = ini_month - (ini_month.wday-1)*24*60*60
+  ini = ini + 7*week*24*60*60
+  end_ = ini + 7*24*60*60
+  d = ini
+  while d < end_
+    if ini_month.month == d.month
+      if d == Time.new
+        decoration = 'xbold xunderline xtoday xdatetime-day'
+      else
+        decoration = 'xbold xdatetime-day'
+      end
+    else
+      decoration = 'xcursive xdatetime-day'
+    end
+    ret << {value: d.strftime('%d'), date: d, decoration: decoration}
+    d = d + 24*60*60
+  end
+  ret
+end
+
+class Day < React::Component::Base
+  param :data
+  param :change_date#, type: Proc
+
+  def render
+    span(class: params.data['decoration']){params.data['value']}.on(:click) do |event|
+      params.change_date.call params.data['date']
+    end
+  end
+end
+
+class Week < React::Component::Base
+  param :week
+  param :day
+  param :change_date#, type: Proc
+
+  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?
+      end
+    end
+  end
+end
+
+class DateTimeInput < React::Component::Base
+  param :change_date #, type: Proc
+  param :time
+  param :value
+  param :format, type: String
+
+  before_mount do
+    state.show! false
+    state.day! Time.now
+  end
+
+  def render
+    day = params.value || Time.now
+    val = if params.value
+            params.value.strftime(params.format)
+          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}
+      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}
+          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)}
+        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}
+          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}
+        end if params.time
+      end if state.show
+    end
+  end
+end
+

metadata

@@ -0,0 +1,45 @@
+--- !ruby/object:Gem::Specification
+name: bull-date-time-picker
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- Miguel Alarcos
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-04-09 00:00:00.000000000 Z
+dependencies: []
+description: Date time picker feature for Bull
+email: miguel.alarcos@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/bull-date-time-picker.rb
+- lib/datetime_ui.rb
+homepage: 
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Date time picker feature for Bull
+test_files: []