active_admin_date_range_preset 0.3.1 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: b2526d66741dfb06f10a00519319d06b932b6262
-  data.tar.gz: 8a477fce7edb54fec2b8986a8035555fae646054
+SHA256:
+  metadata.gz: 9017cfc30106119dd13d0064a6fd63d8d6eacb3bf6e526a97eb26793f8d47c21
+  data.tar.gz: eb4e677c8381eff213f9ab5efd4c924e7a38f0543b2e6b159e650a86c1deb85b
 SHA512:
-  metadata.gz: bbbcba3e6fa51813b79a0c234381749ff7753bbb16fa9eb0dec71557cb2355a350a1f5420953d6b73793af87d11d6a191d68608f7e6aeb46d8bd35ca1d4f4a46
-  data.tar.gz: 8a9b043bae338b79160dde1a3634dd4ca63c1d5a8f70c38d8a7a553564baa03761c6cda050ea26ec94b073bf3828aa88f29d799174035c1c899e595c0ea68631
+  metadata.gz: c5ed90bdb897e4463d9979b6bf70edd059b4ff3f3b2454ad6b989b31257e3fa1eb5e9109810c5ec73f5fdcbc032b0190b7bde3c0731c89e43ef14a52e3713e46
+  data.tar.gz: d1e948d843d9aa35bcc40592fcbce5fcdc5d4044bd70747c4c872cf27c9606723240ea046500df9010825e8bc3a67191a839eb9f8f6ad747018c223bef9bf416

data/README.md

@@ -1,16 +1,35 @@
+[![Gem Version](https://badge.fury.io/rb/active_admin_date_range_preset.svg)](https://badge.fury.io/rb/active_admin_date_range_preset)
+[![NPM Version](https://badge.fury.io/js/@activeadmin-plugins%2Factive_admin_date_range_preset.svg)](https://badge.fury.io/js/@activeadmin-plugins%2Factive_admin_date_range_preset)
+![npm](https://img.shields.io/npm/dm/@activeadmin-plugins/active_admin_date_range_preset)
+[![CI](https://github.com/activeadmin-plugins/active_admin_date_range_preset/actions/workflows/ci.yml/badge.svg)](https://github.com/activeadmin-plugins/active_admin_date_range_preset/actions/workflows/ci.yml)
+
 # 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)
+<img width="1008" height="942" alt="combined" src="https://github.com/user-attachments/assets/cbe22410-078e-4f2b-894b-4457c13e3e22" />
+
+
+## Compatibility
+
+Active Admin 3.2 or newer, in the 3.x series. Rails 8.0 or newer, Ruby 3.3 or
+newer. CI covers Active Admin 3.2 and 3.5 on Ruby 3.3, 3.4 and 4.0 against
+Rails 8.0 and 8.1 — every Rails series still supported upstream.
 
-![Step 2](/screen/step_2.jpg)
+Version 0.4.0 raised the Rails floor from 7.1 to 8.0. Every 7.x series is out
+of support — 7.1 since October 2025, 7.2 since August 2026 — and none of them
+is tested. Stay on 0.3.x if you are still on Rails 7.
 
-![Form 1](/screen/step_2_1.png)
+The Rails and Ruby floors are declared explicitly because Active Admin 3.2
+still allows `railties >= 6.1` and Ruby `>= 2.6`, both long past end of life
+and neither tested here.
 
-![Form 2](/screen/step_2_2.png)
+Active Admin 4 is not supported. It drops `jquery-rails` and the
+`app/assets/javascripts` tree, and this gem is a jQuery plugin shipped through
+Sprockets, so nothing here loads there. Supporting it means a rewrite rather
+than a port, and that is tracked separately.
 
 ## Installation
 
@@ -28,7 +47,7 @@ Or install it yourself as:
 
     $ gem install active_admin_date_range_preset
 
-Include assests:
+##### Using assets via Sprockets
 
  JS asset
  ```//= require active_admin_date_range_preset```
@@ -36,8 +55,59 @@ Include assests:
  CSS
  ```@import "active_admin_date_range_preset";```
 
+##### Using assets via Webpacker (or any other assets bundler) as a NPM module (Yarn package)
+
+Execute:
+
+    $ npm i @activeadmin-plugins/active_admin_date_range_preset
+
+Or
+
+    $ yarn add @activeadmin-plugins/active_admin_date_range_preset
+
+Or add manually to `package.json`:
+
+```json
+"dependencies": {
+  "@activeadmin-plugins/active_admin_date_range_preset": "0.3.1"
+}
+```
+and execute:
+
+    $ yarn
+
+Add the following line into `app/assets/javascripts/active_admin.js`:
+
+```javascript
+import '@activeadmin-plugins/active_admin_date_range_preset';
+```
+
+Add the following line into `app/assets/stylesheets/active_admin.scss`:
+
+```css
+@import '@activeadmin-plugins/active_admin_date_range_preset';
+```
+
 Your sidebar filters should now have link "Set Range"
 
+## Development
+
+The specs run against a throwaway Rails app built by `spec/support/rails_template.rb`.
+It is generated automatically on the first run (or via `bundle exec rake setup`) into
+`spec/rails/rails-<version>/`, which is gitignored.
+
+```sh
+bundle install
+bundle exec rspec spec
+```
+
+Pick the versions under test with env vars:
+
+```sh
+RAILS=8.0.0 AA=3.5.0 bundle install
+RAILS=8.0.0 AA=3.5.0 bundle exec rspec spec
+```
+
 ## Usage
 
 in New/Edit formtastic forms:
@@ -75,7 +145,7 @@ In active_admin.js
 Add following lines to JavaScript
 
 ```javascript
-$(document).on('ready', function(){
+$(function () {
     $('form.filter_form div.filter_date_time_range').date_range_ext_preset();
 });
 ```
@@ -89,7 +159,7 @@ 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(){
+$(function () {
   $('.any_jquery_selector').date_range_ext_preset({
     lteq_input: '.jquery_selector_to_first_input',
     gteq_input: '.jquery_selector_to_second_input'
@@ -111,7 +181,7 @@ $('.any_jquery_selector').date_range_ext_preset({
  setting_name: "setting_value"
 });
 ```
-Example how to set global settings. Write it before $(document).on('ready')
+Example how to set global settings. Write it before the `$(function () { ... })` block
 
 ```javascript
 $.fn.date_range_ext_preset.defaults.setting_name = "setting_value"
@@ -166,12 +236,12 @@ Example:
 $.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(){
+$(function () {
 
     $('.filter_form .filter_date_range').date_range_ext_preset({
         date_to_human_readable: true, # affects last day

data/lib/active_admin_date_range_preset/version.rb

@@ -1,3 +1,3 @@
 module ActiveAdminDateRangePreset
-  VERSION = "0.3.1"
+  VERSION = "0.4.0"
 end

data/vendor/assets/javascripts/active_admin_date_range_preset.js

@@ -0,0 +1,245 @@
+$(function () {
+  // 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 = function(options) {
+    // settings
+    options = options || {};
+    let opts = $.extend({}, $.fn.date_range_ext_preset.defaults, options);
+
+    // aditional functions
+    function num_with_leading_zero(num, digitsCount = 2) {
+      let s = num + '';
+      while (s.length < digitsCount) {
+        s = '0' + s;
+      }
+      return s;
+    }
+
+    // formated date YYYY-MM-DD, with converting to UTC
+    // note: getMonth Returns the month (from 0-11), so we do +1
+    function formatDate(date, el_opts) {
+      let str = date.getFullYear() + '-' + num_with_leading_zero(date.getMonth()+1) + '-' + num_with_leading_zero(date.getDate());
+      if (el_opts.show_time) {
+        str += (' ' + num_with_leading_zero(date.getHours()) + ':' + num_with_leading_zero(date.getMinutes()) + ':' + num_with_leading_zero(date.getSeconds()));
+      }
+      return str;
+    }
+
+    // Days from the Monday that opens this date's week. getDay() counts from
+    // Sunday, so a plain `- getDay() + 1` lands on tomorrow for Sundays and
+    // hands back the week that has not started yet.
+    function days_since_monday(date) {
+      return (date.getDay() + 6) % 7;
+    }
+
+    function unbindClickEventBlockTimerange() {
+      $('.block_timerange').remove();
+      $('body').off('click.CalendarRangeSet');
+    }
+
+    // local datetime now
+    let now = new Date();
+    // UTC datetime now
+    let now_utc = new Date(
+      now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(),
+      now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds(),
+      now.getUTCMilliseconds()
+    );
+    // datetime object, UTC with hours offset
+    let datetime = new Date(now_utc.getTime() + opts.hours_offset * 60 * 60 * 1000);
+
+    // PLUGIN BEGIN
+    return this.each(function(i, el) {
+      let $this = $(el);
+
+      // Re-initialising an element replaces its wiring instead of adding to
+      // it. The auto-init below was dead from jQuery 3 onwards, so hosts
+      // worked around it by calling the plugin themselves; now that it works
+      // again both run, and without this the label grows a second "Set range"
+      // whose handler tears down the first one's popup.
+      //
+      // Replacing rather than skipping matters: the auto-init registers its
+      // ready callback before anything a host adds to active_admin.js, so
+      // bailing out on the second call would silently drop the host's
+      // options. Reading the link itself rather than a data flag keeps the
+      // guard and the thing it guards from drifting apart across clone() and
+      // Turbo cache restores, which copy the node but not jQuery's data.
+      $this.find('a.btn_timerange').remove();
+      $this.off('click.dateRangeExtPreset');
+
+      // Per element, because data-show-time is read off the element itself.
+      // Writing it back into the shared opts let one pair's setting reach
+      // every other pair in the same call, and formatDate reads the flag at
+      // click time rather than here, so the leak was not even order-dependent.
+      let el_opts = $.extend({}, opts);
+
+      // The attribute is authoritative in both directions when present. Only
+      // ever assigning true made it impossible for one element to opt out of
+      // a show_time the call or the defaults had turned on.
+      if (typeof $this.data('show-time') != 'undefined') {
+        el_opts.show_time = $this.data('show-time').toString() == 'true';
+      }
+
+      // detect inputs
+      let lteq_input = $this.find('input:last');
+      if (options.lteq_input) {
+        lteq_input = $(options.lteq_input);
+      } else if ($this.hasClass('datetime_preset_pair')) {
+        lteq_input = $this.next().find('input');
+      }
+
+      let gteq_input = $this.find('input:first');
+      if (options.gteq_input) {
+        gteq_input = $(options.gteq_input);
+      } else if ($this.hasClass('datetime_preset_pair')) {
+        gteq_input = $this.find('input');
+      }
+
+      // filter modifying
+      let main_btn_html = '<a href="#" class="btn_timerange">Set range</a>';
+      $this.find('label').addClass('datetime_preset_filter_label').append(main_btn_html);
+
+      // helper
+      function fillInputs(start, end) {
+        gteq_input.val(formatDate(start, el_opts));
+        if (el_opts.date_to_human_readable) {
+          end.setTime(end.getTime() - 1000);
+        }
+
+        lteq_input.val(formatDate(end, el_opts));
+      }
+
+      $this.on('click.dateRangeExtPreset', '.btn_timerange', function(e) {
+        unbindClickEventBlockTimerange();
+        e.stopPropagation();
+        e.preventDefault();
+
+        let additional_items_html = '';
+        opts.add_range.forEach(function(el, i) {
+          return additional_items_html += '<div><span class="btn_date_range_' + i + '">' + el['title'] + '</span></div>';
+        });
+
+        // Bind in the same tick the popup is appended. Active Admin 3 ships
+        // jQuery 3, which rebuilt .ready() on top of a Deferred whose .then
+        // schedules through setTimeout, so handlers attached inside it landed
+        // a macrotask late and the popup was on screen but inert until then.
+        // On a non-document collection the method is deprecated anyway.
+        let container = $('<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>'
+        ).appendTo('body');
+
+        // additional ranges
+        opts.add_range.forEach(function(el, i) {
+          container.on('click.CalendarRangeSet', '.btn_date_range_' + i, function(e) {
+            unbindClickEventBlockTimerange();
+            let start = new Date(el['start'].getFullYear(), el['start'].getMonth(), el['start'].getDate());
+            let end = new Date(el['end'].getFullYear(), el['end'].getMonth(), el['end'].getDate());
+            fillInputs(start, end)
+          });
+        });
+
+        // Today
+        container.on('click.CalendarRangeSet', '.btn_today', function(e) {
+          unbindClickEventBlockTimerange();
+          let start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate());
+          let end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() + 1);
+          fillInputs(start, end);
+        });
+
+        // Yesterday
+        container.on('click.CalendarRangeSet', '.btn_yesterday', function(e) {
+          unbindClickEventBlockTimerange();
+          let start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - 1);
+          let end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate());
+          fillInputs(start, end);
+        });
+
+        // Week
+        container.on('click.CalendarRangeSet', '.btn_week', function(e) {
+          unbindClickEventBlockTimerange();
+          let start = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - days_since_monday(datetime));
+          let end = new Date(start.getFullYear(), start.getMonth(), start.getDate() + 7);
+          fillInputs(start, end);
+        });
+
+        // Month
+        container.on('click.CalendarRangeSet', '.btn_month', function(e) {
+          unbindClickEventBlockTimerange();
+          let start = new Date(datetime.getFullYear(), datetime.getMonth(), 1);
+          let end = new Date(datetime.getFullYear(), datetime.getMonth() + 1, 1);
+          fillInputs(start, end);
+        });
+
+        // Last Week
+        container.on('click.CalendarRangeSet', '.btn_last_week', function(e) {
+          unbindClickEventBlockTimerange();
+          let end = new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() - days_since_monday(datetime));
+          let start = new Date(end.getFullYear(), end.getMonth(), end.getDate() - 7);
+          fillInputs(start, end);
+        });
+
+        // Last Month
+        container.on('click.CalendarRangeSet', '.btn_last_month', function(e) {
+          unbindClickEventBlockTimerange();
+          let end = new Date(datetime.getFullYear(), datetime.getMonth(), 1);
+          let start = new Date(end.getFullYear(), end.getMonth() - 1, 1);
+          fillInputs(start, end);
+        });
+
+        // Outer
+        // No stopPropagation here: this listener only watches for a click
+        // that should close the popup. Active Admin delegates Clear Filters
+        // and the has_many buttons from <document>, which is upstream of
+        // <body>, so swallowing the event would break them for as long as
+        // the popup is open.
+        $('body').on('click.CalendarRangeSet', function(e) {
+          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 3 removed $(document).on('ready'), so this must stay $(fn).
+$(function() {
+  // Init in forms
+  $('.datetime_preset_pair').date_range_ext_preset();
+});

data/vendor/assets/stylesheets/active_admin_date_range_preset.scss

@@ -9,6 +9,20 @@ form label.datetime_preset_filter_label .btn_timerange {
   }
 }
 
+// A form pair gets Active Admin's full label column, which is wide enough
+// that the float above parks the link at the far right of it, away from the
+// inputs it drives. Put it on its own line under the label text instead.
+// `display: table` keeps it shrink-to-fit, so the dashed underline stays
+// under the words rather than stretching the whole column.
+//
+// The sidebar filter keeps the float: there the label and the link share a
+// narrow panel and right alignment is what the plugin has always shown.
+.datetime_preset_pair > label.datetime_preset_filter_label .btn_timerange {
+  float: none;
+  display: table;
+  margin: 2px 0 0 0;
+}
+
 .block_timerange {
   position: absolute;
   display: block;

metadata

@@ -1,43 +1,56 @@
 --- !ruby/object:Gem::Specification
 name: active_admin_date_range_preset
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.0
 platform: ruby
 authors:
 - Gena M.
-autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-19 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: bundler
+  name: activeadmin
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.8'
-  type: :development
+        version: '3.2'
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.8'
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '0'
 description: Integrate useful fast links to set date ranges in to ActiveAdmin, for
   example today range, week range, month range
 email:
@@ -46,25 +59,16 @@ 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/javascripts/active_admin_date_range_preset.js
 - vendor/assets/stylesheets/active_admin_date_range_preset.scss
 homepage: https://github.com/workgena/active_admin_date_range_preset
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -72,16 +76,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '3.3'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.12
-signing_key: 
+rubygems_version: 3.6.9
 specification_version: 4
 summary: date_range_preset extension for ActiveAdmin
 test_files: []

data/.idea/vcs.xml

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

data/Gemfile

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

data/Rakefile

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

data/active_admin_date_range_preset.gemspec

@@ -1,24 +0,0 @@
-# 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/vendor/assets/javascripts/active_admin_date_range_preset.coffee

@@ -1,191 +0,0 @@
-(($) ->
-  # 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()