wagn 1.12.7

data/app/assets/javascripts/jquery.iframe-transport.js

@@ -0,0 +1,156 @@
+/*
+ * jQuery Iframe Transport Plugin 1.2.5
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://creativecommons.org/licenses/MIT/
+ */
+
+/*jslint unparam: true, nomen: true */
+/*global jQuery, document */
+
+(function ($) {
+    'use strict';
+
+    // Helper variable to create unique names for the transport iframes:
+    var counter = 0;
+
+    // The iframe transport accepts three additional options:
+    // options.fileInput: a jQuery collection of file input fields
+    // options.paramName: the parameter name for the file form data,
+    //  overrides the name property of the file input field(s)
+    // options.formData: an array of objects with name and value properties,
+    //  equivalent to the return data of .serializeArray(), e.g.:
+    //  [{name: 'a', value: 1}, {name: 'b', value: 2}]
+    $.ajaxTransport('iframe', function (options) {
+        if (options.async && (options.type === 'POST' || options.type === 'GET')) {
+            var form,
+                iframe;
+            return {
+                send: function (_, completeCallback) {
+                    form = $('<form style="display:none;"></form>');
+                    // javascript:false as initial iframe src
+                    // prevents warning popups on HTTPS in IE6.
+                    // IE versions below IE8 cannot set the name property of
+                    // elements that have already been added to the DOM,
+                    // so we set the name along with the iframe HTML markup:
+                    iframe = $(
+                        '<iframe src="javascript:false;" name="iframe-transport-' +
+                            (counter += 1) + '"></iframe>'
+                    ).bind('load', function () {
+                        var fileInputClones;
+                        iframe
+                            .unbind('load')
+                            .bind('load', function () {
+                                var response;
+                                // Wrap in a try/catch block to catch exceptions thrown
+                                // when trying to access cross-domain iframe contents:
+                                try {
+                                    response = iframe.contents();
+                                    // Google Chrome and Firefox do not throw an
+                                    // exception when calling iframe.contents() on
+                                    // cross-domain requests, so we unify the response:
+                                    if (!response.length || !response[0].firstChild) {
+                                        throw new Error();
+                                    }
+                                } catch (e) {
+                                    response = undefined;
+                                }
+                                // The complete callback returns the
+                                // iframe content document as response object:
+                                completeCallback(
+                                    200,
+                                    'success',
+                                    {'iframe': response}
+                                );
+                                // Fix for IE endless progress bar activity bug
+                                // (happens on form submits to iframe targets):
+                                $('<iframe src="javascript:false;"></iframe>')
+                                    .appendTo(form);
+                                form.remove();
+                            });
+                        form
+                            .prop('target', iframe.prop('name'))
+                            .prop('action', options.url)
+                            .prop('method', options.type);
+                        if (options.formData) {
+                            $.each(options.formData, function (index, field) {
+                                $('<input type="hidden"/>')
+                                    .prop('name', field.name)
+                                    .val(field.value)
+                                    .appendTo(form);
+                            });
+                        }
+                        if (options.fileInput && options.fileInput.length &&
+                                options.type === 'POST') {
+                            fileInputClones = options.fileInput.clone();
+                            // Insert a clone for each file input field:
+                            options.fileInput.after(function (index) {
+                                return fileInputClones[index];
+                            });
+                            if (options.paramName) {
+                                options.fileInput.each(function () {
+                                    $(this).prop('name', options.paramName);
+                                });
+                            }
+                            // Appending the file input fields to the hidden form
+                            // removes them from their original location:
+                            form
+                                .append(options.fileInput)
+                                .prop('enctype', 'multipart/form-data')
+                                // enctype must be set as encoding for IE:
+                                .prop('encoding', 'multipart/form-data');
+                        }
+                        form.submit();
+                        // Insert the file input fields at their original location
+                        // by replacing the clones with the originals:
+                        if (fileInputClones && fileInputClones.length) {
+                            options.fileInput.each(function (index, input) {
+                                var clone = $(fileInputClones[index]);
+                                $(input).prop('name', clone.prop('name'));
+                                clone.replaceWith(input);
+                            });
+                        }
+                    });
+                    form.append(iframe).appendTo(document.body);
+                },
+                abort: function () {
+                    if (iframe) {
+                        // javascript:false as iframe src aborts the request
+                        // and prevents warning popups on HTTPS in IE6.
+                        // concat is used to avoid the "Script URL" JSLint error:
+                        iframe
+                            .unbind('load')
+                            .prop('src', 'javascript'.concat(':false;'));
+                    }
+                    if (form) {
+                        form.remove();
+                    }
+                }
+            };
+        }
+    });
+
+    // The iframe transport returns the iframe content document as response.
+    // The following adds converters from iframe to text, json, html, and script:
+    $.ajaxSetup({
+        converters: {
+            'iframe text': function (iframe) {
+                return $(iframe[0].body).text();
+            },
+            'iframe json': function (iframe) {
+                return $.parseJSON($(iframe[0].body).text());
+            },
+            'iframe html': function (iframe) {
+                return $(iframe[0].body).html();
+            },
+            'iframe script': function (iframe) {
+                return $.globalEval($(iframe[0].body).text());
+            }
+        }
+    });
+
+}(jQuery));

data/app/assets/javascripts/jquery.ui.autocomplete.html.js

@@ -0,0 +1,40 @@
+/*
+ * jQuery UI Autocomplete HTML Extension
+ *
+ * Copyright 2010, Scott González (http://scottgonzalez.com)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * http://github.com/scottgonzalez/jquery-ui-extensions
+ */
+(function( $ ) {
+
+var proto = $.ui.autocomplete.prototype,
+	initSource = proto._initSource;
+
+function filter( array, term ) {
+	var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
+	return $.grep( array, function(value) {
+		return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
+	});
+}
+
+$.extend( proto, {
+	_initSource: function() {
+		if ( this.options.html && $.isArray(this.options.source) ) {
+			this.source = function( request, response ) {
+				response( filter( this.options.source, request.term ) );
+			};
+		} else {
+			initSource.call( this );
+		}
+	},
+
+	_renderItem: function( ul, item) {
+		return $( "<li></li>" )
+			.data( "item.autocomplete", item )
+			.append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
+			.appendTo( ul );
+	}
+});
+
+})( jQuery );

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

@@ -0,0 +1,288 @@
+$.extend wagn,
+  initializeEditors: (range, map) ->
+    map = wagn.editorInitFunctionMap unless map?
+    $.each map, (selector, fn) ->
+      $.each range.find(selector), ->
+        fn.call $(this)
+
+  prepUrl: (url, slot)->
+    xtra = {}
+    main = $('#main').children('.card-slot').data 'cardName'
+    xtra['main'] = main if main?
+    if slot
+      xtra['is_main'] = true if slot.isMain()
+      slotdata = slot.data 'slot'
+      wagn.slotParams slotdata, xtra, 'slot' if slotdata?
+      
+    url + ( (if url.match /\?/ then '&' else '?') + $.param(xtra) )
+  
+  slotParams: (raw, processed, prefix)->
+    $.each raw, (key, value)->
+      cgiKey = prefix + '[' + snakeCase(key) + ']'
+      if key == 'items'
+        wagn.slotParams value, processed, cgiKey
+      else
+        processed[cgiKey] = value
+
+  pingName: (name, success)->
+    $.getJSON wagn.rootPath + '/', { format: 'json', view: 'status', 'card[name]': name }, success  
+
+jQuery.fn.extend {
+  slot: -> @closest '.card-slot'
+
+  setSlotContent: (val) ->
+    s = @slot()
+    v = $(val)
+    if v[0]
+      if slotdata = s.attr 'data-slot'
+        v.attr 'data-slot', slotdata if slotdata?
+    else #simple text (not html)
+      v = val
+    s.replaceWith v
+    v
+
+  notify: (message) ->
+    slot = @slot()
+    notice = slot.find '.card-notice'
+    unless notice[0]
+      notice = $('<div class="card-notice"></div>')
+      form = slot.find('.card-form')
+      if form[0]
+        $(form[0]).append notice
+      else
+        slot.append notice 
+    notice.html message
+    notice.show 'blind'
+
+  report: (message) ->
+    report = @slot().find '.card-report'
+    return false unless report[0]
+    report.hide()
+    report.html message
+    report.show 'drop', 750
+    setTimeout (->report.hide 'drop', 750), 3000
+
+  isMain: -> @slot().parent('#main')[0]
+
+  loadCaptcha: -> Recaptcha.create wagn.recaptchaKey, this[0]
+
+  autosave: ->
+    slot = @slot()
+    return if @attr 'no-autosave'
+    multi = @closest 'fieldset'
+    if multi[0]
+      return unless id = multi.data 'cardId'
+      reportee = ': ' + multi.data 'cardName'
+    else
+      id = slot.data 'cardId'
+      reportee = ''
+
+    #might be better to put this href base in the html
+
+    $.ajax wagn.rootPath + '/card/save_draft/~' + id, {
+      data : { 'card[content]' : @val() },
+      type : 'POST',
+      success: () -> slot.report 'draft saved' + reportee
+    }
+
+  setContentFieldsFromMap: (map) ->
+    map = wagn.editorContentFunctionMap unless map?
+    this_form = $(this)
+    $.each map, (selector, fn)->
+      this_form.setContentFields(selector, fn)
+  setContentFields: (selector, fn) ->
+    $.each @find(selector), ->
+      $(this).setContentField(fn)
+  setContentField: (fn)->
+    field = @closest('.card-editor').find('.card-content')
+    init_val = field.val() # tinymce-jquery overrides val(); that's why we're not using it.
+    new_val = fn.call this
+    field.val new_val
+    field.change() if init_val != new_val
+}
+
+#~~~~~ ( EVENTS )
+
+setInterval (-> $('.card-form').setContentFieldsFromMap()), 20000
+
+$(window).ready ->
+  $.ajaxSetup cache: false
+
+  setTimeout (-> wagn.initializeEditors $('body')), 10
+  #  dislike the timeout, but without this forms with multiple TinyMCE editors were failing to load properly
+
+  $('body').on 'ajax:success', '.slotter', (event, data, c, d) ->
+    if data.redirect
+      window.location=data.redirect
+    else
+      notice = $(this).attr('notify-success')
+      newslot = $(this).setSlotContent data
+        
+      if newslot.jquery # sometimes response is plaintext
+        wagn.initializeEditors newslot
+        if notice?
+          newslot.notify notice
+
+  $('body').on 'ajax:error', '.slotter', (event, xhr) ->
+    result = xhr.responseText
+    if xhr.status == 403 #permission denied
+      $(this).setSlotContent result
+    else
+      $(this).notify result
+      s = $(this).slot()
+      if xhr.status == 409 #edit conflict
+        s.find('.current_revision_id').val s.find('.new-current-revision-id').text()
+      else if xhr.status == 449
+        s.find('.recaptcha-box').loadCaptcha()
+
+  $('body').on 'click', 'button.slotter', (event)->
+    return false if !$.rails.allowAction $(this)
+    $.rails.handleRemote $(this)
+
+  $('body').on 'ajax:beforeSend', '.slotter', (event, xhr, opt)->
+    return if opt.skip_before_send
+
+    unless opt.url.match /home_view/ #avoiding duplication.  could be better test?
+      opt.url = wagn.prepUrl opt.url, $(this).slot()
+    
+
+    if $(this).is('form')
+      if wagn.recaptchaKey and $(this).attr('recaptcha')=='on' and !($(this).find('.recaptcha-box')[0])
+         newCaptcha(this)
+         return false
+
+      if data = $(this).data 'file-data'
+        # NOTE - this entire solution is temporary.
+        input = $(this).find '.file-upload'
+        if input[1]
+          $(this).notify "Wagn does not yet support multiple files in a single form."
+          return false
+        widget = input.data 'fileupload' #jQuery UI widget
+
+        unless widget._isXHRUpload(widget.options) # browsers that can't do ajax uploads use iframe
+          $(this).find('[name=success]').val('_self') # can't do normal redirects.
+          # iframe response not passed back; all responses treated as success.  boo
+          opt.url += '&simulate_xhr=true'
+          # iframe is not xhr request, so would otherwise get full response with layout
+          iframeUploadFilter = (data)-> data.find('body').html()
+          opt.dataFilter = iframeUploadFilter
+          # gets rid of default html and body tags
+        
+        args = $.extend opt, (widget._getAJAXSettings data), url: opt.url
+        # combines settings from wagn's slotter and jQuery UI's upload widget
+        args.skip_before_send = true #avoid looping through this method again
+
+        $.ajax( args )
+        false
+
+  $('body').on 'submit', '.card-form', ->
+#    warn "on submit called"
+    $(this).setContentFieldsFromMap()
+#    warn "content fields set"    
+    $(this).find('.card-content').attr('no-autosave','true')
+#    warn "autosave worked"
+    true
+
+  $('body').on 'click', '.submitter', ->
+    $(this).closest('form').submit()
+   
+  $('body').on 'click', '.renamer-updater', ->
+    $(this).closest('form').find('.update_referencers').val 'true'
+        
+  $('body').on 'submit', '.card-name-form', ->
+    confirmer = $(this).find '.confirm-rename'
+    if confirmer.is ':hidden'
+      if $(this).find('#referers').val() > 0
+        $(this).find('.renamer-updater').show()
+        
+      confirmer.show 'blind'
+      false
+    
+  $('body').on 'click', 'button.redirecter', ->
+    window.location = $(this).attr('href')
+
+  unless wagn.noDoubleClick
+    $('body').on 'dblclick', '.card-slot', (event) ->
+      s = $(this)
+      return false if s.find( '.card-editor' )[0]
+      return false if s.closest( '.card-header' )[0]
+      return false unless s.data('cardId')
+      s.addClass 'slotter'
+      s.attr 'href', wagn.rootPath + '/card/edit/~' + s.data('cardId')
+      $.rails.handleRemote(s)
+      false # don't propagate up to next slot
+
+  $('body').on 'dblclick', '.nodblclick', -> false
+
+  $('body').on 'submit', 'form.slotter', (event)->
+    if (target = $(this).attr 'main-success') and $(this).isMain()
+      input = $(this).find '[name=success]'
+      if input and !(input.val().match /^REDIRECT/)
+        input.val ( if target == 'REDIRECT' then target + ': ' + input.val() else target )
+
+  #more of this info should be in views; will need to refactor for HTTP DELETE anyway...
+  $('.card-slot').on 'click', '.standard-delete', ->
+    return if $(this).attr('success-ready') == 'true' #prevent double-click weirdness
+    s = if $(this).isMain() then 'REDIRECT: *previous' else 'TEXT:' + $(this).slot().data('cardName') + ' removed'
+    $(this).attr 'href', $(this).attr('href') + '?success=' + encodeURIComponent(s)
+    $(this).attr 'success-ready', 'true'
+
+  $('body').on 'change', '.live-type-field', ->
+    $(this).data 'params', $(this).closest('form').serialize()
+    $(this).data 'url', $(this).attr 'href'
+
+  $('body').on 'change', '.edit-type-field', ->
+    $(this).closest('form').submit()
+
+  $('body').on 'change', '.autosave .card-content', ->
+    content_field = $(this)
+    setTimeout ( -> content_field.autosave() ), 500
+
+  $('body').on 'mouseenter', '[hover_content]', ->
+    $(this).attr 'hover_restore', $(this).html()
+    $(this).html $(this).attr( 'hover_content' )
+  $('body').on 'mouseleave', '[hover_content]', ->
+    $(this).html $(this).attr( 'hover_restore' )
+    
+  $('body').on 'keyup', '.name-editor input', ->
+    box =  $(this)
+    name = box.val()
+    wagn.pingName name, (data)->
+      return null if box.val() != name # avert race conditions
+      status = data['status']
+      if status
+        ed = box.parent()
+        leg = box.closest('fieldset').find('legend')
+        msg = leg.find '.name-messages'
+        unless msg[0]
+          msg = $('<span class="name-messages"></span>')
+          leg.append msg
+        ed.removeClass 'real-name virtual-name known-name'
+        slot_id = box.slot().data 'cardId' # use id to avoid warning when renaming to name variant
+        if status != 'unknown' and !(slot_id && parseInt(slot_id) == data['id'])
+          ed.addClass status + '-name known-name'
+          link = 
+          qualifier = if status == 'virtual' #wish coffee would let me use  a ? b : c syntax here
+            'in virtual'
+          else
+            'already in'
+          msg.html '"<a href="' + wagn.rootPath + '/' + data['url_key'] + '">' + name + '</a>" ' + qualifier + ' use'
+        else
+          msg.html ''
+        
+  $('body').on 'click', '.render-error-link', (event) ->
+    msg = $(this).closest('.render-error').find '.render-error-message'
+    msg.show()
+#    msg.dialog()
+    event.preventDefault()
+
+newCaptcha = (form)->
+  recapUri = 'https://www.google.com/recaptcha/api/js/recaptcha_ajax.js'
+  recapDiv = $('<div class="recaptcha-box"></div>')
+  $(form).children().last().after recapDiv
+  $.getScript recapUri, -> recapDiv.loadCaptcha()
+
+snakeCase = (str)->
+  str.replace /([a-z])([A-Z])/g, (match)-> match[0] + '_' + match[1].toLowerCase()
+
+warn = (stuff) -> console.log stuff if console?