droom 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+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,23 @@
+# Droom
+
+This is a minimal system for secure document and event distribution. It provides a calendar, library and user directory with excellent integration and very little else.
+
+## Status
+
+Brand new. In progress. Avoid!
+
+## Installation
+
+In your gemfile:
+
+    gem "droom"
+
+To migrate:
+
+    rake droom:install:migrations
+    rake db:migrate
+
+
+## Copyright
+
+2012 Spanner Ltd. Released under the same terms as rails.

data/Rakefile

@@ -0,0 +1,27 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Droom'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/droom.js.coffee

@@ -0,0 +1,88 @@
+#= require droom/lib/modernizr
+#= require droom/lib/extensions
+#= require jquery
+#= require jquery_ujs
+#= require droom/lib/jquery.animate-colors
+#= require droom/lib/jquery.sortable
+#= require droom/lib/jquery.cookie
+#= require droom/lib/kalendae
+#= require droom/lib/wysihtml5
+#= require droom/lib/parser_rules/advanced
+#= require droom/forms
+#= require droom/suggester
+#= require droom/calendar
+#= require droom/sort
+#= require droom/map
+#= require droom/drag_sort
+#= require_self
+
+jQuery ($) ->
+  $.fn.flash = ->
+    @each ->
+      container = $(this)
+      container.fadeIn "fast"
+      $("<a href=\"#\" class=\"closer\">close</a>").prependTo(container)
+      container.bind "click", (e) ->
+        e.preventDefault()
+        container.fadeOut "fast"
+
+  $.fn.signal = (color, duration) ->
+    color ?= "#f7f283"
+    duration ?= 1000
+    @each ->
+      $(@).css('backgroundColor', color).animate({'backgroundColor': '#ffffff'}, duration)
+      
+  $.fn.signal_confirmation = ->
+    @signal('#c7ebb4')
+
+  $.fn.signal_error = ->
+    @signal('#e55a51')
+
+  $.fn.signal_cancellation = ->
+    @signal('#a2a3a3')
+    
+  $.fn.back_button = ->
+    @click (e) ->
+      e.preventDefault() if e
+      history.back()
+      true
+
+  $.fn.find_including_self = (selector) ->
+    selection = @.find(selector)
+    selection.push @ if @is(selector)
+    selection
+
+  $.fn.activate = () ->
+    @find_including_self('a.toggle_active').replace_with_remote_toggle()
+    @find_including_self('#flashes p:parent').flash()
+    @find_including_self('.twister').twister()
+    @find_including_self('.wysihtml').html_editable()
+    @find_including_self('.venuepicker').venue_picker()
+    @find_including_self('.datepicker').date_picker()
+    @find_including_self('.timepicker').time_picker()
+    @find_including_self('.filepicker').file_picker()
+    @find_including_self('a.delete').removes('.holder')
+    @find_including_self('[data-action="popup"]').popup_remote_content()
+    @find_including_self('[data-action="toggle"]').toggle()
+    @find_including_self('[data-action="append_form"]').append_remote_form()
+    @find_including_self('[data-action="overlay_form"]').overlay_remote_form()
+    @find_including_self('[data-action="replace_with_form"]').replace_with_remote_form()
+    @find_including_self('[data-refreshable]').refresher()
+    @find_including_self('table.sortable').table_sort
+      sort: "created"
+      order: "DESC"
+    @find_including_self('#map').init_map()
+    @find_including_self('input.password').password_field()
+    @find_including_self('input[type="submit"]').submitter()
+    @find_including_self('input.person_picker').person_picker()
+    @find_including_self('input.group_picker').group_picker()
+    @find_including_self('.drag_sort').drag_sort()
+    @find_including_self('.back').back_button()
+    @
+      
+$ ->
+  $('body').activate()
+  $('#minicalendar').calendar()
+  $('form#searchform').captive
+    replacing: '.search_results'
+    fast: true

data/app/assets/javascripts/droom/calendar.js.coffee

@@ -0,0 +1,121 @@
+jQuery ($) ->
+
+  class Calendar
+    constructor: (element, options) ->
+      @_container = $(element)
+      @_scroller = @_container.find('.scroller')
+      @_table = null
+      @_cache = {}
+      @_month = null
+      @_year = null
+      @_request = null
+      @_incoming = {}
+      @_width = @_container.width()
+      $.calendar = @
+      @_container.bind "refresh", @refresh_in_place
+      @init()
+
+    init: () =>
+      @_table = @_container.find('table')
+      @_month = parseInt(@_table.attr('data-month'), 10)
+      @_year = parseInt(@_table.attr('data-year'), 10)
+      @cache(@_year, @_month, @_table)
+      @_table.find('a.next, a.previous').calendar_changer()
+      @_table.find('a.day').day_search()
+      @_table.find('a.month').month_search()
+      
+    cache: (year, month, table) =>
+      @_cache[year] ?= {}
+      @_cache[year][month] ?= table
+    
+    cached:  (year, month) =>
+      @_cache[year] ?= {}
+      @_cache[year][month]
+    
+    refresh_in_place: () =>
+      @_request = $.ajax
+        type: "GET"
+        dataType: "html"
+        url: "/events/calendar.js?month=#{encodeURIComponent(@_month)}&year=#{encodeURIComponent(@_year)}"
+        success: @update_quietly
+      
+    update_quietly: (response) =>
+      @_container.find('a').removeClass('waiting')
+      @_scroller.find('table').remove()
+      @_scroller.append(response)
+      @init()
+      
+    show: (year, month) =>
+      if cached = @cached(year, month)
+        @update(cached, year, month)
+      else
+        @_request = $.ajax
+          type: "GET"
+          dataType: "html"
+          url: "/events/calendar.js?month=#{encodeURIComponent(month)}&year=#{encodeURIComponent(year)}"
+          success: (response) =>
+            @update(response, year, month)
+    
+    update: (response, year, month) =>
+      @_container.find('a').removeClass('waiting')
+      direction = "left" if ((year * 12) + month) > ((@_year * 12) + @_month)
+      @sweep response, direction
+    
+    sweep: (table, direction) =>
+      old = @_scroller.find('table')
+      if direction == 'left'
+        @_scroller.append(table)
+        @_container.animate {scrollLeft: @_width}, 'fast', () =>
+          old.remove()
+          @_container.scrollLeft(0)
+          @init()
+      else
+        @_scroller.prepend(table)
+        @_container.scrollLeft(@_width).animate {scrollLeft: 0}, 'fast', () =>
+          old.remove()
+          @init()
+    
+    monthName: () =>
+      Kalendae.moment.months[@_month-1]
+      
+    searchForm: =>
+      @_form ?= $('#searchform')
+      
+    searchFor: (day) =>
+      if day?
+        @search("#{@monthName()} #{day}, #{@_year}")
+      else
+        @search("#{@monthName()} #{@_year}")
+
+    search: (term) =>
+      @searchForm().find('input#term').val(term)
+      @searchForm().submit()
+      
+
+  $.fn.calendar = ->
+    @each ->
+      new Calendar(@)
+    @
+    
+  $.fn.calendar_changer = ->
+    @click (e) ->
+      e.preventDefault() if e
+      link = $(@)
+      year = parseInt(link.attr('data-year'), 10)
+      month = parseInt(link.attr('data-month'), 10)
+      link.addClass('waiting')
+      $.calendar?.show(year, month)
+    @
+
+  $.fn.day_search = ->
+    @click (e) ->
+      e.preventDefault() if e
+      $.calendar?.searchFor($(@).text())
+      
+  $.fn.month_search = ->
+    @click (e) ->
+      e.preventDefault() if e
+      $.calendar?.searchFor()
+  
+      
+      

data/app/assets/javascripts/droom/drag_sort.js.coffee

@@ -0,0 +1,22 @@
+jQuery ($) ->
+
+  $.fn.drag_sort = (options) ->
+    @each ->
+      first = 0
+      offset = 1 + first
+      sorter = $(@).sortable
+        handle: ".handle"
+      $.each $(@).children(), (i, child) =>
+        $(child).bind "dragend", (e) =>
+          child = $(child)
+          index = child.index() + offset
+          id = parseInt(child.attr('id').split("person_")[1], 10)
+          $.ajax
+            url: "/people/#{id}"
+            type: "PUT"
+            dataType: "JSON"
+            data:
+              person:
+                position: index
+
+    @

data/app/assets/javascripts/droom/forms.js.coffee

@@ -0,0 +1,746 @@
+jQuery ($) ->
+
+  # minimal rfc4122 generator taken from http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
+  $.makeGuid = ()->
+    'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace /[xy]/g, (c) ->
+      r = Math.random()*16|0
+      v = if c is 'x' then r else r & 0x3 | 0x8
+      v.toString 16
+
+  # Query string parser for history-restoration purposes.
+
+  $.urlParam = (name) ->
+    results = new RegExp("[\\?&]" + name + "=([^&#]*)").exec(window.location.href)
+    return false unless results
+    results[1] or 0
+
+
+
+  class Toggle
+    constructor: (element, @_selector, @_name) ->
+      @_container = $(element)
+      @_name ?= "droom_#{@_selector}_state"
+      @_showing_text = @_container.text().replace('show', 'hide').replace('Show', 'Hide')
+      @_hiding_text = @_showing_text.replace('hide', 'show').replace('Hide', 'Show')
+      @_container.click @toggle
+      if cookie = $.cookie(@_name)
+        @_showing = cookie is "showing"
+        @apply()
+      else
+        @_showing = $(@_selector).is(":visible")
+        @store()
+      
+    apply: (e) =>
+      e.preventDefault() if e
+      if @_showing then @show() else @hide()
+
+    toggle: (e) =>
+      e.preventDefault() if e
+      if @_showing then @fadeOut() else @fadeIn()
+
+    fadeIn: =>
+      $(@_selector).fadeIn () =>
+        @show()
+
+    show: =>
+      $(@_selector).show()
+      @_container.text(@_showing_text)
+      @_showing = true
+      @store()
+    
+    fadeOut: =>
+      $(@_selector).fadeOut () =>
+        @hide()
+      
+    hide: =>
+      $(@_selector).hide()
+      @_container.text(@_hiding_text)
+      @_showing = false
+      @store()
+      
+    store: () =>
+      value = if @_showing then "showing" else "hidden"
+      $.cookie @_name, value,
+         path: '/'
+
+
+  $.fn.toggle = () ->
+    @each ->
+      new Toggle(@, $(@).attr('data-affected'))
+
+
+
+
+  class Twister
+    constructor: (element) ->
+      @_twister = $(element)
+      @_twisted = @_twister.siblings('.twisted')
+      @_toggle = @_twister.find('a')
+      @_toggle.click @toggle
+      @close() if @_twister.hasClass('closed')
+
+    toggle: (e) =>
+      e.preventDefault() if e
+      if @_twisted.is(':visible') then @close() else @open()
+      
+    open: () =>
+      @_twister.removeClass("closed")
+      @_twisted.slideDown "slow"
+
+    close: () =>
+      @_twisted.slideUp "slow", () =>
+        @_twister.addClass("closed")
+  
+  $.fn.twister = ->
+    @each ->
+      new Twister(@)
+
+  # A captive form submits via an ajax request and pushes its results into the present page.
+
+  class CaptiveForm
+    constructor: (element, @_options) ->
+      @_form = $(element)
+      @_prompt = @_form.find("input[type=\"text\"]")
+      @_request = null
+      @_original_content = $(@_options.replacing).clone()
+      @_original_term = decodeURIComponent $.urlParam("q") if $.urlParam("q")
+      if @_original_term
+        @_prompt.val(@_original_term)
+        @submit() unless @_prompt.val() is ""
+      else
+        @revert()
+      if @_options.fast
+        @_form.find("input[type=\"text\"]").keyup @keyed
+        @_form.find("input[type=\"radio\"]").click @submit
+        @_form.find("input[type=\"checkbox\"]").click @submit
+      if Modernizr.history
+        $(window).bind 'popstate', @restoreState
+      @_form.submit @submit
+      
+    keyed: (e) =>
+      k = e.which
+      if (k >= 32 and k <= 165) or k == 8
+        if @_prompt.val() == ""
+          @revert()
+        else
+          @_form.submit()
+    
+    submit: (e) =>
+      e.preventDefault() if e
+      $(@_options.replacing).fadeTo "fast", 0.2
+      @_request.abort() if @_request
+      @_form.find("input[type='submit']").addClass "waiting"
+      @_request = $.ajax
+        type: "GET"
+        dataType: "html"
+        url: @_form.attr("action") + ".js"
+        data: @_form.serialize()
+        success: @update
+    
+    update: (results) =>
+      @_form.find("input[type='submit']").removeClass "waiting"
+      @saveState(results) if Modernizr.history
+      @display results
+    
+    saveState: (results) =>
+      results ?= @_original_content.html()
+      term = @_prompt.val()
+      if term
+        url = window.location.pathname + '?q=' + encodeURIComponent(term)
+      else
+        url = window.location.pathname
+      state = 
+        html: results
+        term: term
+      history.pushState state, "New page title", url
+    
+    restoreState: (e) =>
+      event = e.originalEvent
+      if event.state? && event.state.html?
+        @display event.state.html
+        @_prompt.val(event.state.term)
+      
+    revert: (e) =>
+      e.preventDefault() if e
+      @display @_original_content
+      @_original_content.fadeTo "fast", 1
+      @_prompt.val("")
+      @saveState()
+      
+    display: (results) =>
+      $(@_options.replacing).replaceWith results
+      $(@_options.clearing).val "" if @_options.clearing?
+      $(@_options.replacing).find('a.popup').popup_remote_content()
+      $(@_options.replacing).find('a.cancel').click @revert
+
+  $.fn.captive = (options) ->
+    options = $.extend(
+      replacing: "#results"
+      clearing: null
+    , options)
+    @each ->
+      new CaptiveForm @, options
+    @
+
+  class Editor
+    constructor: (element) ->
+      @_container = $(element)
+      @_textarea = @_container.find('textarea')
+      @_toolbar = @_container.find('.toolbar')
+      @_toolbar.attr('id', $.makeGuid()) unless @_toolbar.attr('id')?
+      @_textarea.attr('id', $.makeGuid()) unless @_textarea.attr('id')?
+      stylesheets = $("link").map ->
+        $(@).attr('href')
+      @_editor = new wysihtml5.Editor @_textarea.attr('id'),
+        stylesheets: stylesheets,
+        toolbar: @_toolbar.attr('id'),
+        parserRules: wysihtml5ParserRules
+        useLineBreaks: false
+      @_toolbar.show()
+      @_editor.on "load", () =>
+        @_iframe = @_editor.composer.iframe
+        $(@_editor.composer.doc).find('html').css
+          "height": 0
+        @resizeIframe()
+        @_textarea = @_editor.composer.element
+        @_textarea.addEventListener("keyup", @resizeIframe, false)
+        @_textarea.addEventListener("blur", @resizeIframe, false)
+        @_textarea.addEventListener("focus", @resizeIframe, false)
+        
+    resizeIframe: () =>
+      if $(@_iframe).height() != $(@_editor.composer.doc).height()
+        $(@_iframe).height(@_editor.composer.element.offsetHeight)
+    
+    showToolbar: () =>
+      @_hovered = true
+      @_toolbar.fadeTo(200, 1)
+
+    hideToolbar: () =>
+      @_hovered = false
+      @_toolbar.fadeTo(1000, 0.2)
+
+  $.fn.html_editable = ()->
+    @each ->
+      new Editor(@)
+
+
+
+  class RemoteForm
+    constructor: (element, opts) ->
+      @_form = $(element)
+      @_options = $.extend {}, opts
+      @_form.on 'ajax:beforeSend', @pend
+      @_form.on 'ajax:error', @fail
+      @_form.on 'ajax:success', @receive
+      @activate()
+      
+    activate: () => 
+      @_form.find('a.cancel').click @cancel
+      @_form.activate()
+      @_options.on_prepare?()
+
+    pend: (event, xhr, settings) =>
+      xhr.setRequestHeader('X-PJAX', 'true')
+      @_form.addClass('waiting')
+      @_options.on_submit?()
+
+    fail: (event, xhr, status) ->
+      @_form?.removeClass('waiting').addClass('erratic')
+      @_options.on_error?()
+  
+    receive: (event, response, status) =>
+      replacement = $(response)
+      @_form.after(replacement)
+      @_form.remove()
+      if replacement.is('form')
+        @_form = replacement
+        @activate()
+        #todo: make sure we get error markers displaying nicely here
+      else
+        @_options.on_complete?(replacement)
+        
+    cancel: (e) =>
+      e.preventDefault() if e
+      if @_options.on_cancel?
+        @_options.on_cancel()
+      else
+        @_form.remove()
+
+
+  $.fn.remote_link = (callback) ->
+    @
+      .on 'ajax:beforeSend', (event, xhr, settings) ->
+        $(@).addClass('waiting')
+        xhr.setRequestHeader('X-PJAX', 'true')
+      .on 'ajax:error', (event, xhr, status) ->
+        console.log "remote_link error:", status
+        $(@).removeClass('waiting').addClass('erratic')
+      .on 'ajax:success', (event, response, status) ->
+        $(@).removeClass('waiting')
+        callback(response)
+
+
+
+  $.fn.removes = (selector) ->
+    selector ?= '.holder'
+    @each ->
+      affected = $(@).attr('data-affected')
+      $(@).remote_link (response) =>
+        $(@).parents(selector).first().fadeOut 'fast', () ->
+          $(@).remove()
+          $(affected).trigger "refresh"
+
+
+
+  class Replacement
+    constructor: (content, container) ->
+      @_container = $(container)
+      @_content = $(content)
+      @_mask = $('#mask')
+      @_original_content = @_container.html()
+      @_container.html(@_content)
+
+    revert: (e) =>
+      @_container.html(@_original_content)
+      @_container.signal_cancellation()
+
+  $.fn.replace_with_remote_form = (container) ->
+    @each ->
+      container ?= $(@).parents('.holder')
+      affected = $(@).attr('data-affected')
+      $(@).remote_link (response) =>
+        f = $(response)
+        rp = new Replacement f, container
+        new RemoteForm f, 
+          on_cancel: rp.revert
+          on_complete: (response) =>
+            container.replaceWith(response)
+            response.activate()
+            response.signal_confirmation()
+            $(affected).trigger "refresh"
+
+
+
+  class Interjection
+    constructor: (content, target, @_position) ->
+      @_options = $.extend {position: 'after'}, @_opts
+      @_content = $(content)
+      @_mask = $('#mask')
+      @_target = $(target)
+      @_container = $('<div class="interjected" />')
+      switch @_position
+        when "insert" then @_container.prependTo(@_target)
+        when "before" then @_container.insertBefore(@_target)
+        when "after" then @_container.insertAfter(@_target)
+        else throw "interjection overruled"
+      @_container.hide().append(@_content)
+      @show()
+      
+    show: (e) =>
+      e.preventDefault() if e
+      @_container.slideDown 'slow'
+
+    hide: (e) =>
+      e.preventDefault() if e
+      @_container.slideUp 'slow'
+
+    remove: (e) =>
+      e.preventDefault() if e
+      @_container.slideUp 'fast', () ->
+        $(@).remove()
+
+
+  $.fn.append_remote_form = (target) ->
+    @each ->
+      container = target ? $(@).parents('.holder').first()
+      affected = $(@).attr('data-affected')
+      $(@).remote_link (response) =>
+        f = $(response)
+        ij = new Interjection f, container, 'after'
+        new RemoteForm f, 
+          on_cancel: ij.remove
+          on_complete: (response) =>
+            $(affected).trigger "refresh"
+
+
+
+  class Overlay
+    constructor: (content, marker) ->
+      @_content = $(content)
+      @_marker = $(marker)
+      @_container = $('<div class="overlay" />')
+      @_mask = $('#mask')
+      @_marker.offsetParent().append(@_container)
+      @_container.hide().append(@_content)
+      position = 
+        top: @_marker.position().top
+        left: @_marker.position().left
+      @_container.css position
+      @show()
+      
+
+    show: (e) =>
+      e.preventDefault() if e
+      @_mask.bind "click", @hide
+      @_mask.fadeTo 'fast', 0.8
+      @_container.fadeIn 'fast'
+
+    hide: (e) =>
+      e.preventDefault() if e
+      @_mask.fadeOut('slow')
+      @_mask.unbind "click", @hide
+      @_container.fadeOut('slow')
+    
+    remove: (e) =>
+      @_mask.fadeOut('fast')
+      @_mask.unbind "click", @hide
+      @_container.fadeOut 'slow', () ->
+        $(@).remove()
+      
+
+  $.fn.overlay_remote_form = () ->
+    @each ->
+      $(@).remote_link (response) =>
+        marker = $(@).parents('.holder')
+        affected = $(@).attr('data-affected')
+        f = $(response)
+        ov = new Overlay f, marker
+        new RemoteForm f, 
+          on_cancel: ov.remove
+          on_complete: (response) =>
+            ov.remove()
+            marker.replaceWith(response)
+            response.activate()
+            response.signal_confirmation()
+            $(affected).trigger "refresh"
+
+
+  class Popup
+    constructor: (content) ->
+      @_content = $(content)
+      @_mask = $('#mask')
+      @_container = $('<div class="popup" />')
+      @_container.insertAfter(@_mask).hide().append(@_content)
+      @_content.find('a.cancel').click @hide
+      @_content.activate()
+      @show()
+
+    show: (e) =>
+      e.preventDefault() if e
+      @_container.fadeTo('fast', 1)
+      @_mask.fadeTo('fast', 0.8)
+      @_mask.bind "click", @hide
+
+    hide: (e) =>
+      e.preventDefault() if e
+      @_container.fadeOut('fast')
+      @_mask.fadeOut('fast')
+      @_mask.unbind "click", @hide
+
+  $.fn.popup_remote_content = () ->
+    @remote_link (response) ->
+      new Popup(response)
+
+
+  class Refresher
+    constructor: (element) ->
+      @_container = $(element)
+      @_url = @_container.attr 'data-url'
+      @_container.bind "refresh", @refresh
+      
+    refresh: () =>
+      $.ajax @_url,
+        dataType: "html"
+        success: @replace
+    
+    replace: (data, textStatus, jqXHR) =>
+      replacement = $(data)
+      @_container.fadeOut 'fast', () =>
+        replacement.hide().insertAfter(@_container)
+        @_container.remove()
+        @_container = replacement
+        @_container.activate().fadeIn('fast')
+      
+  $.fn.refresher = () ->
+    @each ->
+      new Refresher @
+
+
+
+  class DatePicker
+    constructor: (element) ->
+      @_container = $(element)
+      @_trigger = @_container.find('a')
+      @_field = @_container.find('input')
+      @_holder = @_container.find('div.kal')
+      @_mon = @_container.find('span.mon')
+      @_dom = @_container.find('span.dom')
+      @_year = @_container.find('span.year')
+      @_kal = new Kalendae @_holder[0]
+      @_holder.hide()
+      @_trigger.click @toggle
+      @_kal.subscribe 'change', () =>
+        @hide()
+        @_field.val(@_kal.getSelected())
+        [year, month, day] = @_kal.getSelected().split('-')
+        @_year.text(year)
+        @_dom.text(day)
+        @_mon.text(Kalendae.moment.monthsShort[parseInt(month, 10) - 1])
+
+    toggle: (e) =>
+      e.preventDefault() if e
+      if @_holder.is(':visible') then @hide() else @show()
+
+    show: () =>
+      @_holder.fadeIn "fast", () =>
+        @_container.addClass('editing')
+        # $(document).bind "click", @hide
+              
+    hide: () =>
+      # $(document).unbind "click", @hide
+      @_container.removeClass('editing')
+      @_holder.fadeOut("fast")
+
+  $.fn.date_picker = () ->
+    @each ->
+      new DatePicker(@)
+    @
+
+  class TimePicker
+    constructor: (element) ->
+      holder = $('<div class="timepicker" />')
+      menu = $('<ul />').appendTo(holder)
+      field = $(element)
+      for i in [0..24]
+        $("<li>#{i}:00</li><li>#{i}:30</li>").appendTo(menu)
+      menu.find('li').click (e) ->
+        e.preventDefault()
+        field.val $(@).text()
+        field.trigger('change')
+      field.after holder
+      field.focus @show
+      field.blur @hide
+      @holder = holder
+      @field = field
+
+    show: (e) =>
+      position = @field.position()
+      @holder.css
+        left: position.left
+        top: position.top + @field.outerHeight() - 2
+      @holder.show()
+      $(document).bind "click", @hide
+      
+    hide: (e) =>
+      unless e.target is @field[0]
+        $(document).unbind "click", @hide
+        @holder.hide()
+
+  $.fn.time_picker = () ->
+    @each ->
+      new TimePicker(@)
+
+
+
+
+  class FilePicker
+    constructor: (element) ->
+      @_container = $(element)
+      @_form = @_container.parent()
+      @_holder = @_form.parent()
+      @_link = @_container.find('a.ul')
+      @_filefield = @_container.find('input[type="file"]')
+      @_tip = @_container.find('p.tip')
+      @_link.click_proxy(@_filefield)
+      @_extensions = ['doc', 'docx', 'pdf', 'xls', 'xlsx', 'jpg', 'png']
+      @_filefield.bind 'change', @pick
+      @_file = null
+      @_filename = ""
+      @_ext = ""
+      @_fields = @_container.siblings('.metadata')
+      @_form.submit @submit
+      
+    pick: (e) =>
+      @_link.removeClass(@_extensions.join(' '))
+      if files = @_filefield[0].files
+        @_file = files.item(0)
+        @_tip.hide()
+        @showSelection() if @_file
+
+    submit: (e) =>
+      if @_file
+        e.preventDefault() if e
+        @_fields.hide()
+        @_notifier = $('<div class="notifier"></div>').appendTo @_form
+        @_label = $('<h2 class="filename"></div>').appendTo @_notifier
+        @_progress = $('<div class="progress"></div>').appendTo @_notifier
+        @_bar = $('<div class="bar"></div>').appendTo @_progress
+        @_status = $('<div class="status"></div>').appendTo @_notifier
+        @_label.text(@_filename)
+        @send()
+      
+    showSelection: () =>
+      @_filename = @_file.name.split(/[\/\\]/).pop()
+      @_ext = @_filename.split('.').pop()
+      @_link.addClass(@_ext) if @_ext in @_extensions
+      $('input.name').val(@_filename) if $('input.name').val() is ""
+
+    send: () =>
+      formData = new FormData @_form.get(0)
+      @xhr = new XMLHttpRequest()
+      @xhr.onreadystatechange = @update
+      @xhr.upload.onprogress = @progress
+      @xhr.upload.onloadend = @finish
+      url = @_form.attr('action')
+      @xhr.open 'POST', url, true
+      @xhr.send formData
+
+    progress: (e) =>
+      @_status.text("Uploading")
+      if e.lengthComputable
+        full_width = @_progress.width()
+        progress_width = Math.round(full_width * e.loaded / e.total)
+        @_bar.width progress_width
+      
+    update: () =>
+      if @xhr.readyState == 4
+        if @xhr.status == 200
+          @_form.remove()
+          @_holder.append(@xhr.responseText).delay(5000).slideUp()
+          #todo: remove this nasty shortcut and integrate with RemoteForm and jquery_ujs
+          #(which will require us to prevent form serialization in some way)
+          $('.documents').trigger("refresh")
+    
+    finish: (e) =>
+      @_status.text("Processing")
+      @_bar.css
+        "background-color": "green"
+
+
+
+  $.fn.file_picker = () ->
+    @each ->
+      new FilePicker @
+
+  $.fn.click_proxy = (target_selector) ->
+    this.bind "click", (e) ->
+      e.preventDefault()
+      $(target_selector).click()
+
+
+  $.fn.replace_with_remote_toggle = () ->
+    @
+      .on 'ajax:beforeSend', (event, xhr, settings) ->
+        $(@).addClass('waiting')
+        $(@).children().addClass('waiting')
+        xhr.setRequestHeader('X-PJAX', 'true')
+      .on 'ajax:error', (event, xhr, status) ->
+        $(@).removeClass('waiting').addClass('erratic')
+      .on 'ajax:success', (event, response, status) ->
+        if response? && response != " "
+          self = $(@)
+          container = $(@).parents('.holder').first()
+          replacement = $(response)
+          self.removeClass('waiting')
+          container.replaceWith(replacement.activate())
+
+  class PasswordField
+    constructor: (element, opts) ->
+      @options = $.extend
+        length: 6
+      , opts
+      @field = $(element)
+      @_notice = $('.notice')
+      @form = @field.parents('form')
+      @submit = @form.find('.submit')
+      @confirmation = $("#" + @field.attr("id") + "_confirmation")
+      @confirmation_holder = @confirmation.parents("p")
+      @mock_password = 'password'
+      @required = @field.attr('required')
+      @field.focus @wake
+      @field.blur @sleep
+      @field.keyup @check
+      @confirmation.keyup @check
+      @form.submit @stumbit
+      # to set up initial state
+      @check()
+      @sleep()
+
+    wake: () =>
+      if @field.val() is @mock_password
+        @field.removeClass "empty"
+        @field.val ""
+
+    sleep: () =>
+      v = @field.val()
+      if v is @mock_password or v is ""
+        @field.val @mock_password
+        @field.addClass("empty")
+        # if we're not required, then both-empty is also a submittable condition
+        if @confirmation.val() is "" and not @required
+          @submittable()
+
+    check: () =>
+      if @empty() and !@required
+        @field.removeClass("ok notok").addClass("empty")
+        @confirmation_holder.hide()
+        @submittable()
+        @notify ""
+      else if @valid()
+        @field.addClass("ok").removeClass "notok"
+        @confirmation_holder.show()
+        @notify "You must confirm your password before you can proceed."
+        if @matching()
+          @notify "Passwords match.", "successful"
+          @confirmation.addClass("ok").removeClass("notok")
+          @submittable()
+        else
+          @notify "The confirmation does not match your password.", "erratic"
+          @confirmation.addClass("notok").removeClass("ok")
+          @unsubmittable()
+      else
+        @confirmation_holder.hide()
+        @confirmation.val ""
+        @unsubmittable()
+        @field.addClass("notok").removeClass("ok")
+        @confirmation.addClass("notok").removeClass("ok")
+        @notify "Please enter password of at least six letters.", "erratic"
+    
+    notify: (message, cssclass) =>
+      @_notice.removeClass('erratic successful').addClass(cssclass).text(message)
+      
+    submittable: () =>
+      @submit.removeClass("unavailable")
+      @blocked = false
+
+    unsubmittable: () =>
+      @submit.addClass("unavailable")
+      @blocked = true
+
+    empty: () =>
+      !@field.val() || @field.val().length == 0
+      
+    valid: () =>
+      v = @field.val()
+      v.length >= @options.length and (!@options.validator? or @options.validator.test(v))
+
+    matching: () =>
+      @confirmation.val() is @field.val()
+
+    stumbit: (e) =>
+      if @blocked
+        e.preventDefault()
+      else
+        @field.val("") if @field.val() is @mock_password
+        
+
+  $.fn.password_field = ->
+    @each ->
+      new PasswordField(@)
+
+
+  $.fn.submitter = ->
+    @click (e) ->
+      $(@).addClass('waiting').text('Please wait').bind "click", (e) =>
+        e.preventDefault() if e
+