active_admin_date_range_preset 0.3.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5e2eafd8e73beed25a8010bbe309291da805ef1e
+  data.tar.gz: eaf3f1a3bc3c02267c2b84d14fa4b04b934e9bce
+SHA512:
+  metadata.gz: 42111b783d917407effbab879d4e6aedc3abf37ffe77e3394af742188d0ace77e99280f0b3edd9404a7be6bc93b6b3e705b0b99ddfa77d4fa1993616acd573e7
+  data.tar.gz: cdf6a722273e792c3b66dcb9e11d32788de15ee440fab011a9c11f9262bd8c24c64e52824db1d1fd54be3d7b8e781de927ff1ee7ab46d9ee21a253618b53ac74

data/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in active_admin_date_range_preset.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Igor Fedoronchuk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,189 @@
+# active_admin_date_range_preset
+
+Preset links for ActiveAdmin date_range inputs in sidebar filters in forms
+
+This is how it looks like
+
+![Step 1](/screen/step_1.jpg)
+
+![Step 2](/screen/step_2.jpg)
+
+![Form 1](/screen/step_2_1.png)
+
+![Form 2](/screen/step_2_2.png)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'active_admin_date_range_preset', github: 'workgena/active_admin_date_range_preset'
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install active_admin_date_range_preset
+
+Include assests:
+
+ JS asset
+ ```//= require active_admin_date_range_preset```
+
+ CSS
+ ```@import "active_admin_date_range_preset";```
+
+Your sidebar filters should now have link "Set Range"
+
+## Usage
+
+in New/Edit formtastic forms:
+
+```ruby
+f.input :date_from, as: :date_time_picker, wrapper_html: { class: 'datetime_preset_pair', data: { show_time: 'true' } }
+f.input :date_to, as: :date_time_picker
+```
+
+Input can be "as :string" or any other type compatible with "input type=text"
+Main point is to set for first input-pair wrapper-class
+
+```wrapper_html: { class: 'datetime_preset_pair' }```
+
+input name('date_from' and 'date_to') can be named whatever your need
+
+By default inputs are filled with date("yyyy-mm-dd"). If you need time add
+
+```data: { show_time: 'true' }```
+
+
+## Using with ActiveAdminDatetimepicker
+
+If you use GEM https://github.com/activeadmin-plugins/active_admin_datetimepicker
+and want apply this plugin to filter-inputs for this gem you need:
+
+First apply ActiveAdminDatetimepicker to any filters your need
+
+```ruby
+filter :time_start, as: :date_time_range
+```
+
+In active_admin.js
+
+Add following lines to JavaScript
+
+```javascript
+$(document).on('ready', function(){
+    $('form.filter_form div.filter_date_time_range').date_range_ext_preset();
+});
+```
+
+Now all you "date_time_range" inputs has button "Set range"
+
+
+## Custom usage
+
+You can assign "Set range" almost to any input-text-pair filters/forms.
+For example, you have complex form where input-pairs are not close to each other and not standard.
+
+```javascript
+$(document).on('ready', function(){
+  $('.any_jquery_selector').date_range_ext_preset({
+    lteq_input: '.jquery_selector_to_first_input',
+    gteq_input: '.jquery_selector_to_second_input'
+  });
+});
+```
+".any_jquery_selector" is pointed to place where button "Set range" will appear.
+Set lteq_input and gteq_input to point to inputs if they not near main selector.
+
+
+## Global and local settings
+
+There are several settings, which can be set globally or locally.
+
+Example how to set settings for only specific inputs
+
+```javascript
+$('.any_jquery_selector').date_range_ext_preset({
+ setting_name: "setting_value"
+});
+```
+Example how to set global settings. Write it before $(document).on('ready')
+
+```javascript
+$.fn.date_range_ext_preset.defaults.setting_name = "setting_value"
+```
+
+You can set global defaults in your active_admin.js like this:
+
+```javascript
+# End date will be full-day, not next.
+# Today true : 2015-06-12 - 2015-06-12
+# Today false: 2015-06-12 - 2015-06-13
+$.fn.date_range_ext_preset.defaults.date_to_human_readable = true
+
+# Display time
+# Today: 2015-06-12 00:00:00 - 2015-06-13 00:00:00
+# Today with human_readable=true: 2015-06-12 00:00:00 - 2015-16-12 23:59:59
+$.fn.date_range_ext_preset.defaults.show_time = true
+```
+
+### date_to_human_readable
+
+value: true/false
+
+default: false
+
+This options changes second date to include full date-time of the day, like normal human thinks about time ranges.
+Today true : 2015-06-12 - 2015-06-12
+Today false: 2015-06-12 - 2015-06-13
+
+When normal human say "2015-06-12" hi means "2015-06-12 23:59:59"
+But default behavior in programming is "2015-06-12" = "2015-06-12 00:00:00"
+Be careful with this options. Cause if you change it to "true" you will also need to change your server-side scripts to search "humanize-way".
+
+### show_time
+
+value: true/false
+
+default: false
+
+If true then will show date and time, usually it will be 00:00:00
+
+### hours_offset
+
+values: positive or negative integer
+
+default: 0
+
+To work correctly this plugin needs to detect current date-time. And it uses UTC. But if you need your local timezone or some other time-shift, your can set this option:
+
+Example:
+```javascript
+$.fn.date_range_ext_preset.defaults.hours_offset = +3
+// or
+$.fn.date_range_ext_preset.defaults.hours_offset = -3
+``` 
+
+### Addition ranges
+
+```javascript
+$(document).on('ready', function(){
+
+    $('.filter_form .filter_date_range').date_range_ext_preset({
+        date_to_human_readable: true, # affects last day
+        add_range: [
+            {
+                title: 'Last 30 days',
+                // date_to_human_readable affects end-date, sow must do this:
+                start: new Date(new Date().setDate(new Date().getDate() - 29)),
+                end: new Date(new Date().setDate(new Date().getDate() + 1))
+            }
+        ]
+    });
+
+});
+```

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/active_admin_date_range_preset.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'active_admin_date_range_preset/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "active_admin_date_range_preset"
+  spec.version       = ActiveAdminDateRangePreset::VERSION
+  spec.authors       = ["Gena M."]
+  spec.email         = ["workgena@gmail.com"]
+
+  spec.summary       = %q{date_range_preset extension for ActiveAdmin}
+  spec.description   = %q{Integrate useful fast links to set date ranges in to ActiveAdmin, for example today range, week range, month range}
+  spec.homepage      = "https://github.com/workgena/active_admin_date_range_preset"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "bin"
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.8"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/active_admin_date_range_preset/version.rb

@@ -0,0 +1,3 @@
+module ActiveAdminDateRangePreset
+  VERSION = "0.3.0"
+end

data/lib/active_admin_date_range_preset.rb

@@ -0,0 +1,11 @@
+require "activeadmin"
+require "active_admin_date_range_preset/version"
+
+module ActiveAdminDateRangePreset
+    module Rails
+      class Engine < ::Rails::Engine
+
+      end
+    end
+
+end

data/vendor/assets/javascripts/active_admin_date_range_preset.coffee

@@ -0,0 +1,191 @@
+(($) ->
+  # options:
+  #  gteq_input: jQuery-selecotr for input date_from
+  #  lteq_input: jQuery-selecotr for input date_to
+  #  hours_offset: Int number - hours +/- to correct time
+  $.fn.date_range_ext_preset = (options)->
+
+    # settings
+    options = options || {}
+    opts = $.extend( {}, $.fn.date_range_ext_preset.defaults, options );
+
+    # aditional functions
+    num_with_leading_zero = (num, digits_count = 2)->
+      s = num + ''
+      s = '0' + s while (s.length < digits_count)
+      return s
+
+    # formated date YYYY-MM-DD, with converting to UTC
+    # note: getMonth Returns the month (from 0-11), so we do +1
+    formatDate = (date)->
+      str = date.getFullYear() + '-' + num_with_leading_zero(date.getMonth()+1) + '-' + num_with_leading_zero(date.getDate())
+      if opts.show_time
+        str += ( ' ' + num_with_leading_zero(date.getHours()) + ':' + num_with_leading_zero(date.getMinutes()) + ':' + num_with_leading_zero(date.getSeconds()) )
+      return str
+
+    unbindClickEventBlockTimerange = ->
+      $('.block_timerange').remove()
+      $('body').off('click.CalendarRangeSet')
+
+    # local datetime now
+    now = new Date()
+    # UTC datetime now
+    now_utc = new Date(
+      now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(),
+      now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds(),
+      now.getUTCMilliseconds()
+    )
+    # datetime object, UTC with hours offset
+    datetime = new Date(now_utc.getTime() + opts.hours_offset * 60 * 60 * 1000)
+
+
+    # PLUGIN BEGIN
+    return this.each (i, el) ->
+      $this = $(el)
+
+      if typeof $this.data('show-time') != 'undefined' && $this.data('show-time').toString() == 'true'
+        console.log $this.data('show-time')
+        opts.show_time = true
+
+
+      # detect inputs
+      if options.lteq_input
+        lteq_input = $(options.lteq_input)
+      else
+        lteq_input = if $this.hasClass('datetime_preset_pair') then $this.next().find('input') else $this.find('input:last')
+      if options.gteq_input
+        gteq_input = $(options.gteq_input)
+      else
+        gteq_input = if $this.hasClass('datetime_preset_pair') then $this.find('input') else $this.find('input:first')
+
+      # filter modifying
+      main_btn_html = '<a href="#" class="btn_timerange">Set range</a>'
+      $this.find('label').addClass('datetime_preset_filter_label').append(main_btn_html)
+
+      # helper
+      fillInputs = (start, end)->
+        gteq_input.val(formatDate(start) )
+        if opts.date_to_human_readable
+          end.setTime( end.getTime() - 1000 )
+        lteq_input.val( formatDate(end) )
+
+      $this.on('click', '.btn_timerange', (e)->
+        unbindClickEventBlockTimerange()
+        e.stopPropagation()
+        e.preventDefault()
+
+        additional_items_html = ''
+        opts.add_range.forEach (el, i)->
+          additional_items_html += '<div><span class="btn_date_range_' + i + '">' + el['title'] + '</span></div>'
+
+        $('body').append('<div style="min-width: '+e.target.offsetWidth+'px; top: '+(e.target.offsetTop)+'px; left: '+(e.target.offsetLeft)+'px" class="block_timerange">' +
+            '<div><span class="btn_today">Today</span></div>' +
+            '<div><span class="btn_yesterday">Yesterday</span></div>' +
+            '<div><span class="btn_week">This Week</span></div>' +
+            '<div><span class="btn_month">This Month</span></div>' +
+            '<div><span class="btn_last_week">Last Week</span></div>' +
+            '<div><span class="btn_last_month">Last Month</span></div>' +
+            additional_items_html +
+            '</div>'
+        ).ready(->
+          container = $(this).find('.block_timerange')
+
+          # additional ranges
+          opts.add_range.forEach (el, i)->
+            $(container).on('click.CalendarRangeSet', '.btn_date_range_' + i, (e)->
+              unbindClickEventBlockTimerange()
+              start = new Date(el['start'].getFullYear(), el['start'].getMonth(), el['start'].getDate())
+              end = new Date(el['end'].getFullYear(), el['end'].getMonth(), el['end'].getDate())
+              fillInputs(start, end)
+            )
+
+          # Today
+          $(container).on('click.CalendarRangeSet', '.btn_today', (e)->
+            unbindClickEventBlockTimerange()
+            start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate())
+            end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() + 1)
+            fillInputs(start, end)
+          )
+
+          # Yesterday
+          $(container).on('click.CalendarRangeSet', '.btn_yesterday', (e)->
+            unbindClickEventBlockTimerange()
+            start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - 1)
+            end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate())
+            fillInputs(start, end)
+          )
+
+          # Week
+          $(container).on('click.CalendarRangeSet', '.btn_week', (e)->
+            unbindClickEventBlockTimerange()
+            start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - datetime.getDay() + 1)
+            end = new Date(start.getFullYear(), start.getMonth(), start.getDate() + 7)
+            fillInputs(start, end)
+          )
+
+          # Month
+          $(container).on('click.CalendarRangeSet', '.btn_month', (e)->
+            unbindClickEventBlockTimerange()
+            start = new Date(datetime.getFullYear(), datetime.getMonth(), 1)
+            end = new Date(datetime.getFullYear(), datetime.getMonth()+1, 1)
+            fillInputs(start, end)
+          )
+
+          # Last Week
+          $(container).on('click.CalendarRangeSet', '.btn_last_week', (e)->
+            unbindClickEventBlockTimerange()
+            end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - datetime.getDay() + 1)
+            start = new Date(end.getFullYear(), end.getMonth(), end.getDate() - 7)
+            fillInputs(start, end)
+          )
+
+          # Last Month
+          $(container).on('click.CalendarRangeSet', '.btn_last_month', (e)->
+            unbindClickEventBlockTimerange()
+            end = new Date(datetime.getFullYear(), datetime.getMonth(), 1)
+            start = new Date(end.getFullYear(), end.getMonth() - 1, 1)
+            fillInputs(start, end)
+          )
+
+          # Outer
+          $('body').on('click.CalendarRangeSet', (e)->
+            e.stopPropagation()
+            if $(e.target).closest('.block_timerange').length == 0
+              unbindClickEventBlockTimerange()
+          )
+        )
+      )
+
+  $.fn.date_range_ext_preset.defaults = {
+    # Manual global time shift, from UTC can be +/- number
+    hours_offset: 0,
+
+    # date_to_human_readable = true, then "date_to" consider as including full day without last second
+    #  For example Today will be:
+    #   true
+    #     2015-06-10 - 2015-06-10
+    #     2015-06-10 00:00:00 - 2015-06-10 23:59:59
+    #   false
+    #     2015-06-10 - 2015-06-11
+    #     2015-06-10 00:00:00 - 2015-06-11 00:00:00
+    date_to_human_readable: false,
+
+    # Display time or not: 2015-06-10 vs 2015-06-10 00:00:00
+    show_time: false,
+
+    # Array of addition ranges
+    # example:
+    # {
+    #   title: 'Last 30 days',
+    #   start: new Date().setDate((new Date()).getDate() - 30)
+    #   end: new Date()
+    # }
+    add_range: []
+  };
+
+) jQuery
+
+
+$(document).on 'ready', ->
+  # Init in forms
+  $('.datetime_preset_pair').date_range_ext_preset()

data/vendor/assets/stylesheets/active_admin_date_range_preset.css.scss

@@ -0,0 +1,36 @@
+form label.datetime_preset_filter_label .btn_timerange {
+  float: right;
+  margin: -2px 8px 0 0;
+  text-decoration: none;
+  border-bottom: 1px dashed;
+  line-height: 1.4em;
+  &:hover {
+    border-bottom: 0 none;
+  }
+}
+
+.block_timerange {
+  position: absolute;
+  display: block;
+  border: 1px solid #000;
+  padding: 5px 10px 5px 10px;
+  text-align: center;
+  background-color: #f4f4f4;
+  >div {
+    margin-top: 10px;
+    &:last-child {
+      margin-bottom: 10px;
+    }
+    span {
+      color: #2e86cc;
+      cursor: pointer;
+      text-decoration: none;
+      font-size: 14px;
+      border-bottom: 1px dashed;
+      &:hover {
+        border-bottom: 0 none;
+      }
+    }
+  }
+}
+

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification
+name: active_admin_date_range_preset
+version: !ruby/object:Gem::Version
+  version: 0.3.0
+platform: ruby
+authors:
+- Gena M.
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-04-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Integrate useful fast links to set date ranges in to ActiveAdmin, for
+  example today range, week range, month range
+email:
+- workgena@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".idea/vcs.xml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- active_admin_date_range_preset.gemspec
+- lib/active_admin_date_range_preset.rb
+- lib/active_admin_date_range_preset/version.rb
+- screen/step_1.jpg
+- screen/step_2.jpg
+- screen/step_2_1.png
+- screen/step_2_2.png
+- vendor/assets/javascripts/active_admin_date_range_preset.coffee
+- vendor/assets/stylesheets/active_admin_date_range_preset.css.scss
+homepage: https://github.com/workgena/active_admin_date_range_preset
+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.6.10
+signing_key: 
+specification_version: 4
+summary: date_range_preset extension for ActiveAdmin
+test_files: []