RubyGems - anjlab-widgets - Versions diffs - 0.0.1 - Mend

anjlab-widgets 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

data/.gitignore +18 -0
data/Gemfile +13 -0
data/LICENSE +22 -0
data/README.md +29 -0
data/Rakefile +2 -0
data/anjlab-widgets.gemspec +23 -0
data/lib/anjlab-widgets.rb +7 -0
data/lib/anjlab-widgets/engine.rb +8 -0
data/lib/anjlab-widgets/version.rb +5 -0
data/spec/dummy/README.rdoc +261 -0
data/spec/dummy/Rakefile +7 -0
data/spec/dummy/app/assets/javascripts/application.js +17 -0
data/spec/dummy/app/assets/stylesheets/application.css.scss +3 -0
data/spec/dummy/app/controllers/application_controller.rb +3 -0
data/spec/dummy/app/controllers/widgets_controller.rb +10 -0
data/spec/dummy/app/helpers/application_helper.rb +2 -0
data/spec/dummy/app/mailers/.gitkeep +0 -0
data/spec/dummy/app/models/.gitkeep +0 -0
data/spec/dummy/app/views/layouts/application.html.erb +20 -0
data/spec/dummy/app/views/widgets/all.html.erb +7 -0
data/spec/dummy/app/views/widgets/datepicker.html.erb +5 -0
data/spec/dummy/app/views/widgets/timepicker.html.erb +1 -0
data/spec/dummy/config.ru +4 -0
data/spec/dummy/config/application.rb +61 -0
data/spec/dummy/config/boot.rb +10 -0
data/spec/dummy/config/database.yml +25 -0
data/spec/dummy/config/environment.rb +5 -0
data/spec/dummy/config/environments/development.rb +37 -0
data/spec/dummy/config/environments/production.rb +67 -0
data/spec/dummy/config/environments/test.rb +37 -0
data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
data/spec/dummy/config/initializers/inflections.rb +15 -0
data/spec/dummy/config/initializers/mime_types.rb +5 -0
data/spec/dummy/config/initializers/secret_token.rb +7 -0
data/spec/dummy/config/initializers/session_store.rb +8 -0
data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
data/spec/dummy/config/locales/en.yml +5 -0
data/spec/dummy/config/routes.rb +7 -0
data/spec/dummy/db/development.sqlite3 +0 -0
data/spec/dummy/lib/assets/.gitkeep +0 -0
data/spec/dummy/log/.gitkeep +0 -0
data/spec/dummy/log/development.log +11308 -0
data/spec/dummy/public/404.html +26 -0
data/spec/dummy/public/422.html +26 -0
data/spec/dummy/public/500.html +25 -0
data/spec/dummy/public/favicon.ico +0 -0
data/spec/dummy/script/rails +6 -0
data/spec/spec_helper.rb +9 -0
data/spec/views/widgets/datepicker_spec.rb +9 -0
data/vendor/assets/javascripts/anjlab/datepicker.js.coffee +369 -0
data/vendor/assets/javascripts/anjlab/timepicker.js.coffee +135 -0
data/vendor/assets/stylesheets/anjlab/datepicker.css.scss +85 -0
data/vendor/assets/stylesheets/anjlab/timepicker.css.scss +34 -0
metadata +225 -0

data/spec/dummy/public/404.html ADDED Viewed

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+<body>
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <h1>The page you were looking for doesn't exist.</h1>
+    <p>You may have mistyped the address or the page may have moved.</p>
+  </div>
+</body>
+</html>

data/spec/dummy/public/422.html ADDED Viewed

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+<body>
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <h1>The change you wanted was rejected.</h1>
+    <p>Maybe you tried to change something you didn't have access to.</p>
+  </div>
+</body>
+</html>

data/spec/dummy/public/500.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+<body>
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <h1>We're sorry, but something went wrong.</h1>
+  </div>
+</body>
+</html>

data/spec/dummy/public/favicon.ico ADDED Viewed

File without changes

data/spec/dummy/script/rails ADDED Viewed

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require File.expand_path('../../config/boot',  __FILE__)
+require 'rails/commands'

data/spec/spec_helper.rb ADDED Viewed

@@ -0,0 +1,9 @@
+ENV["RAILS_ENV"] = "development"
+require File.expand_path("../dummy/config/environment.rb",  __FILE__)
+require "rspec/rails"
+require "rspec/autorun"
+RSpec.configure do |config|
+end

data/spec/views/widgets/datepicker_spec.rb ADDED Viewed

@@ -0,0 +1,9 @@
+require 'spec_helper'
+describe "widgets/datepicker" do
+  it "renders" do
+    render
+  end
+end

data/vendor/assets/javascripts/anjlab/datepicker.js.coffee ADDED Viewed

@@ -0,0 +1,369 @@
+Locales =
+  en:
+    dates:
+      format: 'mm/dd/yyyy'
+      weekStart: 0
+      days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
+      daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+      daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"]
+      months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+      monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+  ru:
+    dates:
+      format: 'dd.mm.yyyy'
+      weekStart: 1
+      days: ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота", "Воскресенье"]
+      daysShort: ["Вск", "Пон", "Втр", "Срд", "Чтв", "Птн", "Суб", "Вск"]
+      daysMin: ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс"]
+      months: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"]
+      monthsShort: ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек"]
+DateTools =
+  modes: [
+    {
+      clsName: 'days'
+      navFnc: 'Month'
+      navStep: 1
+    },
+    {
+      clsName: 'months'
+      navFnc: 'FullYear'
+      navStep: 1
+    },
+    {
+      clsName: 'years'
+      navFnc: 'FullYear'
+      navStep: 10
+    }
+  ]
+  isLeapYear: (year) ->
+    (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
+  getDaysInMonth: (year, month) ->
+    [31, (if DateTools.isLeapYear(year) then 29 else 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]
+  parseFormat: (format) ->
+    separator = format.match(/[.\/-].*?/)
+    parts = format.split(/\W+/)
+    if !separator || !parts || parts.length == 0
+      throw new Error("Invalid date format.")
+    {
+      separator: separator
+      parts: parts
+    }
+  parseDate: (date, format) ->
+    parts = date.split(format.separator)
+    date = new Date()
+    if parts.length == format.parts.length
+      for i in [0...format.parts.length]
+        val = parseInt(parts[i], 10) || 1;
+        switch format.parts[i]
+          when 'dd', 'd'
+            d = val
+          when 'mm', 'm'
+            m = val - 1
+          when 'yy'
+            y = 2000 + val
+          when 'yyyy'
+            y = val
+      date = new Date(y, m , d)
+    date
+  formatDate: (date, format) ->
+    val = {
+      d: date.getDate()
+      m: date.getMonth() + 1
+      yy: date.getFullYear().toString().substring(2)
+      yyyy: date.getFullYear()
+    }
+    val.dd = (if val.d < 10 then '0' else '') + val.d
+    val.mm = (if val.m < 10 then '0' else '') + val.m
+    date = []
+    for i in [0...format.parts.length]
+      date.push val[format.parts[i]]
+    date.join format.separator
+  getLocale: () ->
+    $('html').prop('lang') || 'en'
+  headTemplate: '<thead>'+
+            '<tr>'+
+              '<th class="prev"><i class="icon-arrow-left"/></th>'+
+              '<th colspan="5" class="switch"></th>'+
+              '<th class="next"><i class="icon-arrow-right"/></th>'+
+            '</tr>'+
+          '</thead>'
+  contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>'
+DateTools.template = '<div class="datepicker dropdown-menu">'+
+            '<div class="datepicker-days">'+
+              '<table class=" table-condensed">'+
+                DateTools.headTemplate+
+                '<tbody></tbody>'+
+              '</table>'+
+            '</div>'+
+            '<div class="datepicker-months">'+
+              '<table class="table-condensed">'+
+                DateTools.headTemplate+
+                DateTools.contTemplate+
+              '</table>'+
+            '</div>'+
+            '<div class="datepicker-years">'+
+              '<table class="table-condensed">'+
+                DateTools.headTemplate+
+                DateTools.contTemplate+
+              '</table>'+
+            '</div>'+
+          '</div>'
+class Datepicker
+  constructor: (element, options)->
+    @element = $(element)
+    @locale  = options.locale || @element.data('date-locale') || DateTools.getLocale()
+    @format  = DateTools.parseFormat(options.format || this.element.data('date-format') || Locales[@locale].dates.format);
+    @picker  = $(DateTools.template).appendTo('body').on {
+      click: $.proxy(@click, this)
+      mousedown: $.proxy(@mousedown, this)
+    }
+    @isInput = @element.is('input');
+    @component = if @element.is('.date') then @element.find('.add-on') else false;
+    if @isInput
+      @element.on {
+        focus: $.proxy(@show, this)
+        blur: $.proxy(@hide, this)
+        keyup: $.proxy(@update, this)
+      }
+    else
+      if @component
+        @component.on 'click', $.proxy(@show, this)
+      else
+        @element.on 'click', $.proxy(@show, this)
+    @viewMode = 0;
+    @weekStart = options.weekStart || @element.data('date-weekstart') || Locales[@locale].dates.weekStart
+    @weekEnd = if this.weekStart == 0 then 6 else @weekStart - 1
+    @fillDow()
+    @fillMonths()
+    @update()
+    @showMode()
+  show: (e) ->
+    @picker.show()
+    @height = if @component then @component.outerHeight() else @element.outerHeight()
+    @place()
+    $(window).on('resize', $.proxy(@place, this))
+    if e
+      e.stopPropagation()
+      e.preventDefault()
+    $(document).on('mousedown', $.proxy(@hide, this)) if !@isInput
+    @element.trigger
+      type: 'show'
+      date: @date
+  hide: ->
+    @picker.hide()
+    $(window).off 'resize', @place
+    @viewMode = 0
+    @showMode()
+    $(document).off('mousedown', @hide) if !@isInput
+    @setValue()
+    @element.trigger
+      type: 'hide'
+      date: @date
+  setValue: ->
+    formated = DateTools.formatDate(@date, @format)
+    if !@isInput
+      if @component
+        @element.find('input').prop('value', formated)
+      @element.data('date', formated)
+    else
+      @element.prop('value', formated)
+  place: ->
+    offset = if @component then @component.offset() else @element.offset()
+    @picker.css
+      top: offset.top + @height
+      left: offset.left
+  update: ->
+    @date = DateTools.parseDate(
+      if @isInput then this.element.prop('value') else this.element.data('date'),
+      @format
+    )
+    @viewDate = new Date(@date)
+    @fill()
+  fillDow: ->
+    dowCnt = @weekStart
+    html = ['<tr>']
+    while dowCnt < @weekStart + 7
+      html.push '<th class="dow">'
+      html.push Locales[@locale].dates.daysMin[(dowCnt++)%7]
+      html.push '</th>'
+    html.push '</tr>'
+    @picker.find('.datepicker-days thead').append(html.join(''))
+  fillMonths: ->
+    html = []
+    i = 0
+    while i < 12
+      html.push '<span class="month">'
+      html.push Locales[@locale].dates.monthsShort[i++]
+      html.push '</span>'
+    @picker.find('.datepicker-months td').append(html.join(''))
+  fill: ->
+    d = new Date(@viewDate)
+    year = d.getFullYear()
+    month = d.getMonth()
+    currentDate = @date.valueOf()
+    @picker.find('.datepicker-days th:eq(1)').text(Locales[@locale].dates.months[month]+' '+year)
+    prevMonth = new Date(year, month-1, 28,0,0,0,0)
+    day = DateTools.getDaysInMonth(prevMonth.getFullYear(), prevMonth.getMonth())
+    prevMonth.setDate(day)
+    prevMonth.setDate(day - (prevMonth.getDay() - this.weekStart + 7)%7)
+    nextMonth = new Date(prevMonth);
+    nextMonth.setDate(nextMonth.getDate() + 42)
+    nextMonth = nextMonth.valueOf()
+    html = [];
+    while prevMonth.valueOf() < nextMonth
+      html.push '<tr>' if prevMonth.getDay() == this.weekStart
+      clsName = '';
+      if prevMonth.getMonth() < month
+        clsName += ' old'
+      else if prevMonth.getMonth() > month
+        clsName += ' new'
+      if prevMonth.valueOf() == currentDate
+        clsName += ' active'
+      html.push "<td class='day#{clsName}'>#{prevMonth.getDate()}</td>"
+      html.push '</tr>' if prevMonth.getDay() == @weekEnd
+      prevMonth.setDate(prevMonth.getDate()+1)
+    @picker.find('.datepicker-days tbody').empty().append(html.join(''))
+    currentYear = this.date.getFullYear()
+    months = @picker.find('.datepicker-months').find('th:eq(1)').text(year).end().find('span').removeClass('active')
+    months.eq(this.date.getMonth()).addClass('active') if currentYear == year
+    html = '';
+    year = parseInt(year/10, 10) * 10
+    yearCont = @picker.find('.datepicker-years').find('th:eq(1)').text(year + '-' + (year + 9)).end().find('td')
+    year -= 1;
+    for i in [-1...11]
+      html += '<span class="year'+(i == -1 || if i == 10 then ' old' else '')+(if currentYear == year then ' active' else '')+'">'+year+'</span>'
+      year += 1;
+    yearCont.html html
+  click: (e)->
+    e.stopPropagation()
+    e.preventDefault()
+    target = $(e.target).closest('span, td, th')
+    if target.length == 1
+      switch target[0].nodeName.toLowerCase()
+        when 'th'
+          switch target[0].className
+            when 'switch'
+              @showMode(1)
+            when 'prev', 'next'
+              @viewDate['set'+DateTools.modes[this.viewMode].navFnc].call(
+                @viewDate,
+                @viewDate['get'+DateTools.modes[this.viewMode].navFnc].call(this.viewDate) +
+                DateTools.modes[this.viewMode].navStep * (if target[0].className == 'prev' then -1 else 1))
+              @fill()
+        when 'span'
+          if target.is('.month')
+            month = target.parent().find('span').index(target)
+            @viewDate.setMonth(month)
+          else
+            year = parseInt(target.text(), 10) || 0
+            @viewDate.setFullYear(year)
+          @showMode(-1)
+          @fill()
+        when 'td'
+          if target.is('.day')
+            day = parseInt(target.text(), 10) || 1
+            month = this.viewDate.getMonth()
+            if target.is('.old')
+              month -= 1
+            else if target.is('.new')
+              month += 1
+            year = this.viewDate.getFullYear()
+            @date = new Date(year, month, day,0,0,0,0);
+            @viewDate = new Date(year, month, day,0,0,0,0);
+            @fill()
+            @setValue()
+            @element.trigger {
+              type: 'changeDate'
+              date: @date
+            }
+  mousedown: (e)->
+    e.stopPropagation()
+    e.preventDefault()
+  showMode: (dir)->
+    @viewMode = Math.max(0, Math.min(2, this.viewMode + dir)) if dir
+    @picker.find('>div').hide().filter('.datepicker-'+DateTools.modes[this.viewMode].clsName).show()
+nativePicker = false
+convertToNative = ($input, options)->
+  value = $input.attr('value')
+  $input.prop("type", "date")
+  if value && value.length > 0
+    locale = options.locale || $input.data('date-locale') || DateTools.getLocale()
+    format  = DateTools.parseFormat(options.format || $input.data('date-format') || Locales[locale].dates.format);
+    date = DateTools.parseDate(value, format)
+    value = DateTools.formatDate(date, {
+      separator: '-'
+      parts: ["yyyy", "mm", "dd"]
+    })
+    $input.prop('value', value)
+$.fn.datepicker = (option) ->
+  @each ->
+    $this = $(this)
+    data = $this.data('datepicker')
+    options = typeof option == 'object' && option
+    if nativePicker
+      convertToNative($this, options)
+    else
+      if !data
+        $this.data('datepicker', (data = new Datepicker(this, $.extend({}, $.fn.datepicker.defaults,options))))
+      data[option]() if typeof option == 'string'
+$.fn.datepicker.defaults = { }
+$.fn.datepicker.Constructor = Datepicker
+$ ->
+  input = document.createElement("input")
+  input.setAttribute("type", "date")
+  # Chrome has ugly native date picker so we show ours
+  nativePicker = input.type == "date" && !navigator.userAgent.match(/chrome/i)
+  $("input[data-widget=datepicker]").datepicker()