jquery-time_duration_picker-rails 0.1.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6aaf09e25142aa2446a917c2d9f53809525a7acb
+  data.tar.gz: bcf7f9f1c9f541585589c2c4d18c2da52bc491b8
+SHA512:
+  metadata.gz: 4322b13ee3ec41ed9c2433c575ad518c1bfe39af05f81e07721917e085920dc071a60e02b87bdf44a6145f0ccc08e38370598f3488c65fa1fab9a3aca1675905
+  data.tar.gz: 612078c55b80596f7388b656d600bb548b9a79cf121170ef635e554640b5b22a31ee9037d4c9646aa09dd87ec0b050d905b2ae99bc77b1fb52513a620cc7fa51

data/.gitignore

@@ -0,0 +1,10 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.gem

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.2.3
+before_install: gem install bundler -v 1.10.6

data/Gemfile

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

data/README.md

@@ -0,0 +1,55 @@
+# jQuery.timeDurationPicker Rails
+
+[![Gem Version](https://badge.fury.io/rb/jquery-time_duration_picker-rails.svg)](https://badge.fury.io/rb/jquery-time_duration_picker-rails)
+
+https://github.com/digaev/jQuery-timeDurationPicker
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'jquery-time_duration_picker-rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jquery-time_duration_picker-rails
+
+## Usage
+
+Add this line in your application js:
+
+```js
+//= require jquery.timeDurationPicker
+```
+
+In your view:
+
+```html
+<input type="text" name="duration" id="duration" readonly="readonly" />
+<input type="hidden" name="seconds" id="seconds" value="0"  />
+
+...
+
+<script type="text/javascript">
+    $(document).ready(function() {
+        $('#duration').timeDurationPicker({
+            onselect: function(element, seconds, duration) {
+                $('#seconds').val(seconds);
+                $('#duration').val(duration);
+            }
+        });
+    });
+</script>
+```
+
+Also see [this example] (https://jsfiddle.net/73eonrox/1/).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/digaev/jquery-time_duration_picker-rails.

data/Rakefile

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

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "jquery/time_duration_picker/rails"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/jquery-time_duration_picker-rails.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jquery/time_duration_picker/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "jquery-time_duration_picker-rails"
+  spec.version       = Jquery::TimeDurationPicker::Rails::VERSION
+  spec.authors       = ["Nikolay Digaev"]
+  spec.email         = ["ffs.cmp@gmail.com"]
+
+  spec.summary       = %q{jQuery.timeDurationPicker plugin}
+  spec.description   = %q{jQuery.timeDurationPicker plugin for Ruby On Rails.}
+  spec.homepage      = "https://github.com/digaev/jQuery-timeDurationPicker"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib", "vendor"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/jquery/time_duration_picker/rails.rb

@@ -0,0 +1,10 @@
+require "jquery/time_duration_picker/rails/version"
+
+module Jquery
+  module TimeDurationPicker
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/jquery/time_duration_picker/rails/version.rb

@@ -0,0 +1,7 @@
+module Jquery
+  module TimeDurationPicker
+    module Rails
+      VERSION = "0.1.5"
+    end
+  end
+end

data/vendor/assets/javascripts/jquery.timeDurationPicker.js

@@ -0,0 +1,342 @@
+/*!
+ * jQuery TimeDurationPicker Plugin v1.0.2
+ *
+ * https://github.com/digaev/jQuery-timeDurationPicker
+ *
+ * Copyright (c) 2015 Nikolay Digaev
+ * Released under the MIT license
+ */
+
+(function($) {
+  $.timeDurationPicker = function(options) {
+    $.timeDurationPicker.defaults = $.extend({}, $.timeDurationPicker.defaults, options);
+  }
+
+  $.timeDurationPicker.defaults = {
+    lang: 'en',
+    seconds: false,
+    minutes: true,
+    hours: true,
+    days: true,
+    months: true,
+    years: true
+  }
+})(jQuery);
+
+(function($) {
+  var instances = [];
+
+  $(document).focusin(function(e) {
+    for (var i = 0, c = instances.length; i < c; ++i) {
+      var inst = instances[i];
+      for (var j = 0, l = inst.element.length; j < l; ++j) {
+        if (inst.element[j] == e.target) {
+          var offset = $(e.target).offset();
+          offset.top += $(e.target).outerHeight();
+          inst._content.div.css(offset).fadeIn();
+        }
+      }
+    }
+  }).focusout(function(e) {
+    // FIXME
+    setTimeout(function() {
+      var el = document.activeElement;
+      if ($(el).parents('.time-duration-picker-content').length == 0) {
+        for (var i = 0, c = instances.length; i < c; ++i) {
+          var hide = true;
+          var inst = instances[i];
+          for (var j = 0, l = inst.element.length; j < l; ++j) {
+            if (inst.element[j] == el) {
+              hide = false;
+              break;
+            }
+          }
+          if (hide) {
+            inst._content.div.fadeOut();
+          }
+        }
+      }
+    }, 10);
+  });
+  
+  var YEAR = 12 * 30 * 24 * 60 * 60;
+  var MONTH = 30 * 24 * 60 * 60;
+  var DAY = 24 * 60 * 60;
+  var HOUR = 60 * 60;
+  var MINUTE = 60;
+  
+  $.widget('custom.timeDurationPicker', {
+    options: {
+    },
+    _langs: {
+      en: {
+        seconds: 'Seconds',
+        minutes: 'Minutes',
+        hours: 'Hours',
+        days: 'Days',
+        months: 'Months',
+        years: 'Years',
+        human_years: 'years',
+        human_months: 'months',
+        human_days: 'days',
+        human_hours: 'hours',
+        human_minutes: 'minutes',
+        human_seconds: 'seconds',
+        and: 'and',
+        button_ok: 'Done'
+      },
+      ru: {
+        seconds: 'Секунды',
+        minutes: 'Минуты',
+        hours: 'Часы',
+        days: 'Дни',
+        months: 'Месяцы',
+        years: 'Годы',
+        human_years: 'лет',
+        human_months: 'месяцев',
+        human_days: 'дней',
+        human_hours: 'часов',
+        human_minutes: 'минут',
+        human_seconds: 'секунд',
+        and: 'и',
+        button_ok: 'Выбрать'
+      }
+    },
+    _create: function() {
+        var self = this;
+
+        this.options = $.extend({}, $.timeDurationPicker.defaults, this.options);
+
+        this._content = {};
+        this._content.div = $('<div />');
+        this._content.div.addClass('ui-widget ui-widget-content ui-helper-clearfix ui-corner-all');
+        this._content.div.addClass('time-duration-picker-content');
+        this._content.div.css({
+            display: 'none',
+            position: 'fixed',
+            "z-index": 401
+        });
+        this._content.div.appendTo(document.body);
+
+        this._content.table = $('<table style="width: 100%;"><tbody /></table>').appendTo(this._content.div);
+        this._content.tableBody = $('tbody', this._content.table);
+
+        this._content.button = $('<input type="button" />').val(this._tr('button_ok'));
+        this._content.button.addClass('ui-button ui-widget ui-state-default ui-corner-all');
+        this._content.button.css({
+          display: 'block',
+          margin: '0.5em auto',
+          padding: '0.5em 1em'
+        });
+        this._content.button.hover(function() {
+          $(this).addClass('ui-state-hover');
+        }, function() {
+          $(this).removeClass('ui-state-hover');
+        });
+        this._content.button.on('click', function(e) {
+          self._content.div.fadeOut();
+          if (self.options.onselect) {
+            self.options.onselect(self.element, self.getDuration(), self.getHumanDuration());
+          }
+        });
+        this._content.button.appendTo(this._content.div);
+
+        this._initUnits();
+
+        instances.push(this);
+    },
+    _initUnits: function() {
+        var i;
+        if (this.options.seconds) {
+          this._content.seconds = this._createSelectWithOptions(0, 59);
+          this._appendRow(this._tr('seconds'), this._content.seconds);
+        }
+        if (this.options.minutes) {
+          this._content.minutes = this._createSelectWithOptions(0, 59);
+          this._appendRow(this._tr('minutes'), this._content.minutes);
+        }
+        if (this.options.hours) {
+          this._content.hours = this._createSelectWithOptions(0, 23);
+          this._appendRow(this._tr('hours'), this._content.hours);
+        }
+        if (this.options.days) {
+          this._content.days = this._createSelectWithOptions(0, 29);
+          this._appendRow(this._tr('days'), this._content.days);
+        }
+        if (this.options.months) {
+          this._content.months = this._createSelectWithOptions(0, 11);
+          this._appendRow(this._tr('months'), this._content.months);
+        }
+        if (this.options.years) {
+          this._content.years = this._createSelectWithOptions(0, 10);
+          this._appendRow(this._tr('years'), this._content.years);
+        }
+        if (this.options.defaultValue) {
+          this.setDuration(this.options.defaultValue);
+        }
+    },
+    _createSelectWithOptions: function(min, max) {
+        var select = $('<select />')
+          .addClass('ui-widget ui-state-default ui-corner-all')
+
+        select.hover(function() {
+          $(this).addClass('ui-state-hover');
+        }, function() {
+          $(this).removeClass('ui-state-hover');
+        });
+
+        this._createOptionsForSelect(select, min, max);
+        return select;
+    },
+    _createOptionsForSelect: function(select, min, max) {
+      for (var i = min; i <= max; ++i) {
+        select.append($('<option />').val(i).text(i < 10 ? ('0' + i) : i));
+      }
+    },
+    _appendRow: function(text, el) {
+      var row = $('<tr />').appendTo(this._content.tableBody);
+      $('<td />').css({
+        width: '50%',
+        padding: '.5em 1em',
+        "text-align": 'right',
+        "vertical-align": 'middle'
+      }).append($('<strong />')
+        .text(text))
+        .appendTo(row);
+      $('<td />').css({
+        width: '50%',
+        padding: '.5em 1em',
+        "text-align": 'right',
+        "vertical-align": 'middle'
+      }).append(el)
+        .appendTo(row);
+    },
+    _tr: function(key) {
+      return this._langs[this.options.lang][key];
+    },
+    getSeconds: function() {
+      return parseInt(this._content.seconds.val());
+    },
+    getMinutes: function() {
+      return parseInt(this._content.minutes.val());
+    },
+    getHours: function() {
+      return parseInt(this._content.hours.val());
+    },
+    getDays: function() {
+      return parseInt(this._content.days.val());
+    },
+    getMonths: function() {
+      return parseInt(this._content.months.val());
+    },
+    getYears: function() {
+      return parseInt(this._content.years.val());
+    },
+    setDuration: function(value) {
+      value = parseInt(value);
+      if (isNaN(value)) {
+        return false;
+      }
+
+      var i;
+      if (this.options.years) {
+        i = Math.floor(value / YEAR);
+        value -= i * YEAR;
+        this._content.years.val(i);
+      }
+      if (this.options.months) {
+        i = Math.floor(value / MONTH);
+        if (i >= 12) {
+          i = 0;
+        }
+        value -= i * MONTH;
+        this._content.months.val(i);
+      }
+      if (this.options.days) {
+        i = Math.floor(value / DAY);
+        if (i >= 30) {
+          i = 0;
+        }
+        value -= i * DAY;
+        this._content.days.val(i);
+      }
+      if (this.options.hours) {
+        i = Math.floor(value / HOUR);
+        if (i >= 24) {
+          i = 0;
+        }
+        value -= i * HOUR;
+        this._content.hours.val(i);
+      }
+      if (this.options.minutes) {
+        i = Math.floor(value / MINUTE);
+        if (i >= 60) {
+          i = 0;
+        }
+        value -= i * MINUTE;
+        this._content.minutes.val(i);
+      }
+      if (this.options.seconds) {
+        i = Math.floor(value);
+        if (i >= 60) {
+          i = 0;
+        }
+        this._content.seconds.val(i);
+      }
+      return value;
+    },
+    getDuration: function() {
+      var seconds = 0;
+      if (this.options.seconds) {
+        seconds += this.getSeconds();
+      }
+      if (this.options.minutes) {
+        seconds += this.getMinutes() * MINUTE;
+      }
+      if (this.options.hours) {
+        seconds += this.getHours() * HOUR;
+      }
+      if (this.options.days) {
+        seconds += this.getDays() * DAY;
+      }
+      if (this.options.months) {
+        seconds += this.getMonths() * MONTH;
+      }
+      if (this.options.years) {
+        seconds += this.getYears() * YEAR;
+      }
+      return seconds;
+    },
+    getHumanDuration: function() {
+      var units = [];
+      var duration = '';
+
+      if (this.options.years && this.getYears() > 0) {
+        units.push({value: this.getYears(), name: this._tr('human_years')});
+      }
+      if (this.options.months && this.getMonths() > 0) {
+        units.push({value: this.getMonths(), name: this._tr('human_months')});
+      }
+      if (this.options.days && this.getDays() > 0) {
+        units.push({value: this.getDays(), name: this._tr('human_days')});
+      }
+      if (this.options.hours && this.getHours() > 0) {
+        units.push({value: this.getHours(), name: this._tr('human_hours')});
+      }
+      if (this.options.minutes && this.getMinutes() > 0) {
+        units.push({value: this.getMinutes(), name: this._tr('human_minutes')});
+      }
+      if (this.options.seconds && this.getSeconds() > 0) {
+        units.push({value: this.getSeconds(), name: this._tr('human_seconds')});
+      }
+
+      for (var i = 0, l = units.length; i < l; ++i) {
+        var unit = units[i];
+        var separator = i == l - 1 ? '' : (i == l - 2 ? ' ' + this._tr('and') + ' ' : ', ');
+
+        duration += unit.value + ' ' + unit.name + separator;
+      }
+      return duration;
+    }
+  });
+})(jQuery);

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: jquery-time_duration_picker-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.5
+platform: ruby
+authors:
+- Nikolay Digaev
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-12-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !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: jQuery.timeDurationPicker plugin for Ruby On Rails.
+email:
+- ffs.cmp@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- jquery-time_duration_picker-rails.gemspec
+- lib/jquery/time_duration_picker/rails.rb
+- lib/jquery/time_duration_picker/rails/version.rb
+- vendor/assets/javascripts/jquery.timeDurationPicker.js
+homepage: https://github.com/digaev/jQuery-timeDurationPicker
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+- vendor
+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.4.5.1
+signing_key: 
+specification_version: 4
+summary: jQuery.timeDurationPicker plugin
+test_files: []