You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@couchdb.apache.org by Russell Branca <ch...@apache.org> on 2013/06/05 19:06:47 UTC
Re: git commit: updated refs/heads/1811-fauxton-attachment-upload to 241acd2
Hey Garren,
Whenever we add third party assets to Fauxton (and CouchDB as a whole), we
need to add the appropriate license and copyright information. Can you:
1) Update LICENSE with the appropriate license info for jquery.form.js
2) Update NOTICE with the appropriate copyright info
Thanks!
-Russell
On Wed, Jun 5, 2013 at 8:21 AM, <ga...@apache.org> wrote:
> Updated Branches:
> refs/heads/1811-fauxton-attachment-upload [created] 241acd2a8
>
>
> upload attachment with progress bar
>
>
> Project: http://git-wip-us.apache.org/repos/asf/couchdb/repo
> Commit: http://git-wip-us.apache.org/repos/asf/couchdb/commit/241acd2a
> Tree: http://git-wip-us.apache.org/repos/asf/couchdb/tree/241acd2a
> Diff: http://git-wip-us.apache.org/repos/asf/couchdb/diff/241acd2a
>
> Branch: refs/heads/1811-fauxton-attachment-upload
> Commit: 241acd2a88b1f47ab38db3679db8427e8e071c39
> Parents: df23be9
> Author: Garren Smith <ga...@gmail.com>
> Authored: Wed Jun 5 17:21:35 2013 +0200
> Committer: Garren Smith <ga...@gmail.com>
> Committed: Wed Jun 5 17:21:35 2013 +0200
>
> ----------------------------------------------------------------------
> src/fauxton/app/app.js | 3 +-
> src/fauxton/app/config.js | 4 +-
> src/fauxton/app/modules/documents/routes.js | 9 +
> src/fauxton/app/modules/documents/views.js | 88 ++-
> .../templates/documents/doc_field_editor_tabs.html | 3 +
> .../app/templates/documents/upload_modal.html | 42 +
> src/fauxton/assets/js/plugins/jquery.form.js | 1190 +++++++++++++++
> src/fauxton/package.json | 2 +-
> 8 files changed, 1337 insertions(+), 4 deletions(-)
> ----------------------------------------------------------------------
>
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/app.js
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/app/app.js b/src/fauxton/app/app.js
> index e754c5f..be0136d 100644
> --- a/src/fauxton/app/app.js
> +++ b/src/fauxton/app/app.js
> @@ -7,7 +7,8 @@ define([
> "helpers",
>
> // Plugins.
> - "plugins/backbone.layoutmanager"
> + "plugins/backbone.layoutmanager",
> + "plugins/jquery.form"
> ],
>
> function($, _, Backbone, Helpers) {
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/config.js
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/app/config.js b/src/fauxton/app/config.js
> index 5bf1f87..c7ae1d6 100644
> --- a/src/fauxton/app/config.js
> +++ b/src/fauxton/app/config.js
> @@ -47,7 +47,9 @@ require.config({
>
> "plugins/codemirror-javascript": ["codemirror"],
>
> - "plugins/prettify": []
> + "plugins/prettify": [],
> +
> + "plugins/jquery.form": ["jquery"]
> }
>
> });
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/routes.js
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/app/modules/documents/routes.js
> b/src/fauxton/app/modules/documents/routes.js
> index 5a44c0e..a49fa91 100644
> --- a/src/fauxton/app/modules/documents/routes.js
> +++ b/src/fauxton/app/modules/documents/routes.js
> @@ -51,6 +51,10 @@ function(app, FauxtonAPI, Documents, Databases) {
> "database/:database/:doc": "code_editor"
> },
>
> + events: {
> + "route:reRenderDoc": "reRenderDoc"
> + },
> +
> crumbs: function() {
> return [
> {"name": "Databases", "link": "/_all_dbs"},
> @@ -67,6 +71,11 @@ function(app, FauxtonAPI, Documents, Databases) {
> }));
> },
>
> + reRenderDoc: function () {
> + this.docView.forceRender();
> + console.log('rerender');
> + },
> +
> field_editor: function(events) {
> this.tabsView.updateSelected('field_editor');
> this.docView = this.setView("#dashboard-content", new
> Documents.Views.DocFieldEditor({
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/views.js
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/app/modules/documents/views.js
> b/src/fauxton/app/modules/documents/views.js
> index 93f06f1..ae87c82 100644
> --- a/src/fauxton/app/modules/documents/views.js
> +++ b/src/fauxton/app/modules/documents/views.js
> @@ -128,6 +128,81 @@ function(app, FauxtonAPI, Documents, pouchdb,
> Codemirror, JSHint) {
> }
> });
>
> + Views.UploadModal = FauxtonAPI.View.extend({
> + template: "templates/documents/upload_modal",
> +
> + initialize: function (options) {
> + console.log('model', this.model, this.model.toJSON());
> +
> + },
> +
> + events: {
> + "click a#upload-btn": "uploadFile"
> + },
> +
> + uploadFile: function (event) {
> + event.preventDefault();
> +
> + var that = this,
> + $form = this.$('#file-upload');
> +
> + this.$('#_rev').val(this.model.get('_rev'));
> +
> + $form.ajaxSubmit({
> + url: this.model.url(),
> + type: 'POST',
> + beforeSend: function () {
> + that.$('.progress').removeClass('hide');
> + },
> + uploadProgress: function(event, position, total, percentComplete)
> {
> + that.$('.bar').css({width: percentComplete + '%'});
> + },
> + success: function (resp) {
> + FauxtonAPI.triggerRouteEvent('reRenderDoc');
> + setTimeout(function () {
> + that.hideModal();
> + }, 1000);
> + }
> + });
> + },
> +
> + showModal: function () {
> + this.$('.bar').css({width: '0%'});
> + this.$('.progress').addClass('hide');
> + this.clear_error_msg();
> + this.$('.modal').modal();
> + // hack to get modal visible
> + $('.modal-backdrop').css('z-index',1025);
> + },
> +
> + hideModal: function () {
> + this.$('.modal').modal('hide');
> + // force this removal as the navbar
> + //$('.modal-backdrop').remove();
> + },
> +
> + set_error_msg: function (msg) {
> + var text;
> + if (typeof(msg) == 'string') {
> + text = msg;
> + } else {
> + text = JSON.parse(msg.responseText).reason;
> + }
> +
> + this.$('#modal-error').text(text).removeClass('hide');
> + },
> +
> + clear_error_msg: function () {
> + this.$('#modal-error').text(' ').addClass('hide');
> + },
> +
> + serialize: function () {
> + return this.model.toJSON();
> +
> + }
> +
> + });
> +
> Views.FieldEditorTabs = FauxtonAPI.View.extend({
> template: "templates/documents/doc_field_editor_tabs",
>
> @@ -137,7 +212,8 @@ function(app, FauxtonAPI, Documents, pouchdb,
> Codemirror, JSHint) {
>
> events: {
> "click button.delete": "destroy",
> - "click button.duplicate": "duplicate"
> + "click button.duplicate": "duplicate",
> + "click button.upload": "upload"
> },
>
> destroy: function(event) {
> @@ -160,6 +236,16 @@ function(app, FauxtonAPI, Documents, pouchdb,
> Codemirror, JSHint) {
> });
> },
>
> + beforeRender: function () {
> + this.uploadModal = this.setView('#upload-modal', new
> Views.UploadModal({model: this.model}));
> + this.uploadModal.render();
> + },
> +
> + upload: function (event) {
> + event.preventDefault();
> + this.uploadModal.showModal();
> + },
> +
> duplicate: function(event) {
> FauxtonAPI.addNotification({
> type: "warning",
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> ----------------------------------------------------------------------
> diff --git
> a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> index 41bbe40..01cb8a9 100644
> --- a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> +++ b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> @@ -18,9 +18,12 @@ the License.
> <ul class="nav pull-right" style="margin:5px 10px 0px 10px;">
> <li>
> <div class="btn-group">
> + <button class="btn btn-small upload"><i
> class="icon-circle-arrow-up"></i> Upload Attachment</button>
> <button class="btn btn-small duplicate"><i
> class="icon-repeat"></i> Duplicate document</button>
> <button class="btn btn-small delete"><i class="icon-trash"></i>
> Delete document</button>
> </div>
> </li>
> </ul>
> </ul>
> +
> +<div id="upload-modal"> </div>
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/upload_modal.html
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/app/templates/documents/upload_modal.html
> b/src/fauxton/app/templates/documents/upload_modal.html
> new file mode 100644
> index 0000000..d9cdbb0
> --- /dev/null
> +++ b/src/fauxton/app/templates/documents/upload_modal.html
> @@ -0,0 +1,42 @@
> +<!--
> +Licensed under the Apache License, Version 2.0 (the "License"); you may
> not
> +use this file except in compliance with the License. You may obtain a
> copy of
> +the License at
> +
> + http://www.apache.org/licenses/LICENSE-2.0
> +
> +Unless required by applicable law or agreed to in writing, software
> +distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
> +WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
> +License for the specific language governing permissions and limitations
> under
> +the License.
> +-->
> +
> +<div class="modal hide fade">
> + <div class="modal-header">
> + <button type="button" class="close" data-dismiss="modal"
> aria-hidden="true">×</button>
> + <h3>Upload an Attachment</h3>
> + </div>
> + <div class="modal-body">
> + <div id="modal-error" class="hide alert alert-error"/>
> + <form id="file-upload" class="form" method="post">
> + <p class="help-block">
> + Please select the file you want to upload as an attachment to this
> document.
> + Please note that this will result in the immediate creation of a
> new revision of the document,
> + so it's not necessary to save the document after the upload.
> + </p>
> + <input id="_attachments" type="file" name="_attachments">
> + <input id="_rev" type="hidden" name="_rev" value="<%= _rev %>" >
> + <br/>
> + </form>
> +
> + <div class="progress progress-info">
> + <div class="bar" style="width: 0%"></div>
> + </div>
> + </div>
> + <div class="modal-footer">
> + <a href="#" data-dismiss="modal" class="btn">Cancel</a>
> + <a href="#" id="upload-btn" class="btn btn-primary">Upload</a>
> + </div>
> +</div>
> +
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/assets/js/plugins/jquery.form.js
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/assets/js/plugins/jquery.form.js
> b/src/fauxton/assets/js/plugins/jquery.form.js
> new file mode 100644
> index 0000000..e3126ca
> --- /dev/null
> +++ b/src/fauxton/assets/js/plugins/jquery.form.js
> @@ -0,0 +1,1190 @@
> +/*!
> + * jQuery Form Plugin
> + * version: 3.35.0-2013.05.23
> + * @requires jQuery v1.5 or later
> + * Copyright (c) 2013 M. Alsup
> + * Examples and documentation at: http://malsup.com/jquery/form/
> + * Project repository: https://github.com/malsup/form
> + * Dual licensed under the MIT and GPL licenses.
> + * https://github.com/malsup/form#copyright-and-license
> + */
> +/*global ActiveXObject */
> +;(function($) {
> +"use strict";
> +
> +/*
> + Usage Note:
> + -----------
> + Do not use both ajaxSubmit and ajaxForm on the same form. These
> + functions are mutually exclusive. Use ajaxSubmit if you want
> + to bind your own submit handler to the form. For example,
> +
> + $(document).ready(function() {
> + $('#myForm').on('submit', function(e) {
> + e.preventDefault(); // <-- important
> + $(this).ajaxSubmit({
> + target: '#output'
> + });
> + });
> + });
> +
> + Use ajaxForm when you want the plugin to manage all the event binding
> + for you. For example,
> +
> + $(document).ready(function() {
> + $('#myForm').ajaxForm({
> + target: '#output'
> + });
> + });
> +
> + You can also use ajaxForm with delegation (requires jQuery v1.7+), so
> the
> + form does not have to exist when you invoke ajaxForm:
> +
> + $('#myForm').ajaxForm({
> + delegation: true,
> + target: '#output'
> + });
> +
> + When using ajaxForm, the ajaxSubmit function will be invoked for you
> + at the appropriate time.
> +*/
> +
> +/**
> + * Feature detection
> + */
> +var feature = {};
> +feature.fileapi = $("<input type='file'/>").get(0).files !== undefined;
> +feature.formdata = window.FormData !== undefined;
> +
> +var hasProp = !!$.fn.prop;
> +
> +// attr2 uses prop when it can but checks the return type for
> +// an expected string. this accounts for the case where a form
> +// contains inputs with names like "action" or "method"; in those
> +// cases "prop" returns the element
> +$.fn.attr2 = function() {
> + if ( ! hasProp )
> + return this.attr.apply(this, arguments);
> + var val = this.prop.apply(this, arguments);
> + if ( ( val && val.jquery ) || typeof val === 'string' )
> + return val;
> + return this.attr.apply(this, arguments);
> +};
> +
> +/**
> + * ajaxSubmit() provides a mechanism for immediately submitting
> + * an HTML form using AJAX.
> + */
> +$.fn.ajaxSubmit = function(options) {
> + /*jshint scripturl:true */
> +
> + // fast fail if nothing selected (http://dev.jquery.com/ticket/2752)
> + if (!this.length) {
> + log('ajaxSubmit: skipping submit process - no element selected');
> + return this;
> + }
> +
> + var method, action, url, $form = this;
> +
> + if (typeof options == 'function') {
> + options = { success: options };
> + }
> +
> + method = options.type || this.attr2('method');
> + action = options.url || this.attr2('action');
> +
> + url = (typeof action === 'string') ? $.trim(action) : '';
> + url = url || window.location.href || '';
> + if (url) {
> + // clean url (don't include hash vaue)
> + url = (url.match(/^([^#]+)/)||[])[1];
> + }
> +
> + options = $.extend(true, {
> + url: url,
> + success: $.ajaxSettings.success,
> + type: method || 'GET',
> + iframeSrc: /^https/i.test(window.location.href || '') ?
> 'javascript:false' : 'about:blank'
> + }, options);
> +
> + // hook for manipulating the form data before it is extracted;
> + // convenient for use with rich editors like tinyMCE or FCKEditor
> + var veto = {};
> + this.trigger('form-pre-serialize', [this, options, veto]);
> + if (veto.veto) {
> + log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
> + return this;
> + }
> +
> + // provide opportunity to alter form data before it is serialized
> + if (options.beforeSerialize && options.beforeSerialize(this, options)
> === false) {
> + log('ajaxSubmit: submit aborted via beforeSerialize callback');
> + return this;
> + }
> +
> + var traditional = options.traditional;
> + if ( traditional === undefined ) {
> + traditional = $.ajaxSettings.traditional;
> + }
> +
> + var elements = [];
> + var qx, a = this.formToArray(options.semantic, elements);
> + if (options.data) {
> + options.extraData = options.data;
> + qx = $.param(options.data, traditional);
> + }
> +
> + // give pre-submit callback an opportunity to abort the submit
> + if (options.beforeSubmit && options.beforeSubmit(a, this, options)
> === false) {
> + log('ajaxSubmit: submit aborted via beforeSubmit callback');
> + return this;
> + }
> +
> + // fire vetoable 'validate' event
> + this.trigger('form-submit-validate', [a, this, options, veto]);
> + if (veto.veto) {
> + log('ajaxSubmit: submit vetoed via form-submit-validate trigger');
> + return this;
> + }
> +
> + var q = $.param(a, traditional);
> + if (qx) {
> + q = ( q ? (q + '&' + qx) : qx );
> + }
> + if (options.type.toUpperCase() == 'GET') {
> + options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
> + options.data = null; // data is null for 'get'
> + }
> + else {
> + options.data = q; // data is the query string for 'post'
> + }
> +
> + var callbacks = [];
> + if (options.resetForm) {
> + callbacks.push(function() { $form.resetForm(); });
> + }
> + if (options.clearForm) {
> + callbacks.push(function() {
> $form.clearForm(options.includeHidden); });
> + }
> +
> + // perform a load on the target only if dataType is not provided
> + if (!options.dataType && options.target) {
> + var oldSuccess = options.success || function(){};
> + callbacks.push(function(data) {
> + var fn = options.replaceTarget ? 'replaceWith' : 'html';
> + $(options.target)[fn](data).each(oldSuccess, arguments);
> + });
> + }
> + else if (options.success) {
> + callbacks.push(options.success);
> + }
> +
> + options.success = function(data, status, xhr) { // jQuery 1.4+ passes
> xhr as 3rd arg
> + var context = options.context || this ; // jQuery 1.4+
> supports scope context
> + for (var i=0, max=callbacks.length; i < max; i++) {
> + callbacks[i].apply(context, [data, status, xhr || $form,
> $form]);
> + }
> + };
> +
> + if (options.error) {
> + var oldError = options.error;
> + options.error = function(xhr, status, error) {
> + var context = options.context || this;
> + oldError.apply(context, [xhr, status, error, $form]);
> + };
> + }
> +
> + if (options.complete) {
> + var oldComplete = options.complete;
> + options.complete = function(xhr, status) {
> + var context = options.context || this;
> + oldComplete.apply(context, [xhr, status, $form]);
> + };
> + }
> +
> + // are there files to upload?
> +
> + // [value] (issue #113), also see comment:
> + //
> https://github.com/malsup/form/commit/588306aedba1de01388032d5f42a60159eea9228#commitcomment-2180219
> + var fileInputs = $('input[type=file]:enabled[value!=""]', this);
> +
> + var hasFileInputs = fileInputs.length > 0;
> + var mp = 'multipart/form-data';
> + var multipart = ($form.attr('enctype') == mp ||
> $form.attr('encoding') == mp);
> +
> + var fileAPI = feature.fileapi && feature.formdata;
> + log("fileAPI :" + fileAPI);
> + var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;
> +
> + var jqxhr;
> +
> + // options.iframe allows user to force iframe mode
> + // 06-NOV-09: now defaulting to iframe mode if file input is detected
> + if (options.iframe !== false && (options.iframe || shouldUseFrame)) {
> + // hack to fix Safari hang (thanks to Tim Molendijk for this)
> + // see:
> http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
> + if (options.closeKeepAlive) {
> + $.get(options.closeKeepAlive, function() {
> + jqxhr = fileUploadIframe(a);
> + });
> + }
> + else {
> + jqxhr = fileUploadIframe(a);
> + }
> + }
> + else if ((hasFileInputs || multipart) && fileAPI) {
> + jqxhr = fileUploadXhr(a);
> + }
> + else {
> + jqxhr = $.ajax(options);
> + }
> +
> + $form.removeData('jqxhr').data('jqxhr', jqxhr);
> +
> + // clear element array
> + for (var k=0; k < elements.length; k++)
> + elements[k] = null;
> +
> + // fire 'notify' event
> + this.trigger('form-submit-notify', [this, options]);
> + return this;
> +
> + // utility fn for deep serialization
> + function deepSerialize(extraData){
> + var serialized = $.param(extraData,
> options.traditional).split('&');
> + var len = serialized.length;
> + var result = [];
> + var i, part;
> + for (i=0; i < len; i++) {
> + // #252; undo param space replacement
> + serialized[i] = serialized[i].replace(/\+/g,' ');
> + part = serialized[i].split('=');
> + // #278; use array instead of object storage, favoring array
> serializations
> + result.push([decodeURIComponent(part[0]),
> decodeURIComponent(part[1])]);
> + }
> + return result;
> + }
> +
> + // XMLHttpRequest Level 2 file uploads (big hat tip to francois2metz)
> + function fileUploadXhr(a) {
> + var formdata = new FormData();
> +
> + for (var i=0; i < a.length; i++) {
> + formdata.append(a[i].name, a[i].value);
> + }
> +
> + if (options.extraData) {
> + var serializedData = deepSerialize(options.extraData);
> + for (i=0; i < serializedData.length; i++)
> + if (serializedData[i])
> + formdata.append(serializedData[i][0],
> serializedData[i][1]);
> + }
> +
> + options.data = null;
> +
> + var s = $.extend(true, {}, $.ajaxSettings, options, {
> + contentType: false,
> + processData: false,
> + cache: false,
> + type: method || 'POST'
> + });
> +
> + if (options.uploadProgress) {
> + // workaround because jqXHR does not expose upload property
> + s.xhr = function() {
> + var xhr = jQuery.ajaxSettings.xhr();
> + if (xhr.upload) {
> + xhr.upload.addEventListener('progress',
> function(event) {
> + var percent = 0;
> + var position = event.loaded || event.position;
> /*event.position is deprecated*/
> + var total = event.total;
> + if (event.lengthComputable) {
> + percent = Math.ceil(position / total * 100);
> + }
> + options.uploadProgress(event, position, total,
> percent);
> + }, false);
> + }
> + return xhr;
> + };
> + }
> +
> + s.data = null;
> + var beforeSend = s.beforeSend;
> + s.beforeSend = function(xhr, o) {
> + o.data = formdata;
> + if(beforeSend)
> + beforeSend.call(this, xhr, o);
> + };
> + return $.ajax(s);
> + }
> +
> + // private function for handling file uploads (hat tip to YAHOO!)
> + function fileUploadIframe(a) {
> + var form = $form[0], el, i, s, g, id, $io, io, xhr, sub, n,
> timedOut, timeoutHandle;
> + var deferred = $.Deferred();
> +
> + if (a) {
> + // ensure that every serialized input is still enabled
> + for (i=0; i < elements.length; i++) {
> + el = $(elements[i]);
> + if ( hasProp )
> + el.prop('disabled', false);
> + else
> + el.removeAttr('disabled');
> + }
> + }
> +
> + s = $.extend(true, {}, $.ajaxSettings, options);
> + s.context = s.context || s;
> + id = 'jqFormIO' + (new Date().getTime());
> + if (s.iframeTarget) {
> + $io = $(s.iframeTarget);
> + n = $io.attr2('name');
> + if (!n)
> + $io.attr2('name', id);
> + else
> + id = n;
> + }
> + else {
> + $io = $('<iframe name="' + id + '" src="'+ s.iframeSrc +'"
> />');
> + $io.css({ position: 'absolute', top: '-1000px', left:
> '-1000px' });
> + }
> + io = $io[0];
> +
> +
> + xhr = { // mock object
> + aborted: 0,
> + responseText: null,
> + responseXML: null,
> + status: 0,
> + statusText: 'n/a',
> + getAllResponseHeaders: function() {},
> + getResponseHeader: function() {},
> + setRequestHeader: function() {},
> + abort: function(status) {
> + var e = (status === 'timeout' ? 'timeout' : 'aborted');
> + log('aborting upload... ' + e);
> + this.aborted = 1;
> +
> + try { // #214, #257
> + if (io.contentWindow.document.execCommand) {
> + io.contentWindow.document.execCommand('Stop');
> + }
> + }
> + catch(ignore) {}
> +
> + $io.attr('src', s.iframeSrc); // abort op in progress
> + xhr.error = e;
> + if (s.error)
> + s.error.call(s.context, xhr, e, status);
> + if (g)
> + $.event.trigger("ajaxError", [xhr, s, e]);
> + if (s.complete)
> + s.complete.call(s.context, xhr, e);
> + }
> + };
> +
> + g = s.global;
> + // trigger ajax global events so that activity/block indicators
> work like normal
> + if (g && 0 === $.active++) {
> + $.event.trigger("ajaxStart");
> + }
> + if (g) {
> + $.event.trigger("ajaxSend", [xhr, s]);
> + }
> +
> + if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) ===
> false) {
> + if (s.global) {
> + $.active--;
> + }
> + deferred.reject();
> + return deferred;
> + }
> + if (xhr.aborted) {
> + deferred.reject();
> + return deferred;
> + }
> +
> + // add submitting element to data if we know it
> + sub = form.clk;
> + if (sub) {
> + n = sub.name;
> + if (n && !sub.disabled) {
> + s.extraData = s.extraData || {};
> + s.extraData[n] = sub.value;
> + if (sub.type == "image") {
> + s.extraData[n+'.x'] = form.clk_x;
> + s.extraData[n+'.y'] = form.clk_y;
> + }
> + }
> + }
> +
> + var CLIENT_TIMEOUT_ABORT = 1;
> + var SERVER_ABORT = 2;
> +
> + function getDoc(frame) {
> + /* it looks like contentWindow or contentDocument do not
> + * carry the protocol property in ie8, when running under ssl
> + * frame.document is the only valid response document, since
> + * the protocol is know but not on the other two objects.
> strange?
> + * "Same origin policy"
> http://en.wikipedia.org/wiki/Same_origin_policy
> + */
> +
> + var doc = null;
> +
> + // IE8 cascading access check
> + try {
> + if (frame.contentWindow) {
> + doc = frame.contentWindow.document;
> + }
> + } catch(err) {
> + // IE8 access denied under ssl & missing protocol
> + log('cannot get iframe.contentWindow document: ' + err);
> + }
> +
> + if (doc) { // successful getting content
> + return doc;
> + }
> +
> + try { // simply checking may throw in ie8 under ssl or
> mismatched protocol
> + doc = frame.contentDocument ? frame.contentDocument :
> frame.document;
> + } catch(err) {
> + // last attempt
> + log('cannot get iframe.contentDocument: ' + err);
> + doc = frame.document;
> + }
> + return doc;
> + }
> +
> + // Rails CSRF hack (thanks to Yvan Barthelemy)
> + var csrf_token = $('meta[name=csrf-token]').attr('content');
> + var csrf_param = $('meta[name=csrf-param]').attr('content');
> + if (csrf_param && csrf_token) {
> + s.extraData = s.extraData || {};
> + s.extraData[csrf_param] = csrf_token;
> + }
> +
> + // take a breath so that pending repaints get some cpu time
> before the upload starts
> + function doSubmit() {
> + // make sure form attrs are set
> + var t = $form.attr2('target'), a = $form.attr2('action');
> +
> + // update form attrs in IE friendly way
> + form.setAttribute('target',id);
> + if (!method) {
> + form.setAttribute('method', 'POST');
> + }
> + if (a != s.url) {
> + form.setAttribute('action', s.url);
> + }
> +
> + // ie borks in some cases when setting encoding
> + if (! s.skipEncodingOverride && (!method ||
> /post/i.test(method))) {
> + $form.attr({
> + encoding: 'multipart/form-data',
> + enctype: 'multipart/form-data'
> + });
> + }
> +
> + // support timout
> + if (s.timeout) {
> + timeoutHandle = setTimeout(function() { timedOut = true;
> cb(CLIENT_TIMEOUT_ABORT); }, s.timeout);
> + }
> +
> + // look for server aborts
> + function checkState() {
> + try {
> + var state = getDoc(io).readyState;
> + log('state = ' + state);
> + if (state && state.toLowerCase() == 'uninitialized')
> + setTimeout(checkState,50);
> + }
> + catch(e) {
> + log('Server abort: ' , e, ' (', e.name, ')');
> + cb(SERVER_ABORT);
> + if (timeoutHandle)
> + clearTimeout(timeoutHandle);
> + timeoutHandle = undefined;
> + }
> + }
> +
> + // add "extra" data to form if provided in options
> + var extraInputs = [];
> + try {
> + if (s.extraData) {
> + for (var n in s.extraData) {
> + if (s.extraData.hasOwnProperty(n)) {
> + // if using the $.param format that allows for
> multiple values with the same name
> + if($.isPlainObject(s.extraData[n]) &&
> s.extraData[n].hasOwnProperty('name') &&
> s.extraData[n].hasOwnProperty('value')) {
> + extraInputs.push(
> + $('<input type="hidden"
> name="'+s.extraData[n].name+'">').val(s.extraData[n].value)
> + .appendTo(form)[0]);
> + } else {
> + extraInputs.push(
> + $('<input type="hidden"
> name="'+n+'">').val(s.extraData[n])
> + .appendTo(form)[0]);
> + }
> + }
> + }
> + }
> +
> + if (!s.iframeTarget) {
> + // add iframe to doc and submit the form
> + $io.appendTo('body');
> + if (io.attachEvent)
> + io.attachEvent('onload', cb);
> + else
> + io.addEventListener('load', cb, false);
> + }
> + setTimeout(checkState,15);
> +
> + try {
> + form.submit();
> + } catch(err) {
> + // just in case form has element with name/id of
> 'submit'
> + var submitFn = document.createElement('form').submit;
> + submitFn.apply(form);
> + }
> + }
> + finally {
> + // reset attrs and remove "extra" input elements
> + form.setAttribute('action',a);
> + if(t) {
> + form.setAttribute('target', t);
> + } else {
> + $form.removeAttr('target');
> + }
> + $(extraInputs).remove();
> + }
> + }
> +
> + if (s.forceSync) {
> + doSubmit();
> + }
> + else {
> + setTimeout(doSubmit, 10); // this lets dom updates render
> + }
> +
> + var data, doc, domCheckCount = 50, callbackProcessed;
> +
> + function cb(e) {
> + if (xhr.aborted || callbackProcessed) {
> + return;
> + }
> +
> + doc = getDoc(io);
> + if(!doc) {
> + log('cannot access response document');
> + e = SERVER_ABORT;
> + }
> + if (e === CLIENT_TIMEOUT_ABORT && xhr) {
> + xhr.abort('timeout');
> + deferred.reject(xhr, 'timeout');
> + return;
> + }
> + else if (e == SERVER_ABORT && xhr) {
> + xhr.abort('server abort');
> + deferred.reject(xhr, 'error', 'server abort');
> + return;
> + }
> +
> + if (!doc || doc.location.href == s.iframeSrc) {
> + // response not received yet
> + if (!timedOut)
> + return;
> + }
> + if (io.detachEvent)
> + io.detachEvent('onload', cb);
> + else
> + io.removeEventListener('load', cb, false);
> +
> + var status = 'success', errMsg;
> + try {
> + if (timedOut) {
> + throw 'timeout';
> + }
> +
> + var isXml = s.dataType == 'xml' || doc.XMLDocument ||
> $.isXMLDoc(doc);
> + log('isXml='+isXml);
> + if (!isXml && window.opera && (doc.body === null ||
> !doc.body.innerHTML)) {
> + if (--domCheckCount) {
> + // in some browsers (Opera) the iframe DOM is not
> always traversable when
> + // the onload callback fires, so we loop a bit to
> accommodate
> + log('requeing onLoad callback, DOM not
> available');
> + setTimeout(cb, 250);
> + return;
> + }
> + // let this fall through because server response
> could be an empty document
> + //log('Could not access iframe DOM after mutiple
> tries.');
> + //throw 'DOMException: not available';
> + }
> +
> + //log('response detected');
> + var docRoot = doc.body ? doc.body : doc.documentElement;
> + xhr.responseText = docRoot ? docRoot.innerHTML : null;
> + xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;
> + if (isXml)
> + s.dataType = 'xml';
> + xhr.getResponseHeader = function(header){
> + var headers = {'content-type': s.dataType};
> + return headers[header];
> + };
> + // support for XHR 'status' & 'statusText' emulation :
> + if (docRoot) {
> + xhr.status = Number( docRoot.getAttribute('status') )
> || xhr.status;
> + xhr.statusText = docRoot.getAttribute('statusText')
> || xhr.statusText;
> + }
> +
> + var dt = (s.dataType || '').toLowerCase();
> + var scr = /(json|script|text)/.test(dt);
> + if (scr || s.textarea) {
> + // see if user embedded response in textarea
> + var ta = doc.getElementsByTagName('textarea')[0];
> + if (ta) {
> + xhr.responseText = ta.value;
> + // support for XHR 'status' & 'statusText'
> emulation :
> + xhr.status = Number( ta.getAttribute('status') )
> || xhr.status;
> + xhr.statusText = ta.getAttribute('statusText') ||
> xhr.statusText;
> + }
> + else if (scr) {
> + // account for browsers injecting pre around json
> response
> + var pre = doc.getElementsByTagName('pre')[0];
> + var b = doc.getElementsByTagName('body')[0];
> + if (pre) {
> + xhr.responseText = pre.textContent ?
> pre.textContent : pre.innerText;
> + }
> + else if (b) {
> + xhr.responseText = b.textContent ?
> b.textContent : b.innerText;
> + }
> + }
> + }
> + else if (dt == 'xml' && !xhr.responseXML &&
> xhr.responseText) {
> + xhr.responseXML = toXml(xhr.responseText);
> + }
> +
> + try {
> + data = httpData(xhr, dt, s);
> + }
> + catch (err) {
> + status = 'parsererror';
> + xhr.error = errMsg = (err || status);
> + }
> + }
> + catch (err) {
> + log('error caught: ',err);
> + status = 'error';
> + xhr.error = errMsg = (err || status);
> + }
> +
> + if (xhr.aborted) {
> + log('upload aborted');
> + status = null;
> + }
> +
> + if (xhr.status) { // we've set xhr.status
> + status = (xhr.status >= 200 && xhr.status < 300 ||
> xhr.status === 304) ? 'success' : 'error';
> + }
> +
> + // ordering of these callbacks/triggers is odd, but that's
> how $.ajax does it
> + if (status === 'success') {
> + if (s.success)
> + s.success.call(s.context, data, 'success', xhr);
> + deferred.resolve(xhr.responseText, 'success', xhr);
> + if (g)
> + $.event.trigger("ajaxSuccess", [xhr, s]);
> + }
> + else if (status) {
> + if (errMsg === undefined)
> + errMsg = xhr.statusText;
> + if (s.error)
> + s.error.call(s.context, xhr, status, errMsg);
> + deferred.reject(xhr, 'error', errMsg);
> + if (g)
> + $.event.trigger("ajaxError", [xhr, s, errMsg]);
> + }
> +
> + if (g)
> + $.event.trigger("ajaxComplete", [xhr, s]);
> +
> + if (g && ! --$.active) {
> + $.event.trigger("ajaxStop");
> + }
> +
> + if (s.complete)
> + s.complete.call(s.context, xhr, status);
> +
> + callbackProcessed = true;
> + if (s.timeout)
> + clearTimeout(timeoutHandle);
> +
> + // clean up
> + setTimeout(function() {
> + if (!s.iframeTarget)
> + $io.remove();
> + xhr.responseXML = null;
> + }, 100);
> + }
> +
> + var toXml = $.parseXML || function(s, doc) { // use parseXML if
> available (jQuery 1.5+)
> + if (window.ActiveXObject) {
> + doc = new ActiveXObject('Microsoft.XMLDOM');
> + doc.async = 'false';
> + doc.loadXML(s);
> + }
> + else {
> + doc = (new DOMParser()).parseFromString(s, 'text/xml');
> + }
> + return (doc && doc.documentElement &&
> doc.documentElement.nodeName != 'parsererror') ? doc : null;
> + };
> + var parseJSON = $.parseJSON || function(s) {
> + /*jslint evil:true */
> + return window['eval']('(' + s + ')');
> + };
> +
> + var httpData = function( xhr, type, s ) { // mostly lifted from
> jq1.4.4
> +
> + var ct = xhr.getResponseHeader('content-type') || '',
> + xml = type === 'xml' || !type && ct.indexOf('xml') >= 0,
> + data = xml ? xhr.responseXML : xhr.responseText;
> +
> + if (xml && data.documentElement.nodeName === 'parsererror') {
> + if ($.error)
> + $.error('parsererror');
> + }
> + if (s && s.dataFilter) {
> + data = s.dataFilter(data, type);
> + }
> + if (typeof data === 'string') {
> + if (type === 'json' || !type && ct.indexOf('json') >= 0) {
> + data = parseJSON(data);
> + } else if (type === "script" || !type &&
> ct.indexOf("javascript") >= 0) {
> + $.globalEval(data);
> + }
> + }
> + return data;
> + };
> +
> + return deferred;
> + }
> +};
> +
> +/**
> + * ajaxForm() provides a mechanism for fully automating form submission.
> + *
> + * The advantages of using this method instead of ajaxSubmit() are:
> + *
> + * 1: This method will include coordinates for <input type="image" />
> elements (if the element
> + * is used to submit the form).
> + * 2. This method will include the submit element's name/value data (for
> the element that was
> + * used to submit the form).
> + * 3. This method binds the submit() method to the form for you.
> + *
> + * The options argument for ajaxForm works exactly as it does for
> ajaxSubmit. ajaxForm merely
> + * passes the options argument along after properly binding events for
> submit elements and
> + * the form itself.
> + */
> +$.fn.ajaxForm = function(options) {
> + options = options || {};
> + options.delegation = options.delegation && $.isFunction($.fn.on);
> +
> + // in jQuery 1.3+ we can fix mistakes with the ready state
> + if (!options.delegation && this.length === 0) {
> + var o = { s: this.selector, c: this.context };
> + if (!$.isReady && o.s) {
> + log('DOM not ready, queuing ajaxForm');
> + $(function() {
> + $(o.s,o.c).ajaxForm(options);
> + });
> + return this;
> + }
> + // is your DOM ready?
> http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
> + log('terminating; zero elements found by selector' + ($.isReady ?
> '' : ' (DOM not ready)'));
> + return this;
> + }
> +
> + if ( options.delegation ) {
> + $(document)
> + .off('submit.form-plugin', this.selector, doAjaxSubmit)
> + .off('click.form-plugin', this.selector,
> captureSubmittingElement)
> + .on('submit.form-plugin', this.selector, options,
> doAjaxSubmit)
> + .on('click.form-plugin', this.selector, options,
> captureSubmittingElement);
> + return this;
> + }
> +
> + return this.ajaxFormUnbind()
> + .bind('submit.form-plugin', options, doAjaxSubmit)
> + .bind('click.form-plugin', options, captureSubmittingElement);
> +};
> +
> +// private event handlers
> +function doAjaxSubmit(e) {
> + /*jshint validthis:true */
> + var options = e.data;
> + if (!e.isDefaultPrevented()) { // if event has been canceled, don't
> proceed
> + e.preventDefault();
> + $(this).ajaxSubmit(options);
> + }
> +}
> +
> +function captureSubmittingElement(e) {
> + /*jshint validthis:true */
> + var target = e.target;
> + var $el = $(target);
> + if (!($el.is("[type=submit],[type=image]"))) {
> + // is this a child element of the submit el? (ex: a span within
> a button)
> + var t = $el.closest('[type=submit]');
> + if (t.length === 0) {
> + return;
> + }
> + target = t[0];
> + }
> + var form = this;
> + form.clk = target;
> + if (target.type == 'image') {
> + if (e.offsetX !== undefined) {
> + form.clk_x = e.offsetX;
> + form.clk_y = e.offsetY;
> + } else if (typeof $.fn.offset == 'function') {
> + var offset = $el.offset();
> + form.clk_x = e.pageX - offset.left;
> + form.clk_y = e.pageY - offset.top;
> + } else {
> + form.clk_x = e.pageX - target.offsetLeft;
> + form.clk_y = e.pageY - target.offsetTop;
> + }
> + }
> + // clear form vars
> + setTimeout(function() { form.clk = form.clk_x = form.clk_y = null; },
> 100);
> +}
> +
> +
> +// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
> +$.fn.ajaxFormUnbind = function() {
> + return this.unbind('submit.form-plugin click.form-plugin');
> +};
> +
> +/**
> + * formToArray() gathers form element data into an array of objects that
> can
> + * be passed to any of the following ajax functions: $.get, $.post, or
> load.
> + * Each object in the array has both a 'name' and 'value' property. An
> example of
> + * an array for a simple login form might be:
> + *
> + * [ { name: 'username', value: 'jresig' }, { name: 'password', value:
> 'secret' } ]
> + *
> + * It is this array that is passed to pre-submit callback functions
> provided to the
> + * ajaxSubmit() and ajaxForm() methods.
> + */
> +$.fn.formToArray = function(semantic, elements) {
> + var a = [];
> + if (this.length === 0) {
> + return a;
> + }
> +
> + var form = this[0];
> + var els = semantic ? form.getElementsByTagName('*') : form.elements;
> + if (!els) {
> + return a;
> + }
> +
> + var i,j,n,v,el,max,jmax;
> + for(i=0, max=els.length; i < max; i++) {
> + el = els[i];
> + n = el.name;
> + if (!n || el.disabled) {
> + continue;
> + }
> +
> + if (semantic && form.clk && el.type == "image") {
> + // handle image inputs on the fly when semantic == true
> + if(form.clk == el) {
> + a.push({name: n, value: $(el).val(), type: el.type });
> + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
> value: form.clk_y});
> + }
> + continue;
> + }
> +
> + v = $.fieldValue(el, true);
> + if (v && v.constructor == Array) {
> + if (elements)
> + elements.push(el);
> + for(j=0, jmax=v.length; j < jmax; j++) {
> + a.push({name: n, value: v[j]});
> + }
> + }
> + else if (feature.fileapi && el.type == 'file') {
> + if (elements)
> + elements.push(el);
> + var files = el.files;
> + if (files.length) {
> + for (j=0; j < files.length; j++) {
> + a.push({name: n, value: files[j], type: el.type});
> + }
> + }
> + else {
> + // #180
> + a.push({ name: n, value: '', type: el.type });
> + }
> + }
> + else if (v !== null && typeof v != 'undefined') {
> + if (elements)
> + elements.push(el);
> + a.push({name: n, value: v, type: el.type, required:
> el.required});
> + }
> + }
> +
> + if (!semantic && form.clk) {
> + // input type=='image' are not found in elements array! handle it
> here
> + var $input = $(form.clk), input = $input[0];
> + n = input.name;
> + if (n && !input.disabled && input.type == 'image') {
> + a.push({name: n, value: $input.val()});
> + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
> value: form.clk_y});
> + }
> + }
> + return a;
> +};
> +
> +/**
> + * Serializes form data into a 'submittable' string. This method will
> return a string
> + * in the format: name1=value1&name2=value2
> + */
> +$.fn.formSerialize = function(semantic) {
> + //hand off to jQuery.param for proper encoding
> + return $.param(this.formToArray(semantic));
> +};
> +
> +/**
> + * Serializes all field elements in the jQuery object into a query string.
> + * This method will return a string in the format:
> name1=value1&name2=value2
> + */
> +$.fn.fieldSerialize = function(successful) {
> + var a = [];
> + this.each(function() {
> + var n = this.name;
> + if (!n) {
> + return;
> + }
> + var v = $.fieldValue(this, successful);
> + if (v && v.constructor == Array) {
> + for (var i=0,max=v.length; i < max; i++) {
> + a.push({name: n, value: v[i]});
> + }
> + }
> + else if (v !== null && typeof v != 'undefined') {
> + a.push({name: this.name, value: v});
> + }
> + });
> + //hand off to jQuery.param for proper encoding
> + return $.param(a);
> +};
> +
> +/**
> + * Returns the value(s) of the element in the matched set. For example,
> consider the following form:
> + *
> + * <form><fieldset>
> + * <input name="A" type="text" />
> + * <input name="A" type="text" />
> + * <input name="B" type="checkbox" value="B1" />
> + * <input name="B" type="checkbox" value="B2"/>
> + * <input name="C" type="radio" value="C1" />
> + * <input name="C" type="radio" value="C2" />
> + * </fieldset></form>
> + *
> + * var v = $('input[type=text]').fieldValue();
> + * // if no values are entered into the text inputs
> + * v == ['','']
> + * // if values entered into the text inputs are 'foo' and 'bar'
> + * v == ['foo','bar']
> + *
> + * var v = $('input[type=checkbox]').fieldValue();
> + * // if neither checkbox is checked
> + * v === undefined
> + * // if both checkboxes are checked
> + * v == ['B1', 'B2']
> + *
> + * var v = $('input[type=radio]').fieldValue();
> + * // if neither radio is checked
> + * v === undefined
> + * // if first radio is checked
> + * v == ['C1']
> + *
> + * The successful argument controls whether or not the field element must
> be 'successful'
> + * (per
> http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
> + * The default value of the successful argument is true. If this value
> is false the value(s)
> + * for each element is returned.
> + *
> + * Note: This method *always* returns an array. If no valid value can be
> determined the
> + * array will be empty, otherwise it will contain one or more values.
> + */
> +$.fn.fieldValue = function(successful) {
> + for (var val=[], i=0, max=this.length; i < max; i++) {
> + var el = this[i];
> + var v = $.fieldValue(el, successful);
> + if (v === null || typeof v == 'undefined' || (v.constructor ==
> Array && !v.length)) {
> + continue;
> + }
> + if (v.constructor == Array)
> + $.merge(val, v);
> + else
> + val.push(v);
> + }
> + return val;
> +};
> +
> +/**
> + * Returns the value of the field element.
> + */
> +$.fieldValue = function(el, successful) {
> + var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
> + if (successful === undefined) {
> + successful = true;
> + }
> +
> + if (successful && (!n || el.disabled || t == 'reset' || t == 'button'
> ||
> + (t == 'checkbox' || t == 'radio') && !el.checked ||
> + (t == 'submit' || t == 'image') && el.form && el.form.clk != el ||
> + tag == 'select' && el.selectedIndex == -1)) {
> + return null;
> + }
> +
> + if (tag == 'select') {
> + var index = el.selectedIndex;
> + if (index < 0) {
> + return null;
> + }
> + var a = [], ops = el.options;
> + var one = (t == 'select-one');
> + var max = (one ? index+1 : ops.length);
> + for(var i=(one ? index : 0); i < max; i++) {
> + var op = ops[i];
> + if (op.selected) {
> + var v = op.value;
> + if (!v) { // extra pain for IE...
> + v = (op.attributes && op.attributes['value'] &&
> !(op.attributes['value'].specified)) ? op.text : op.value;
> + }
> + if (one) {
> + return v;
> + }
> + a.push(v);
> + }
> + }
> + return a;
> + }
> + return $(el).val();
> +};
> +
> +/**
> + * Clears the form data. Takes the following actions on the form's input
> fields:
> + * - input text fields will have their 'value' property set to the empty
> string
> + * - select elements will have their 'selectedIndex' property set to -1
> + * - checkbox and radio inputs will have their 'checked' property set to
> false
> + * - inputs of type submit, button, reset, and hidden will *not* be
> effected
> + * - button elements will *not* be effected
> + */
> +$.fn.clearForm = function(includeHidden) {
> + return this.each(function() {
> + $('input,select,textarea', this).clearFields(includeHidden);
> + });
> +};
> +
> +/**
> + * Clears the selected form elements.
> + */
> +$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
> + var re =
> /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i;
> // 'hidden' is not in this list
> + return this.each(function() {
> + var t = this.type, tag = this.tagName.toLowerCase();
> + if (re.test(t) || tag == 'textarea') {
> + this.value = '';
> + }
> + else if (t == 'checkbox' || t == 'radio') {
> + this.checked = false;
> + }
> + else if (tag == 'select') {
> + this.selectedIndex = -1;
> + }
> + else if (t == "file") {
> + if (/MSIE/.test(navigator.userAgent)) {
> + $(this).replaceWith($(this).clone(true));
> + } else {
> + $(this).val('');
> + }
> + }
> + else if (includeHidden) {
> + // includeHidden can be the value true, or it can be a
> selector string
> + // indicating a special test; for example:
> + // $('#myForm').clearForm('.special:hidden')
> + // the above would clean hidden inputs that have the class of
> 'special'
> + if ( (includeHidden === true && /hidden/.test(t)) ||
> + (typeof includeHidden == 'string' &&
> $(this).is(includeHidden)) )
> + this.value = '';
> + }
> + });
> +};
> +
> +/**
> + * Resets the form data. Causes all form elements to be reset to their
> original value.
> + */
> +$.fn.resetForm = function() {
> + return this.each(function() {
> + // guard against an input with the name of 'reset'
> + // note that IE reports the reset function as an 'object'
> + if (typeof this.reset == 'function' || (typeof this.reset ==
> 'object' && !this.reset.nodeType)) {
> + this.reset();
> + }
> + });
> +};
> +
> +/**
> + * Enables or disables any matching elements.
> + */
> +$.fn.enable = function(b) {
> + if (b === undefined) {
> + b = true;
> + }
> + return this.each(function() {
> + this.disabled = !b;
> + });
> +};
> +
> +/**
> + * Checks/unchecks any matching checkboxes or radio buttons and
> + * selects/deselects and matching option elements.
> + */
> +$.fn.selected = function(select) {
> + if (select === undefined) {
> + select = true;
> + }
> + return this.each(function() {
> + var t = this.type;
> + if (t == 'checkbox' || t == 'radio') {
> + this.checked = select;
> + }
> + else if (this.tagName.toLowerCase() == 'option') {
> + var $sel = $(this).parent('select');
> + if (select && $sel[0] && $sel[0].type == 'select-one') {
> + // deselect all other options
> + $sel.find('option').selected(false);
> + }
> + this.selected = select;
> + }
> + });
> +};
> +
> +// expose debug var
> +$.fn.ajaxSubmit.debug = false;
> +
> +// helper fn for console logging
> +function log() {
> + if (!$.fn.ajaxSubmit.debug)
> + return;
> + var msg = '[jquery.form] ' + Array.prototype.join.call(arguments,'');
> + if (window.console && window.console.log) {
> + window.console.log(msg);
> + }
> + else if (window.opera && window.opera.postError) {
> + window.opera.postError(msg);
> + }
> +}
> +
> +})(jQuery);
>
>
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/package.json
> ----------------------------------------------------------------------
> diff --git a/src/fauxton/package.json b/src/fauxton/package.json
> index 2a09f69..5b63675 100644
> --- a/src/fauxton/package.json
> +++ b/src/fauxton/package.json
> @@ -23,7 +23,7 @@
> "url": "~0.7.9",
> "urls": "~0.0.3",
> "express": "~3.0.6",
> - "http-proxy": "~0.9.1"
> + "http-proxy": "~0.10.2"
> },
> "devDependencies": {},
> "scripts": {
>
>
Re: git commit: updated refs/heads/1811-fauxton-attachment-upload to 241acd2
Posted by Garren Smith <ga...@apache.org>.
Hi Russell,
Thanks for reminding me. Its the same library used in Futon, so its already in the LICENSE but not in the NOTICE - suprisingly. I'll add it in.
Cheers
Garren
On 05 Jun 2013, at 7:07 PM, Noah Slater <ns...@apache.org> wrote:
> Good catch! Cheers guys!
>
>
> On 5 June 2013 18:06, Russell Branca <ch...@apache.org> wrote:
>
>> Hey Garren,
>>
>>
>> Whenever we add third party assets to Fauxton (and CouchDB as a whole), we
>> need to add the appropriate license and copyright information. Can you:
>>
>> 1) Update LICENSE with the appropriate license info for jquery.form.js
>> 2) Update NOTICE with the appropriate copyright info
>>
>> Thanks!
>>
>>
>> -Russell
>>
>>
>> On Wed, Jun 5, 2013 at 8:21 AM, <ga...@apache.org> wrote:
>>
>>> Updated Branches:
>>> refs/heads/1811-fauxton-attachment-upload [created] 241acd2a8
>>>
>>>
>>> upload attachment with progress bar
>>>
>>>
>>> Project: http://git-wip-us.apache.org/repos/asf/couchdb/repo
>>> Commit: http://git-wip-us.apache.org/repos/asf/couchdb/commit/241acd2a
>>> Tree: http://git-wip-us.apache.org/repos/asf/couchdb/tree/241acd2a
>>> Diff: http://git-wip-us.apache.org/repos/asf/couchdb/diff/241acd2a
>>>
>>> Branch: refs/heads/1811-fauxton-attachment-upload
>>> Commit: 241acd2a88b1f47ab38db3679db8427e8e071c39
>>> Parents: df23be9
>>> Author: Garren Smith <ga...@gmail.com>
>>> Authored: Wed Jun 5 17:21:35 2013 +0200
>>> Committer: Garren Smith <ga...@gmail.com>
>>> Committed: Wed Jun 5 17:21:35 2013 +0200
>>>
>>> ----------------------------------------------------------------------
>>> src/fauxton/app/app.js | 3 +-
>>> src/fauxton/app/config.js | 4 +-
>>> src/fauxton/app/modules/documents/routes.js | 9 +
>>> src/fauxton/app/modules/documents/views.js | 88 ++-
>>> .../templates/documents/doc_field_editor_tabs.html | 3 +
>>> .../app/templates/documents/upload_modal.html | 42 +
>>> src/fauxton/assets/js/plugins/jquery.form.js | 1190
>> +++++++++++++++
>>> src/fauxton/package.json | 2 +-
>>> 8 files changed, 1337 insertions(+), 4 deletions(-)
>>> ----------------------------------------------------------------------
>>>
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/app.js
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/app/app.js b/src/fauxton/app/app.js
>>> index e754c5f..be0136d 100644
>>> --- a/src/fauxton/app/app.js
>>> +++ b/src/fauxton/app/app.js
>>> @@ -7,7 +7,8 @@ define([
>>> "helpers",
>>>
>>> // Plugins.
>>> - "plugins/backbone.layoutmanager"
>>> + "plugins/backbone.layoutmanager",
>>> + "plugins/jquery.form"
>>> ],
>>>
>>> function($, _, Backbone, Helpers) {
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/config.js
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/app/config.js b/src/fauxton/app/config.js
>>> index 5bf1f87..c7ae1d6 100644
>>> --- a/src/fauxton/app/config.js
>>> +++ b/src/fauxton/app/config.js
>>> @@ -47,7 +47,9 @@ require.config({
>>>
>>> "plugins/codemirror-javascript": ["codemirror"],
>>>
>>> - "plugins/prettify": []
>>> + "plugins/prettify": [],
>>> +
>>> + "plugins/jquery.form": ["jquery"]
>>> }
>>>
>>> });
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/routes.js
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/app/modules/documents/routes.js
>>> b/src/fauxton/app/modules/documents/routes.js
>>> index 5a44c0e..a49fa91 100644
>>> --- a/src/fauxton/app/modules/documents/routes.js
>>> +++ b/src/fauxton/app/modules/documents/routes.js
>>> @@ -51,6 +51,10 @@ function(app, FauxtonAPI, Documents, Databases) {
>>> "database/:database/:doc": "code_editor"
>>> },
>>>
>>> + events: {
>>> + "route:reRenderDoc": "reRenderDoc"
>>> + },
>>> +
>>> crumbs: function() {
>>> return [
>>> {"name": "Databases", "link": "/_all_dbs"},
>>> @@ -67,6 +71,11 @@ function(app, FauxtonAPI, Documents, Databases) {
>>> }));
>>> },
>>>
>>> + reRenderDoc: function () {
>>> + this.docView.forceRender();
>>> + console.log('rerender');
>>> + },
>>> +
>>> field_editor: function(events) {
>>> this.tabsView.updateSelected('field_editor');
>>> this.docView = this.setView("#dashboard-content", new
>>> Documents.Views.DocFieldEditor({
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/views.js
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/app/modules/documents/views.js
>>> b/src/fauxton/app/modules/documents/views.js
>>> index 93f06f1..ae87c82 100644
>>> --- a/src/fauxton/app/modules/documents/views.js
>>> +++ b/src/fauxton/app/modules/documents/views.js
>>> @@ -128,6 +128,81 @@ function(app, FauxtonAPI, Documents, pouchdb,
>>> Codemirror, JSHint) {
>>> }
>>> });
>>>
>>> + Views.UploadModal = FauxtonAPI.View.extend({
>>> + template: "templates/documents/upload_modal",
>>> +
>>> + initialize: function (options) {
>>> + console.log('model', this.model, this.model.toJSON());
>>> +
>>> + },
>>> +
>>> + events: {
>>> + "click a#upload-btn": "uploadFile"
>>> + },
>>> +
>>> + uploadFile: function (event) {
>>> + event.preventDefault();
>>> +
>>> + var that = this,
>>> + $form = this.$('#file-upload');
>>> +
>>> + this.$('#_rev').val(this.model.get('_rev'));
>>> +
>>> + $form.ajaxSubmit({
>>> + url: this.model.url(),
>>> + type: 'POST',
>>> + beforeSend: function () {
>>> + that.$('.progress').removeClass('hide');
>>> + },
>>> + uploadProgress: function(event, position, total,
>> percentComplete)
>>> {
>>> + that.$('.bar').css({width: percentComplete + '%'});
>>> + },
>>> + success: function (resp) {
>>> + FauxtonAPI.triggerRouteEvent('reRenderDoc');
>>> + setTimeout(function () {
>>> + that.hideModal();
>>> + }, 1000);
>>> + }
>>> + });
>>> + },
>>> +
>>> + showModal: function () {
>>> + this.$('.bar').css({width: '0%'});
>>> + this.$('.progress').addClass('hide');
>>> + this.clear_error_msg();
>>> + this.$('.modal').modal();
>>> + // hack to get modal visible
>>> + $('.modal-backdrop').css('z-index',1025);
>>> + },
>>> +
>>> + hideModal: function () {
>>> + this.$('.modal').modal('hide');
>>> + // force this removal as the navbar
>>> + //$('.modal-backdrop').remove();
>>> + },
>>> +
>>> + set_error_msg: function (msg) {
>>> + var text;
>>> + if (typeof(msg) == 'string') {
>>> + text = msg;
>>> + } else {
>>> + text = JSON.parse(msg.responseText).reason;
>>> + }
>>> +
>>> + this.$('#modal-error').text(text).removeClass('hide');
>>> + },
>>> +
>>> + clear_error_msg: function () {
>>> + this.$('#modal-error').text(' ').addClass('hide');
>>> + },
>>> +
>>> + serialize: function () {
>>> + return this.model.toJSON();
>>> +
>>> + }
>>> +
>>> + });
>>> +
>>> Views.FieldEditorTabs = FauxtonAPI.View.extend({
>>> template: "templates/documents/doc_field_editor_tabs",
>>>
>>> @@ -137,7 +212,8 @@ function(app, FauxtonAPI, Documents, pouchdb,
>>> Codemirror, JSHint) {
>>>
>>> events: {
>>> "click button.delete": "destroy",
>>> - "click button.duplicate": "duplicate"
>>> + "click button.duplicate": "duplicate",
>>> + "click button.upload": "upload"
>>> },
>>>
>>> destroy: function(event) {
>>> @@ -160,6 +236,16 @@ function(app, FauxtonAPI, Documents, pouchdb,
>>> Codemirror, JSHint) {
>>> });
>>> },
>>>
>>> + beforeRender: function () {
>>> + this.uploadModal = this.setView('#upload-modal', new
>>> Views.UploadModal({model: this.model}));
>>> + this.uploadModal.render();
>>> + },
>>> +
>>> + upload: function (event) {
>>> + event.preventDefault();
>>> + this.uploadModal.showModal();
>>> + },
>>> +
>>> duplicate: function(event) {
>>> FauxtonAPI.addNotification({
>>> type: "warning",
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
>>> ----------------------------------------------------------------------
>>> diff --git
>>> a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
>>> b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
>>> index 41bbe40..01cb8a9 100644
>>> --- a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
>>> +++ b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
>>> @@ -18,9 +18,12 @@ the License.
>>> <ul class="nav pull-right" style="margin:5px 10px 0px 10px;">
>>> <li>
>>> <div class="btn-group">
>>> + <button class="btn btn-small upload"><i
>>> class="icon-circle-arrow-up"></i> Upload Attachment</button>
>>> <button class="btn btn-small duplicate"><i
>>> class="icon-repeat"></i> Duplicate document</button>
>>> <button class="btn btn-small delete"><i class="icon-trash"></i>
>>> Delete document</button>
>>> </div>
>>> </li>
>>> </ul>
>>> </ul>
>>> +
>>> +<div id="upload-modal"> </div>
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/upload_modal.html
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/app/templates/documents/upload_modal.html
>>> b/src/fauxton/app/templates/documents/upload_modal.html
>>> new file mode 100644
>>> index 0000000..d9cdbb0
>>> --- /dev/null
>>> +++ b/src/fauxton/app/templates/documents/upload_modal.html
>>> @@ -0,0 +1,42 @@
>>> +<!--
>>> +Licensed under the Apache License, Version 2.0 (the "License"); you may
>>> not
>>> +use this file except in compliance with the License. You may obtain a
>>> copy of
>>> +the License at
>>> +
>>> + http://www.apache.org/licenses/LICENSE-2.0
>>> +
>>> +Unless required by applicable law or agreed to in writing, software
>>> +distributed under the License is distributed on an "AS IS" BASIS,
>> WITHOUT
>>> +WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
>>> +License for the specific language governing permissions and limitations
>>> under
>>> +the License.
>>> +-->
>>> +
>>> +<div class="modal hide fade">
>>> + <div class="modal-header">
>>> + <button type="button" class="close" data-dismiss="modal"
>>> aria-hidden="true">×</button>
>>> + <h3>Upload an Attachment</h3>
>>> + </div>
>>> + <div class="modal-body">
>>> + <div id="modal-error" class="hide alert alert-error"/>
>>> + <form id="file-upload" class="form" method="post">
>>> + <p class="help-block">
>>> + Please select the file you want to upload as an attachment to this
>>> document.
>>> + Please note that this will result in the immediate creation of a
>>> new revision of the document,
>>> + so it's not necessary to save the document after the upload.
>>> + </p>
>>> + <input id="_attachments" type="file" name="_attachments">
>>> + <input id="_rev" type="hidden" name="_rev" value="<%= _rev %>" >
>>> + <br/>
>>> + </form>
>>> +
>>> + <div class="progress progress-info">
>>> + <div class="bar" style="width: 0%"></div>
>>> + </div>
>>> + </div>
>>> + <div class="modal-footer">
>>> + <a href="#" data-dismiss="modal" class="btn">Cancel</a>
>>> + <a href="#" id="upload-btn" class="btn btn-primary">Upload</a>
>>> + </div>
>>> +</div>
>>> +
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/assets/js/plugins/jquery.form.js
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/assets/js/plugins/jquery.form.js
>>> b/src/fauxton/assets/js/plugins/jquery.form.js
>>> new file mode 100644
>>> index 0000000..e3126ca
>>> --- /dev/null
>>> +++ b/src/fauxton/assets/js/plugins/jquery.form.js
>>> @@ -0,0 +1,1190 @@
>>> +/*!
>>> + * jQuery Form Plugin
>>> + * version: 3.35.0-2013.05.23
>>> + * @requires jQuery v1.5 or later
>>> + * Copyright (c) 2013 M. Alsup
>>> + * Examples and documentation at: http://malsup.com/jquery/form/
>>> + * Project repository: https://github.com/malsup/form
>>> + * Dual licensed under the MIT and GPL licenses.
>>> + * https://github.com/malsup/form#copyright-and-license
>>> + */
>>> +/*global ActiveXObject */
>>> +;(function($) {
>>> +"use strict";
>>> +
>>> +/*
>>> + Usage Note:
>>> + -----------
>>> + Do not use both ajaxSubmit and ajaxForm on the same form. These
>>> + functions are mutually exclusive. Use ajaxSubmit if you want
>>> + to bind your own submit handler to the form. For example,
>>> +
>>> + $(document).ready(function() {
>>> + $('#myForm').on('submit', function(e) {
>>> + e.preventDefault(); // <-- important
>>> + $(this).ajaxSubmit({
>>> + target: '#output'
>>> + });
>>> + });
>>> + });
>>> +
>>> + Use ajaxForm when you want the plugin to manage all the event
>> binding
>>> + for you. For example,
>>> +
>>> + $(document).ready(function() {
>>> + $('#myForm').ajaxForm({
>>> + target: '#output'
>>> + });
>>> + });
>>> +
>>> + You can also use ajaxForm with delegation (requires jQuery v1.7+),
>> so
>>> the
>>> + form does not have to exist when you invoke ajaxForm:
>>> +
>>> + $('#myForm').ajaxForm({
>>> + delegation: true,
>>> + target: '#output'
>>> + });
>>> +
>>> + When using ajaxForm, the ajaxSubmit function will be invoked for you
>>> + at the appropriate time.
>>> +*/
>>> +
>>> +/**
>>> + * Feature detection
>>> + */
>>> +var feature = {};
>>> +feature.fileapi = $("<input type='file'/>").get(0).files !== undefined;
>>> +feature.formdata = window.FormData !== undefined;
>>> +
>>> +var hasProp = !!$.fn.prop;
>>> +
>>> +// attr2 uses prop when it can but checks the return type for
>>> +// an expected string. this accounts for the case where a form
>>> +// contains inputs with names like "action" or "method"; in those
>>> +// cases "prop" returns the element
>>> +$.fn.attr2 = function() {
>>> + if ( ! hasProp )
>>> + return this.attr.apply(this, arguments);
>>> + var val = this.prop.apply(this, arguments);
>>> + if ( ( val && val.jquery ) || typeof val === 'string' )
>>> + return val;
>>> + return this.attr.apply(this, arguments);
>>> +};
>>> +
>>> +/**
>>> + * ajaxSubmit() provides a mechanism for immediately submitting
>>> + * an HTML form using AJAX.
>>> + */
>>> +$.fn.ajaxSubmit = function(options) {
>>> + /*jshint scripturl:true */
>>> +
>>> + // fast fail if nothing selected (http://dev.jquery.com/ticket/2752
>> )
>>> + if (!this.length) {
>>> + log('ajaxSubmit: skipping submit process - no element
>> selected');
>>> + return this;
>>> + }
>>> +
>>> + var method, action, url, $form = this;
>>> +
>>> + if (typeof options == 'function') {
>>> + options = { success: options };
>>> + }
>>> +
>>> + method = options.type || this.attr2('method');
>>> + action = options.url || this.attr2('action');
>>> +
>>> + url = (typeof action === 'string') ? $.trim(action) : '';
>>> + url = url || window.location.href || '';
>>> + if (url) {
>>> + // clean url (don't include hash vaue)
>>> + url = (url.match(/^([^#]+)/)||[])[1];
>>> + }
>>> +
>>> + options = $.extend(true, {
>>> + url: url,
>>> + success: $.ajaxSettings.success,
>>> + type: method || 'GET',
>>> + iframeSrc: /^https/i.test(window.location.href || '') ?
>>> 'javascript:false' : 'about:blank'
>>> + }, options);
>>> +
>>> + // hook for manipulating the form data before it is extracted;
>>> + // convenient for use with rich editors like tinyMCE or FCKEditor
>>> + var veto = {};
>>> + this.trigger('form-pre-serialize', [this, options, veto]);
>>> + if (veto.veto) {
>>> + log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
>>> + return this;
>>> + }
>>> +
>>> + // provide opportunity to alter form data before it is serialized
>>> + if (options.beforeSerialize && options.beforeSerialize(this,
>> options)
>>> === false) {
>>> + log('ajaxSubmit: submit aborted via beforeSerialize callback');
>>> + return this;
>>> + }
>>> +
>>> + var traditional = options.traditional;
>>> + if ( traditional === undefined ) {
>>> + traditional = $.ajaxSettings.traditional;
>>> + }
>>> +
>>> + var elements = [];
>>> + var qx, a = this.formToArray(options.semantic, elements);
>>> + if (options.data) {
>>> + options.extraData = options.data;
>>> + qx = $.param(options.data, traditional);
>>> + }
>>> +
>>> + // give pre-submit callback an opportunity to abort the submit
>>> + if (options.beforeSubmit && options.beforeSubmit(a, this, options)
>>> === false) {
>>> + log('ajaxSubmit: submit aborted via beforeSubmit callback');
>>> + return this;
>>> + }
>>> +
>>> + // fire vetoable 'validate' event
>>> + this.trigger('form-submit-validate', [a, this, options, veto]);
>>> + if (veto.veto) {
>>> + log('ajaxSubmit: submit vetoed via form-submit-validate
>> trigger');
>>> + return this;
>>> + }
>>> +
>>> + var q = $.param(a, traditional);
>>> + if (qx) {
>>> + q = ( q ? (q + '&' + qx) : qx );
>>> + }
>>> + if (options.type.toUpperCase() == 'GET') {
>>> + options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
>>> + options.data = null; // data is null for 'get'
>>> + }
>>> + else {
>>> + options.data = q; // data is the query string for 'post'
>>> + }
>>> +
>>> + var callbacks = [];
>>> + if (options.resetForm) {
>>> + callbacks.push(function() { $form.resetForm(); });
>>> + }
>>> + if (options.clearForm) {
>>> + callbacks.push(function() {
>>> $form.clearForm(options.includeHidden); });
>>> + }
>>> +
>>> + // perform a load on the target only if dataType is not provided
>>> + if (!options.dataType && options.target) {
>>> + var oldSuccess = options.success || function(){};
>>> + callbacks.push(function(data) {
>>> + var fn = options.replaceTarget ? 'replaceWith' : 'html';
>>> + $(options.target)[fn](data).each(oldSuccess, arguments);
>>> + });
>>> + }
>>> + else if (options.success) {
>>> + callbacks.push(options.success);
>>> + }
>>> +
>>> + options.success = function(data, status, xhr) { // jQuery 1.4+
>> passes
>>> xhr as 3rd arg
>>> + var context = options.context || this ; // jQuery 1.4+
>>> supports scope context
>>> + for (var i=0, max=callbacks.length; i < max; i++) {
>>> + callbacks[i].apply(context, [data, status, xhr || $form,
>>> $form]);
>>> + }
>>> + };
>>> +
>>> + if (options.error) {
>>> + var oldError = options.error;
>>> + options.error = function(xhr, status, error) {
>>> + var context = options.context || this;
>>> + oldError.apply(context, [xhr, status, error, $form]);
>>> + };
>>> + }
>>> +
>>> + if (options.complete) {
>>> + var oldComplete = options.complete;
>>> + options.complete = function(xhr, status) {
>>> + var context = options.context || this;
>>> + oldComplete.apply(context, [xhr, status, $form]);
>>> + };
>>> + }
>>> +
>>> + // are there files to upload?
>>> +
>>> + // [value] (issue #113), also see comment:
>>> + //
>>>
>> https://github.com/malsup/form/commit/588306aedba1de01388032d5f42a60159eea9228#commitcomment-2180219
>>> + var fileInputs = $('input[type=file]:enabled[value!=""]', this);
>>> +
>>> + var hasFileInputs = fileInputs.length > 0;
>>> + var mp = 'multipart/form-data';
>>> + var multipart = ($form.attr('enctype') == mp ||
>>> $form.attr('encoding') == mp);
>>> +
>>> + var fileAPI = feature.fileapi && feature.formdata;
>>> + log("fileAPI :" + fileAPI);
>>> + var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;
>>> +
>>> + var jqxhr;
>>> +
>>> + // options.iframe allows user to force iframe mode
>>> + // 06-NOV-09: now defaulting to iframe mode if file input is
>> detected
>>> + if (options.iframe !== false && (options.iframe || shouldUseFrame))
>> {
>>> + // hack to fix Safari hang (thanks to Tim Molendijk for this)
>>> + // see:
>>>
>> http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
>>> + if (options.closeKeepAlive) {
>>> + $.get(options.closeKeepAlive, function() {
>>> + jqxhr = fileUploadIframe(a);
>>> + });
>>> + }
>>> + else {
>>> + jqxhr = fileUploadIframe(a);
>>> + }
>>> + }
>>> + else if ((hasFileInputs || multipart) && fileAPI) {
>>> + jqxhr = fileUploadXhr(a);
>>> + }
>>> + else {
>>> + jqxhr = $.ajax(options);
>>> + }
>>> +
>>> + $form.removeData('jqxhr').data('jqxhr', jqxhr);
>>> +
>>> + // clear element array
>>> + for (var k=0; k < elements.length; k++)
>>> + elements[k] = null;
>>> +
>>> + // fire 'notify' event
>>> + this.trigger('form-submit-notify', [this, options]);
>>> + return this;
>>> +
>>> + // utility fn for deep serialization
>>> + function deepSerialize(extraData){
>>> + var serialized = $.param(extraData,
>>> options.traditional).split('&');
>>> + var len = serialized.length;
>>> + var result = [];
>>> + var i, part;
>>> + for (i=0; i < len; i++) {
>>> + // #252; undo param space replacement
>>> + serialized[i] = serialized[i].replace(/\+/g,' ');
>>> + part = serialized[i].split('=');
>>> + // #278; use array instead of object storage, favoring array
>>> serializations
>>> + result.push([decodeURIComponent(part[0]),
>>> decodeURIComponent(part[1])]);
>>> + }
>>> + return result;
>>> + }
>>> +
>>> + // XMLHttpRequest Level 2 file uploads (big hat tip to
>> francois2metz)
>>> + function fileUploadXhr(a) {
>>> + var formdata = new FormData();
>>> +
>>> + for (var i=0; i < a.length; i++) {
>>> + formdata.append(a[i].name, a[i].value);
>>> + }
>>> +
>>> + if (options.extraData) {
>>> + var serializedData = deepSerialize(options.extraData);
>>> + for (i=0; i < serializedData.length; i++)
>>> + if (serializedData[i])
>>> + formdata.append(serializedData[i][0],
>>> serializedData[i][1]);
>>> + }
>>> +
>>> + options.data = null;
>>> +
>>> + var s = $.extend(true, {}, $.ajaxSettings, options, {
>>> + contentType: false,
>>> + processData: false,
>>> + cache: false,
>>> + type: method || 'POST'
>>> + });
>>> +
>>> + if (options.uploadProgress) {
>>> + // workaround because jqXHR does not expose upload property
>>> + s.xhr = function() {
>>> + var xhr = jQuery.ajaxSettings.xhr();
>>> + if (xhr.upload) {
>>> + xhr.upload.addEventListener('progress',
>>> function(event) {
>>> + var percent = 0;
>>> + var position = event.loaded || event.position;
>>> /*event.position is deprecated*/
>>> + var total = event.total;
>>> + if (event.lengthComputable) {
>>> + percent = Math.ceil(position / total * 100);
>>> + }
>>> + options.uploadProgress(event, position, total,
>>> percent);
>>> + }, false);
>>> + }
>>> + return xhr;
>>> + };
>>> + }
>>> +
>>> + s.data = null;
>>> + var beforeSend = s.beforeSend;
>>> + s.beforeSend = function(xhr, o) {
>>> + o.data = formdata;
>>> + if(beforeSend)
>>> + beforeSend.call(this, xhr, o);
>>> + };
>>> + return $.ajax(s);
>>> + }
>>> +
>>> + // private function for handling file uploads (hat tip to YAHOO!)
>>> + function fileUploadIframe(a) {
>>> + var form = $form[0], el, i, s, g, id, $io, io, xhr, sub, n,
>>> timedOut, timeoutHandle;
>>> + var deferred = $.Deferred();
>>> +
>>> + if (a) {
>>> + // ensure that every serialized input is still enabled
>>> + for (i=0; i < elements.length; i++) {
>>> + el = $(elements[i]);
>>> + if ( hasProp )
>>> + el.prop('disabled', false);
>>> + else
>>> + el.removeAttr('disabled');
>>> + }
>>> + }
>>> +
>>> + s = $.extend(true, {}, $.ajaxSettings, options);
>>> + s.context = s.context || s;
>>> + id = 'jqFormIO' + (new Date().getTime());
>>> + if (s.iframeTarget) {
>>> + $io = $(s.iframeTarget);
>>> + n = $io.attr2('name');
>>> + if (!n)
>>> + $io.attr2('name', id);
>>> + else
>>> + id = n;
>>> + }
>>> + else {
>>> + $io = $('<iframe name="' + id + '" src="'+ s.iframeSrc +'"
>>> />');
>>> + $io.css({ position: 'absolute', top: '-1000px', left:
>>> '-1000px' });
>>> + }
>>> + io = $io[0];
>>> +
>>> +
>>> + xhr = { // mock object
>>> + aborted: 0,
>>> + responseText: null,
>>> + responseXML: null,
>>> + status: 0,
>>> + statusText: 'n/a',
>>> + getAllResponseHeaders: function() {},
>>> + getResponseHeader: function() {},
>>> + setRequestHeader: function() {},
>>> + abort: function(status) {
>>> + var e = (status === 'timeout' ? 'timeout' : 'aborted');
>>> + log('aborting upload... ' + e);
>>> + this.aborted = 1;
>>> +
>>> + try { // #214, #257
>>> + if (io.contentWindow.document.execCommand) {
>>> + io.contentWindow.document.execCommand('Stop');
>>> + }
>>> + }
>>> + catch(ignore) {}
>>> +
>>> + $io.attr('src', s.iframeSrc); // abort op in progress
>>> + xhr.error = e;
>>> + if (s.error)
>>> + s.error.call(s.context, xhr, e, status);
>>> + if (g)
>>> + $.event.trigger("ajaxError", [xhr, s, e]);
>>> + if (s.complete)
>>> + s.complete.call(s.context, xhr, e);
>>> + }
>>> + };
>>> +
>>> + g = s.global;
>>> + // trigger ajax global events so that activity/block indicators
>>> work like normal
>>> + if (g && 0 === $.active++) {
>>> + $.event.trigger("ajaxStart");
>>> + }
>>> + if (g) {
>>> + $.event.trigger("ajaxSend", [xhr, s]);
>>> + }
>>> +
>>> + if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) ===
>>> false) {
>>> + if (s.global) {
>>> + $.active--;
>>> + }
>>> + deferred.reject();
>>> + return deferred;
>>> + }
>>> + if (xhr.aborted) {
>>> + deferred.reject();
>>> + return deferred;
>>> + }
>>> +
>>> + // add submitting element to data if we know it
>>> + sub = form.clk;
>>> + if (sub) {
>>> + n = sub.name;
>>> + if (n && !sub.disabled) {
>>> + s.extraData = s.extraData || {};
>>> + s.extraData[n] = sub.value;
>>> + if (sub.type == "image") {
>>> + s.extraData[n+'.x'] = form.clk_x;
>>> + s.extraData[n+'.y'] = form.clk_y;
>>> + }
>>> + }
>>> + }
>>> +
>>> + var CLIENT_TIMEOUT_ABORT = 1;
>>> + var SERVER_ABORT = 2;
>>> +
>>> + function getDoc(frame) {
>>> + /* it looks like contentWindow or contentDocument do not
>>> + * carry the protocol property in ie8, when running under
>> ssl
>>> + * frame.document is the only valid response document, since
>>> + * the protocol is know but not on the other two objects.
>>> strange?
>>> + * "Same origin policy"
>>> http://en.wikipedia.org/wiki/Same_origin_policy
>>> + */
>>> +
>>> + var doc = null;
>>> +
>>> + // IE8 cascading access check
>>> + try {
>>> + if (frame.contentWindow) {
>>> + doc = frame.contentWindow.document;
>>> + }
>>> + } catch(err) {
>>> + // IE8 access denied under ssl & missing protocol
>>> + log('cannot get iframe.contentWindow document: ' + err);
>>> + }
>>> +
>>> + if (doc) { // successful getting content
>>> + return doc;
>>> + }
>>> +
>>> + try { // simply checking may throw in ie8 under ssl or
>>> mismatched protocol
>>> + doc = frame.contentDocument ? frame.contentDocument :
>>> frame.document;
>>> + } catch(err) {
>>> + // last attempt
>>> + log('cannot get iframe.contentDocument: ' + err);
>>> + doc = frame.document;
>>> + }
>>> + return doc;
>>> + }
>>> +
>>> + // Rails CSRF hack (thanks to Yvan Barthelemy)
>>> + var csrf_token = $('meta[name=csrf-token]').attr('content');
>>> + var csrf_param = $('meta[name=csrf-param]').attr('content');
>>> + if (csrf_param && csrf_token) {
>>> + s.extraData = s.extraData || {};
>>> + s.extraData[csrf_param] = csrf_token;
>>> + }
>>> +
>>> + // take a breath so that pending repaints get some cpu time
>>> before the upload starts
>>> + function doSubmit() {
>>> + // make sure form attrs are set
>>> + var t = $form.attr2('target'), a = $form.attr2('action');
>>> +
>>> + // update form attrs in IE friendly way
>>> + form.setAttribute('target',id);
>>> + if (!method) {
>>> + form.setAttribute('method', 'POST');
>>> + }
>>> + if (a != s.url) {
>>> + form.setAttribute('action', s.url);
>>> + }
>>> +
>>> + // ie borks in some cases when setting encoding
>>> + if (! s.skipEncodingOverride && (!method ||
>>> /post/i.test(method))) {
>>> + $form.attr({
>>> + encoding: 'multipart/form-data',
>>> + enctype: 'multipart/form-data'
>>> + });
>>> + }
>>> +
>>> + // support timout
>>> + if (s.timeout) {
>>> + timeoutHandle = setTimeout(function() { timedOut = true;
>>> cb(CLIENT_TIMEOUT_ABORT); }, s.timeout);
>>> + }
>>> +
>>> + // look for server aborts
>>> + function checkState() {
>>> + try {
>>> + var state = getDoc(io).readyState;
>>> + log('state = ' + state);
>>> + if (state && state.toLowerCase() == 'uninitialized')
>>> + setTimeout(checkState,50);
>>> + }
>>> + catch(e) {
>>> + log('Server abort: ' , e, ' (', e.name, ')');
>>> + cb(SERVER_ABORT);
>>> + if (timeoutHandle)
>>> + clearTimeout(timeoutHandle);
>>> + timeoutHandle = undefined;
>>> + }
>>> + }
>>> +
>>> + // add "extra" data to form if provided in options
>>> + var extraInputs = [];
>>> + try {
>>> + if (s.extraData) {
>>> + for (var n in s.extraData) {
>>> + if (s.extraData.hasOwnProperty(n)) {
>>> + // if using the $.param format that allows
>> for
>>> multiple values with the same name
>>> + if($.isPlainObject(s.extraData[n]) &&
>>> s.extraData[n].hasOwnProperty('name') &&
>>> s.extraData[n].hasOwnProperty('value')) {
>>> + extraInputs.push(
>>> + $('<input type="hidden"
>>> name="'+s.extraData[n].name+'">').val(s.extraData[n].value)
>>> + .appendTo(form)[0]);
>>> + } else {
>>> + extraInputs.push(
>>> + $('<input type="hidden"
>>> name="'+n+'">').val(s.extraData[n])
>>> + .appendTo(form)[0]);
>>> + }
>>> + }
>>> + }
>>> + }
>>> +
>>> + if (!s.iframeTarget) {
>>> + // add iframe to doc and submit the form
>>> + $io.appendTo('body');
>>> + if (io.attachEvent)
>>> + io.attachEvent('onload', cb);
>>> + else
>>> + io.addEventListener('load', cb, false);
>>> + }
>>> + setTimeout(checkState,15);
>>> +
>>> + try {
>>> + form.submit();
>>> + } catch(err) {
>>> + // just in case form has element with name/id of
>>> 'submit'
>>> + var submitFn =
>> document.createElement('form').submit;
>>> + submitFn.apply(form);
>>> + }
>>> + }
>>> + finally {
>>> + // reset attrs and remove "extra" input elements
>>> + form.setAttribute('action',a);
>>> + if(t) {
>>> + form.setAttribute('target', t);
>>> + } else {
>>> + $form.removeAttr('target');
>>> + }
>>> + $(extraInputs).remove();
>>> + }
>>> + }
>>> +
>>> + if (s.forceSync) {
>>> + doSubmit();
>>> + }
>>> + else {
>>> + setTimeout(doSubmit, 10); // this lets dom updates render
>>> + }
>>> +
>>> + var data, doc, domCheckCount = 50, callbackProcessed;
>>> +
>>> + function cb(e) {
>>> + if (xhr.aborted || callbackProcessed) {
>>> + return;
>>> + }
>>> +
>>> + doc = getDoc(io);
>>> + if(!doc) {
>>> + log('cannot access response document');
>>> + e = SERVER_ABORT;
>>> + }
>>> + if (e === CLIENT_TIMEOUT_ABORT && xhr) {
>>> + xhr.abort('timeout');
>>> + deferred.reject(xhr, 'timeout');
>>> + return;
>>> + }
>>> + else if (e == SERVER_ABORT && xhr) {
>>> + xhr.abort('server abort');
>>> + deferred.reject(xhr, 'error', 'server abort');
>>> + return;
>>> + }
>>> +
>>> + if (!doc || doc.location.href == s.iframeSrc) {
>>> + // response not received yet
>>> + if (!timedOut)
>>> + return;
>>> + }
>>> + if (io.detachEvent)
>>> + io.detachEvent('onload', cb);
>>> + else
>>> + io.removeEventListener('load', cb, false);
>>> +
>>> + var status = 'success', errMsg;
>>> + try {
>>> + if (timedOut) {
>>> + throw 'timeout';
>>> + }
>>> +
>>> + var isXml = s.dataType == 'xml' || doc.XMLDocument ||
>>> $.isXMLDoc(doc);
>>> + log('isXml='+isXml);
>>> + if (!isXml && window.opera && (doc.body === null ||
>>> !doc.body.innerHTML)) {
>>> + if (--domCheckCount) {
>>> + // in some browsers (Opera) the iframe DOM is
>> not
>>> always traversable when
>>> + // the onload callback fires, so we loop a bit
>> to
>>> accommodate
>>> + log('requeing onLoad callback, DOM not
>>> available');
>>> + setTimeout(cb, 250);
>>> + return;
>>> + }
>>> + // let this fall through because server response
>>> could be an empty document
>>> + //log('Could not access iframe DOM after mutiple
>>> tries.');
>>> + //throw 'DOMException: not available';
>>> + }
>>> +
>>> + //log('response detected');
>>> + var docRoot = doc.body ? doc.body : doc.documentElement;
>>> + xhr.responseText = docRoot ? docRoot.innerHTML : null;
>>> + xhr.responseXML = doc.XMLDocument ? doc.XMLDocument :
>> doc;
>>> + if (isXml)
>>> + s.dataType = 'xml';
>>> + xhr.getResponseHeader = function(header){
>>> + var headers = {'content-type': s.dataType};
>>> + return headers[header];
>>> + };
>>> + // support for XHR 'status' & 'statusText' emulation :
>>> + if (docRoot) {
>>> + xhr.status = Number( docRoot.getAttribute('status')
>> )
>>> || xhr.status;
>>> + xhr.statusText = docRoot.getAttribute('statusText')
>>> || xhr.statusText;
>>> + }
>>> +
>>> + var dt = (s.dataType || '').toLowerCase();
>>> + var scr = /(json|script|text)/.test(dt);
>>> + if (scr || s.textarea) {
>>> + // see if user embedded response in textarea
>>> + var ta = doc.getElementsByTagName('textarea')[0];
>>> + if (ta) {
>>> + xhr.responseText = ta.value;
>>> + // support for XHR 'status' & 'statusText'
>>> emulation :
>>> + xhr.status = Number( ta.getAttribute('status') )
>>> || xhr.status;
>>> + xhr.statusText = ta.getAttribute('statusText')
>> ||
>>> xhr.statusText;
>>> + }
>>> + else if (scr) {
>>> + // account for browsers injecting pre around
>> json
>>> response
>>> + var pre = doc.getElementsByTagName('pre')[0];
>>> + var b = doc.getElementsByTagName('body')[0];
>>> + if (pre) {
>>> + xhr.responseText = pre.textContent ?
>>> pre.textContent : pre.innerText;
>>> + }
>>> + else if (b) {
>>> + xhr.responseText = b.textContent ?
>>> b.textContent : b.innerText;
>>> + }
>>> + }
>>> + }
>>> + else if (dt == 'xml' && !xhr.responseXML &&
>>> xhr.responseText) {
>>> + xhr.responseXML = toXml(xhr.responseText);
>>> + }
>>> +
>>> + try {
>>> + data = httpData(xhr, dt, s);
>>> + }
>>> + catch (err) {
>>> + status = 'parsererror';
>>> + xhr.error = errMsg = (err || status);
>>> + }
>>> + }
>>> + catch (err) {
>>> + log('error caught: ',err);
>>> + status = 'error';
>>> + xhr.error = errMsg = (err || status);
>>> + }
>>> +
>>> + if (xhr.aborted) {
>>> + log('upload aborted');
>>> + status = null;
>>> + }
>>> +
>>> + if (xhr.status) { // we've set xhr.status
>>> + status = (xhr.status >= 200 && xhr.status < 300 ||
>>> xhr.status === 304) ? 'success' : 'error';
>>> + }
>>> +
>>> + // ordering of these callbacks/triggers is odd, but that's
>>> how $.ajax does it
>>> + if (status === 'success') {
>>> + if (s.success)
>>> + s.success.call(s.context, data, 'success', xhr);
>>> + deferred.resolve(xhr.responseText, 'success', xhr);
>>> + if (g)
>>> + $.event.trigger("ajaxSuccess", [xhr, s]);
>>> + }
>>> + else if (status) {
>>> + if (errMsg === undefined)
>>> + errMsg = xhr.statusText;
>>> + if (s.error)
>>> + s.error.call(s.context, xhr, status, errMsg);
>>> + deferred.reject(xhr, 'error', errMsg);
>>> + if (g)
>>> + $.event.trigger("ajaxError", [xhr, s, errMsg]);
>>> + }
>>> +
>>> + if (g)
>>> + $.event.trigger("ajaxComplete", [xhr, s]);
>>> +
>>> + if (g && ! --$.active) {
>>> + $.event.trigger("ajaxStop");
>>> + }
>>> +
>>> + if (s.complete)
>>> + s.complete.call(s.context, xhr, status);
>>> +
>>> + callbackProcessed = true;
>>> + if (s.timeout)
>>> + clearTimeout(timeoutHandle);
>>> +
>>> + // clean up
>>> + setTimeout(function() {
>>> + if (!s.iframeTarget)
>>> + $io.remove();
>>> + xhr.responseXML = null;
>>> + }, 100);
>>> + }
>>> +
>>> + var toXml = $.parseXML || function(s, doc) { // use parseXML if
>>> available (jQuery 1.5+)
>>> + if (window.ActiveXObject) {
>>> + doc = new ActiveXObject('Microsoft.XMLDOM');
>>> + doc.async = 'false';
>>> + doc.loadXML(s);
>>> + }
>>> + else {
>>> + doc = (new DOMParser()).parseFromString(s, 'text/xml');
>>> + }
>>> + return (doc && doc.documentElement &&
>>> doc.documentElement.nodeName != 'parsererror') ? doc : null;
>>> + };
>>> + var parseJSON = $.parseJSON || function(s) {
>>> + /*jslint evil:true */
>>> + return window['eval']('(' + s + ')');
>>> + };
>>> +
>>> + var httpData = function( xhr, type, s ) { // mostly lifted from
>>> jq1.4.4
>>> +
>>> + var ct = xhr.getResponseHeader('content-type') || '',
>>> + xml = type === 'xml' || !type && ct.indexOf('xml') >= 0,
>>> + data = xml ? xhr.responseXML : xhr.responseText;
>>> +
>>> + if (xml && data.documentElement.nodeName === 'parsererror')
>> {
>>> + if ($.error)
>>> + $.error('parsererror');
>>> + }
>>> + if (s && s.dataFilter) {
>>> + data = s.dataFilter(data, type);
>>> + }
>>> + if (typeof data === 'string') {
>>> + if (type === 'json' || !type && ct.indexOf('json') >=
>> 0) {
>>> + data = parseJSON(data);
>>> + } else if (type === "script" || !type &&
>>> ct.indexOf("javascript") >= 0) {
>>> + $.globalEval(data);
>>> + }
>>> + }
>>> + return data;
>>> + };
>>> +
>>> + return deferred;
>>> + }
>>> +};
>>> +
>>> +/**
>>> + * ajaxForm() provides a mechanism for fully automating form submission.
>>> + *
>>> + * The advantages of using this method instead of ajaxSubmit() are:
>>> + *
>>> + * 1: This method will include coordinates for <input type="image" />
>>> elements (if the element
>>> + * is used to submit the form).
>>> + * 2. This method will include the submit element's name/value data (for
>>> the element that was
>>> + * used to submit the form).
>>> + * 3. This method binds the submit() method to the form for you.
>>> + *
>>> + * The options argument for ajaxForm works exactly as it does for
>>> ajaxSubmit. ajaxForm merely
>>> + * passes the options argument along after properly binding events for
>>> submit elements and
>>> + * the form itself.
>>> + */
>>> +$.fn.ajaxForm = function(options) {
>>> + options = options || {};
>>> + options.delegation = options.delegation && $.isFunction($.fn.on);
>>> +
>>> + // in jQuery 1.3+ we can fix mistakes with the ready state
>>> + if (!options.delegation && this.length === 0) {
>>> + var o = { s: this.selector, c: this.context };
>>> + if (!$.isReady && o.s) {
>>> + log('DOM not ready, queuing ajaxForm');
>>> + $(function() {
>>> + $(o.s,o.c).ajaxForm(options);
>>> + });
>>> + return this;
>>> + }
>>> + // is your DOM ready?
>>> http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
>>> + log('terminating; zero elements found by selector' + ($.isReady
>> ?
>>> '' : ' (DOM not ready)'));
>>> + return this;
>>> + }
>>> +
>>> + if ( options.delegation ) {
>>> + $(document)
>>> + .off('submit.form-plugin', this.selector, doAjaxSubmit)
>>> + .off('click.form-plugin', this.selector,
>>> captureSubmittingElement)
>>> + .on('submit.form-plugin', this.selector, options,
>>> doAjaxSubmit)
>>> + .on('click.form-plugin', this.selector, options,
>>> captureSubmittingElement);
>>> + return this;
>>> + }
>>> +
>>> + return this.ajaxFormUnbind()
>>> + .bind('submit.form-plugin', options, doAjaxSubmit)
>>> + .bind('click.form-plugin', options, captureSubmittingElement);
>>> +};
>>> +
>>> +// private event handlers
>>> +function doAjaxSubmit(e) {
>>> + /*jshint validthis:true */
>>> + var options = e.data;
>>> + if (!e.isDefaultPrevented()) { // if event has been canceled, don't
>>> proceed
>>> + e.preventDefault();
>>> + $(this).ajaxSubmit(options);
>>> + }
>>> +}
>>> +
>>> +function captureSubmittingElement(e) {
>>> + /*jshint validthis:true */
>>> + var target = e.target;
>>> + var $el = $(target);
>>> + if (!($el.is("[type=submit],[type=image]"))) {
>>> + // is this a child element of the submit el? (ex: a span within
>>> a button)
>>> + var t = $el.closest('[type=submit]');
>>> + if (t.length === 0) {
>>> + return;
>>> + }
>>> + target = t[0];
>>> + }
>>> + var form = this;
>>> + form.clk = target;
>>> + if (target.type == 'image') {
>>> + if (e.offsetX !== undefined) {
>>> + form.clk_x = e.offsetX;
>>> + form.clk_y = e.offsetY;
>>> + } else if (typeof $.fn.offset == 'function') {
>>> + var offset = $el.offset();
>>> + form.clk_x = e.pageX - offset.left;
>>> + form.clk_y = e.pageY - offset.top;
>>> + } else {
>>> + form.clk_x = e.pageX - target.offsetLeft;
>>> + form.clk_y = e.pageY - target.offsetTop;
>>> + }
>>> + }
>>> + // clear form vars
>>> + setTimeout(function() { form.clk = form.clk_x = form.clk_y = null;
>> },
>>> 100);
>>> +}
>>> +
>>> +
>>> +// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
>>> +$.fn.ajaxFormUnbind = function() {
>>> + return this.unbind('submit.form-plugin click.form-plugin');
>>> +};
>>> +
>>> +/**
>>> + * formToArray() gathers form element data into an array of objects that
>>> can
>>> + * be passed to any of the following ajax functions: $.get, $.post, or
>>> load.
>>> + * Each object in the array has both a 'name' and 'value' property. An
>>> example of
>>> + * an array for a simple login form might be:
>>> + *
>>> + * [ { name: 'username', value: 'jresig' }, { name: 'password', value:
>>> 'secret' } ]
>>> + *
>>> + * It is this array that is passed to pre-submit callback functions
>>> provided to the
>>> + * ajaxSubmit() and ajaxForm() methods.
>>> + */
>>> +$.fn.formToArray = function(semantic, elements) {
>>> + var a = [];
>>> + if (this.length === 0) {
>>> + return a;
>>> + }
>>> +
>>> + var form = this[0];
>>> + var els = semantic ? form.getElementsByTagName('*') : form.elements;
>>> + if (!els) {
>>> + return a;
>>> + }
>>> +
>>> + var i,j,n,v,el,max,jmax;
>>> + for(i=0, max=els.length; i < max; i++) {
>>> + el = els[i];
>>> + n = el.name;
>>> + if (!n || el.disabled) {
>>> + continue;
>>> + }
>>> +
>>> + if (semantic && form.clk && el.type == "image") {
>>> + // handle image inputs on the fly when semantic == true
>>> + if(form.clk == el) {
>>> + a.push({name: n, value: $(el).val(), type: el.type });
>>> + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
>>> value: form.clk_y});
>>> + }
>>> + continue;
>>> + }
>>> +
>>> + v = $.fieldValue(el, true);
>>> + if (v && v.constructor == Array) {
>>> + if (elements)
>>> + elements.push(el);
>>> + for(j=0, jmax=v.length; j < jmax; j++) {
>>> + a.push({name: n, value: v[j]});
>>> + }
>>> + }
>>> + else if (feature.fileapi && el.type == 'file') {
>>> + if (elements)
>>> + elements.push(el);
>>> + var files = el.files;
>>> + if (files.length) {
>>> + for (j=0; j < files.length; j++) {
>>> + a.push({name: n, value: files[j], type: el.type});
>>> + }
>>> + }
>>> + else {
>>> + // #180
>>> + a.push({ name: n, value: '', type: el.type });
>>> + }
>>> + }
>>> + else if (v !== null && typeof v != 'undefined') {
>>> + if (elements)
>>> + elements.push(el);
>>> + a.push({name: n, value: v, type: el.type, required:
>>> el.required});
>>> + }
>>> + }
>>> +
>>> + if (!semantic && form.clk) {
>>> + // input type=='image' are not found in elements array! handle
>> it
>>> here
>>> + var $input = $(form.clk), input = $input[0];
>>> + n = input.name;
>>> + if (n && !input.disabled && input.type == 'image') {
>>> + a.push({name: n, value: $input.val()});
>>> + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
>>> value: form.clk_y});
>>> + }
>>> + }
>>> + return a;
>>> +};
>>> +
>>> +/**
>>> + * Serializes form data into a 'submittable' string. This method will
>>> return a string
>>> + * in the format: name1=value1&name2=value2
>>> + */
>>> +$.fn.formSerialize = function(semantic) {
>>> + //hand off to jQuery.param for proper encoding
>>> + return $.param(this.formToArray(semantic));
>>> +};
>>> +
>>> +/**
>>> + * Serializes all field elements in the jQuery object into a query
>> string.
>>> + * This method will return a string in the format:
>>> name1=value1&name2=value2
>>> + */
>>> +$.fn.fieldSerialize = function(successful) {
>>> + var a = [];
>>> + this.each(function() {
>>> + var n = this.name;
>>> + if (!n) {
>>> + return;
>>> + }
>>> + var v = $.fieldValue(this, successful);
>>> + if (v && v.constructor == Array) {
>>> + for (var i=0,max=v.length; i < max; i++) {
>>> + a.push({name: n, value: v[i]});
>>> + }
>>> + }
>>> + else if (v !== null && typeof v != 'undefined') {
>>> + a.push({name: this.name, value: v});
>>> + }
>>> + });
>>> + //hand off to jQuery.param for proper encoding
>>> + return $.param(a);
>>> +};
>>> +
>>> +/**
>>> + * Returns the value(s) of the element in the matched set. For example,
>>> consider the following form:
>>> + *
>>> + * <form><fieldset>
>>> + * <input name="A" type="text" />
>>> + * <input name="A" type="text" />
>>> + * <input name="B" type="checkbox" value="B1" />
>>> + * <input name="B" type="checkbox" value="B2"/>
>>> + * <input name="C" type="radio" value="C1" />
>>> + * <input name="C" type="radio" value="C2" />
>>> + * </fieldset></form>
>>> + *
>>> + * var v = $('input[type=text]').fieldValue();
>>> + * // if no values are entered into the text inputs
>>> + * v == ['','']
>>> + * // if values entered into the text inputs are 'foo' and 'bar'
>>> + * v == ['foo','bar']
>>> + *
>>> + * var v = $('input[type=checkbox]').fieldValue();
>>> + * // if neither checkbox is checked
>>> + * v === undefined
>>> + * // if both checkboxes are checked
>>> + * v == ['B1', 'B2']
>>> + *
>>> + * var v = $('input[type=radio]').fieldValue();
>>> + * // if neither radio is checked
>>> + * v === undefined
>>> + * // if first radio is checked
>>> + * v == ['C1']
>>> + *
>>> + * The successful argument controls whether or not the field element
>> must
>>> be 'successful'
>>> + * (per
>>> http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
>>> + * The default value of the successful argument is true. If this value
>>> is false the value(s)
>>> + * for each element is returned.
>>> + *
>>> + * Note: This method *always* returns an array. If no valid value can
>> be
>>> determined the
>>> + * array will be empty, otherwise it will contain one or more values.
>>> + */
>>> +$.fn.fieldValue = function(successful) {
>>> + for (var val=[], i=0, max=this.length; i < max; i++) {
>>> + var el = this[i];
>>> + var v = $.fieldValue(el, successful);
>>> + if (v === null || typeof v == 'undefined' || (v.constructor ==
>>> Array && !v.length)) {
>>> + continue;
>>> + }
>>> + if (v.constructor == Array)
>>> + $.merge(val, v);
>>> + else
>>> + val.push(v);
>>> + }
>>> + return val;
>>> +};
>>> +
>>> +/**
>>> + * Returns the value of the field element.
>>> + */
>>> +$.fieldValue = function(el, successful) {
>>> + var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
>>> + if (successful === undefined) {
>>> + successful = true;
>>> + }
>>> +
>>> + if (successful && (!n || el.disabled || t == 'reset' || t ==
>> 'button'
>>> ||
>>> + (t == 'checkbox' || t == 'radio') && !el.checked ||
>>> + (t == 'submit' || t == 'image') && el.form && el.form.clk != el
>> ||
>>> + tag == 'select' && el.selectedIndex == -1)) {
>>> + return null;
>>> + }
>>> +
>>> + if (tag == 'select') {
>>> + var index = el.selectedIndex;
>>> + if (index < 0) {
>>> + return null;
>>> + }
>>> + var a = [], ops = el.options;
>>> + var one = (t == 'select-one');
>>> + var max = (one ? index+1 : ops.length);
>>> + for(var i=(one ? index : 0); i < max; i++) {
>>> + var op = ops[i];
>>> + if (op.selected) {
>>> + var v = op.value;
>>> + if (!v) { // extra pain for IE...
>>> + v = (op.attributes && op.attributes['value'] &&
>>> !(op.attributes['value'].specified)) ? op.text : op.value;
>>> + }
>>> + if (one) {
>>> + return v;
>>> + }
>>> + a.push(v);
>>> + }
>>> + }
>>> + return a;
>>> + }
>>> + return $(el).val();
>>> +};
>>> +
>>> +/**
>>> + * Clears the form data. Takes the following actions on the form's
>> input
>>> fields:
>>> + * - input text fields will have their 'value' property set to the
>> empty
>>> string
>>> + * - select elements will have their 'selectedIndex' property set to -1
>>> + * - checkbox and radio inputs will have their 'checked' property set
>> to
>>> false
>>> + * - inputs of type submit, button, reset, and hidden will *not* be
>>> effected
>>> + * - button elements will *not* be effected
>>> + */
>>> +$.fn.clearForm = function(includeHidden) {
>>> + return this.each(function() {
>>> + $('input,select,textarea', this).clearFields(includeHidden);
>>> + });
>>> +};
>>> +
>>> +/**
>>> + * Clears the selected form elements.
>>> + */
>>> +$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
>>> + var re =
>>>
>> /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i;
>>> // 'hidden' is not in this list
>>> + return this.each(function() {
>>> + var t = this.type, tag = this.tagName.toLowerCase();
>>> + if (re.test(t) || tag == 'textarea') {
>>> + this.value = '';
>>> + }
>>> + else if (t == 'checkbox' || t == 'radio') {
>>> + this.checked = false;
>>> + }
>>> + else if (tag == 'select') {
>>> + this.selectedIndex = -1;
>>> + }
>>> + else if (t == "file") {
>>> + if (/MSIE/.test(navigator.userAgent)) {
>>> + $(this).replaceWith($(this).clone(true));
>>> + } else {
>>> + $(this).val('');
>>> + }
>>> + }
>>> + else if (includeHidden) {
>>> + // includeHidden can be the value true, or it can be a
>>> selector string
>>> + // indicating a special test; for example:
>>> + // $('#myForm').clearForm('.special:hidden')
>>> + // the above would clean hidden inputs that have the class
>> of
>>> 'special'
>>> + if ( (includeHidden === true && /hidden/.test(t)) ||
>>> + (typeof includeHidden == 'string' &&
>>> $(this).is(includeHidden)) )
>>> + this.value = '';
>>> + }
>>> + });
>>> +};
>>> +
>>> +/**
>>> + * Resets the form data. Causes all form elements to be reset to their
>>> original value.
>>> + */
>>> +$.fn.resetForm = function() {
>>> + return this.each(function() {
>>> + // guard against an input with the name of 'reset'
>>> + // note that IE reports the reset function as an 'object'
>>> + if (typeof this.reset == 'function' || (typeof this.reset ==
>>> 'object' && !this.reset.nodeType)) {
>>> + this.reset();
>>> + }
>>> + });
>>> +};
>>> +
>>> +/**
>>> + * Enables or disables any matching elements.
>>> + */
>>> +$.fn.enable = function(b) {
>>> + if (b === undefined) {
>>> + b = true;
>>> + }
>>> + return this.each(function() {
>>> + this.disabled = !b;
>>> + });
>>> +};
>>> +
>>> +/**
>>> + * Checks/unchecks any matching checkboxes or radio buttons and
>>> + * selects/deselects and matching option elements.
>>> + */
>>> +$.fn.selected = function(select) {
>>> + if (select === undefined) {
>>> + select = true;
>>> + }
>>> + return this.each(function() {
>>> + var t = this.type;
>>> + if (t == 'checkbox' || t == 'radio') {
>>> + this.checked = select;
>>> + }
>>> + else if (this.tagName.toLowerCase() == 'option') {
>>> + var $sel = $(this).parent('select');
>>> + if (select && $sel[0] && $sel[0].type == 'select-one') {
>>> + // deselect all other options
>>> + $sel.find('option').selected(false);
>>> + }
>>> + this.selected = select;
>>> + }
>>> + });
>>> +};
>>> +
>>> +// expose debug var
>>> +$.fn.ajaxSubmit.debug = false;
>>> +
>>> +// helper fn for console logging
>>> +function log() {
>>> + if (!$.fn.ajaxSubmit.debug)
>>> + return;
>>> + var msg = '[jquery.form] ' +
>> Array.prototype.join.call(arguments,'');
>>> + if (window.console && window.console.log) {
>>> + window.console.log(msg);
>>> + }
>>> + else if (window.opera && window.opera.postError) {
>>> + window.opera.postError(msg);
>>> + }
>>> +}
>>> +
>>> +})(jQuery);
>>>
>>>
>>>
>> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/package.json
>>> ----------------------------------------------------------------------
>>> diff --git a/src/fauxton/package.json b/src/fauxton/package.json
>>> index 2a09f69..5b63675 100644
>>> --- a/src/fauxton/package.json
>>> +++ b/src/fauxton/package.json
>>> @@ -23,7 +23,7 @@
>>> "url": "~0.7.9",
>>> "urls": "~0.0.3",
>>> "express": "~3.0.6",
>>> - "http-proxy": "~0.9.1"
>>> + "http-proxy": "~0.10.2"
>>> },
>>> "devDependencies": {},
>>> "scripts": {
>>>
>>>
>>
>
>
>
> --
> NS
Re: git commit: updated refs/heads/1811-fauxton-attachment-upload to 241acd2
Posted by Noah Slater <ns...@apache.org>.
Good catch! Cheers guys!
On 5 June 2013 18:06, Russell Branca <ch...@apache.org> wrote:
> Hey Garren,
>
>
> Whenever we add third party assets to Fauxton (and CouchDB as a whole), we
> need to add the appropriate license and copyright information. Can you:
>
> 1) Update LICENSE with the appropriate license info for jquery.form.js
> 2) Update NOTICE with the appropriate copyright info
>
> Thanks!
>
>
> -Russell
>
>
> On Wed, Jun 5, 2013 at 8:21 AM, <ga...@apache.org> wrote:
>
> > Updated Branches:
> > refs/heads/1811-fauxton-attachment-upload [created] 241acd2a8
> >
> >
> > upload attachment with progress bar
> >
> >
> > Project: http://git-wip-us.apache.org/repos/asf/couchdb/repo
> > Commit: http://git-wip-us.apache.org/repos/asf/couchdb/commit/241acd2a
> > Tree: http://git-wip-us.apache.org/repos/asf/couchdb/tree/241acd2a
> > Diff: http://git-wip-us.apache.org/repos/asf/couchdb/diff/241acd2a
> >
> > Branch: refs/heads/1811-fauxton-attachment-upload
> > Commit: 241acd2a88b1f47ab38db3679db8427e8e071c39
> > Parents: df23be9
> > Author: Garren Smith <ga...@gmail.com>
> > Authored: Wed Jun 5 17:21:35 2013 +0200
> > Committer: Garren Smith <ga...@gmail.com>
> > Committed: Wed Jun 5 17:21:35 2013 +0200
> >
> > ----------------------------------------------------------------------
> > src/fauxton/app/app.js | 3 +-
> > src/fauxton/app/config.js | 4 +-
> > src/fauxton/app/modules/documents/routes.js | 9 +
> > src/fauxton/app/modules/documents/views.js | 88 ++-
> > .../templates/documents/doc_field_editor_tabs.html | 3 +
> > .../app/templates/documents/upload_modal.html | 42 +
> > src/fauxton/assets/js/plugins/jquery.form.js | 1190
> +++++++++++++++
> > src/fauxton/package.json | 2 +-
> > 8 files changed, 1337 insertions(+), 4 deletions(-)
> > ----------------------------------------------------------------------
> >
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/app.js
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/app/app.js b/src/fauxton/app/app.js
> > index e754c5f..be0136d 100644
> > --- a/src/fauxton/app/app.js
> > +++ b/src/fauxton/app/app.js
> > @@ -7,7 +7,8 @@ define([
> > "helpers",
> >
> > // Plugins.
> > - "plugins/backbone.layoutmanager"
> > + "plugins/backbone.layoutmanager",
> > + "plugins/jquery.form"
> > ],
> >
> > function($, _, Backbone, Helpers) {
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/config.js
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/app/config.js b/src/fauxton/app/config.js
> > index 5bf1f87..c7ae1d6 100644
> > --- a/src/fauxton/app/config.js
> > +++ b/src/fauxton/app/config.js
> > @@ -47,7 +47,9 @@ require.config({
> >
> > "plugins/codemirror-javascript": ["codemirror"],
> >
> > - "plugins/prettify": []
> > + "plugins/prettify": [],
> > +
> > + "plugins/jquery.form": ["jquery"]
> > }
> >
> > });
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/routes.js
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/app/modules/documents/routes.js
> > b/src/fauxton/app/modules/documents/routes.js
> > index 5a44c0e..a49fa91 100644
> > --- a/src/fauxton/app/modules/documents/routes.js
> > +++ b/src/fauxton/app/modules/documents/routes.js
> > @@ -51,6 +51,10 @@ function(app, FauxtonAPI, Documents, Databases) {
> > "database/:database/:doc": "code_editor"
> > },
> >
> > + events: {
> > + "route:reRenderDoc": "reRenderDoc"
> > + },
> > +
> > crumbs: function() {
> > return [
> > {"name": "Databases", "link": "/_all_dbs"},
> > @@ -67,6 +71,11 @@ function(app, FauxtonAPI, Documents, Databases) {
> > }));
> > },
> >
> > + reRenderDoc: function () {
> > + this.docView.forceRender();
> > + console.log('rerender');
> > + },
> > +
> > field_editor: function(events) {
> > this.tabsView.updateSelected('field_editor');
> > this.docView = this.setView("#dashboard-content", new
> > Documents.Views.DocFieldEditor({
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/modules/documents/views.js
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/app/modules/documents/views.js
> > b/src/fauxton/app/modules/documents/views.js
> > index 93f06f1..ae87c82 100644
> > --- a/src/fauxton/app/modules/documents/views.js
> > +++ b/src/fauxton/app/modules/documents/views.js
> > @@ -128,6 +128,81 @@ function(app, FauxtonAPI, Documents, pouchdb,
> > Codemirror, JSHint) {
> > }
> > });
> >
> > + Views.UploadModal = FauxtonAPI.View.extend({
> > + template: "templates/documents/upload_modal",
> > +
> > + initialize: function (options) {
> > + console.log('model', this.model, this.model.toJSON());
> > +
> > + },
> > +
> > + events: {
> > + "click a#upload-btn": "uploadFile"
> > + },
> > +
> > + uploadFile: function (event) {
> > + event.preventDefault();
> > +
> > + var that = this,
> > + $form = this.$('#file-upload');
> > +
> > + this.$('#_rev').val(this.model.get('_rev'));
> > +
> > + $form.ajaxSubmit({
> > + url: this.model.url(),
> > + type: 'POST',
> > + beforeSend: function () {
> > + that.$('.progress').removeClass('hide');
> > + },
> > + uploadProgress: function(event, position, total,
> percentComplete)
> > {
> > + that.$('.bar').css({width: percentComplete + '%'});
> > + },
> > + success: function (resp) {
> > + FauxtonAPI.triggerRouteEvent('reRenderDoc');
> > + setTimeout(function () {
> > + that.hideModal();
> > + }, 1000);
> > + }
> > + });
> > + },
> > +
> > + showModal: function () {
> > + this.$('.bar').css({width: '0%'});
> > + this.$('.progress').addClass('hide');
> > + this.clear_error_msg();
> > + this.$('.modal').modal();
> > + // hack to get modal visible
> > + $('.modal-backdrop').css('z-index',1025);
> > + },
> > +
> > + hideModal: function () {
> > + this.$('.modal').modal('hide');
> > + // force this removal as the navbar
> > + //$('.modal-backdrop').remove();
> > + },
> > +
> > + set_error_msg: function (msg) {
> > + var text;
> > + if (typeof(msg) == 'string') {
> > + text = msg;
> > + } else {
> > + text = JSON.parse(msg.responseText).reason;
> > + }
> > +
> > + this.$('#modal-error').text(text).removeClass('hide');
> > + },
> > +
> > + clear_error_msg: function () {
> > + this.$('#modal-error').text(' ').addClass('hide');
> > + },
> > +
> > + serialize: function () {
> > + return this.model.toJSON();
> > +
> > + }
> > +
> > + });
> > +
> > Views.FieldEditorTabs = FauxtonAPI.View.extend({
> > template: "templates/documents/doc_field_editor_tabs",
> >
> > @@ -137,7 +212,8 @@ function(app, FauxtonAPI, Documents, pouchdb,
> > Codemirror, JSHint) {
> >
> > events: {
> > "click button.delete": "destroy",
> > - "click button.duplicate": "duplicate"
> > + "click button.duplicate": "duplicate",
> > + "click button.upload": "upload"
> > },
> >
> > destroy: function(event) {
> > @@ -160,6 +236,16 @@ function(app, FauxtonAPI, Documents, pouchdb,
> > Codemirror, JSHint) {
> > });
> > },
> >
> > + beforeRender: function () {
> > + this.uploadModal = this.setView('#upload-modal', new
> > Views.UploadModal({model: this.model}));
> > + this.uploadModal.render();
> > + },
> > +
> > + upload: function (event) {
> > + event.preventDefault();
> > + this.uploadModal.showModal();
> > + },
> > +
> > duplicate: function(event) {
> > FauxtonAPI.addNotification({
> > type: "warning",
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> > ----------------------------------------------------------------------
> > diff --git
> > a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> > b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> > index 41bbe40..01cb8a9 100644
> > --- a/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> > +++ b/src/fauxton/app/templates/documents/doc_field_editor_tabs.html
> > @@ -18,9 +18,12 @@ the License.
> > <ul class="nav pull-right" style="margin:5px 10px 0px 10px;">
> > <li>
> > <div class="btn-group">
> > + <button class="btn btn-small upload"><i
> > class="icon-circle-arrow-up"></i> Upload Attachment</button>
> > <button class="btn btn-small duplicate"><i
> > class="icon-repeat"></i> Duplicate document</button>
> > <button class="btn btn-small delete"><i class="icon-trash"></i>
> > Delete document</button>
> > </div>
> > </li>
> > </ul>
> > </ul>
> > +
> > +<div id="upload-modal"> </div>
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/app/templates/documents/upload_modal.html
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/app/templates/documents/upload_modal.html
> > b/src/fauxton/app/templates/documents/upload_modal.html
> > new file mode 100644
> > index 0000000..d9cdbb0
> > --- /dev/null
> > +++ b/src/fauxton/app/templates/documents/upload_modal.html
> > @@ -0,0 +1,42 @@
> > +<!--
> > +Licensed under the Apache License, Version 2.0 (the "License"); you may
> > not
> > +use this file except in compliance with the License. You may obtain a
> > copy of
> > +the License at
> > +
> > + http://www.apache.org/licenses/LICENSE-2.0
> > +
> > +Unless required by applicable law or agreed to in writing, software
> > +distributed under the License is distributed on an "AS IS" BASIS,
> WITHOUT
> > +WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
> > +License for the specific language governing permissions and limitations
> > under
> > +the License.
> > +-->
> > +
> > +<div class="modal hide fade">
> > + <div class="modal-header">
> > + <button type="button" class="close" data-dismiss="modal"
> > aria-hidden="true">×</button>
> > + <h3>Upload an Attachment</h3>
> > + </div>
> > + <div class="modal-body">
> > + <div id="modal-error" class="hide alert alert-error"/>
> > + <form id="file-upload" class="form" method="post">
> > + <p class="help-block">
> > + Please select the file you want to upload as an attachment to this
> > document.
> > + Please note that this will result in the immediate creation of a
> > new revision of the document,
> > + so it's not necessary to save the document after the upload.
> > + </p>
> > + <input id="_attachments" type="file" name="_attachments">
> > + <input id="_rev" type="hidden" name="_rev" value="<%= _rev %>" >
> > + <br/>
> > + </form>
> > +
> > + <div class="progress progress-info">
> > + <div class="bar" style="width: 0%"></div>
> > + </div>
> > + </div>
> > + <div class="modal-footer">
> > + <a href="#" data-dismiss="modal" class="btn">Cancel</a>
> > + <a href="#" id="upload-btn" class="btn btn-primary">Upload</a>
> > + </div>
> > +</div>
> > +
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/assets/js/plugins/jquery.form.js
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/assets/js/plugins/jquery.form.js
> > b/src/fauxton/assets/js/plugins/jquery.form.js
> > new file mode 100644
> > index 0000000..e3126ca
> > --- /dev/null
> > +++ b/src/fauxton/assets/js/plugins/jquery.form.js
> > @@ -0,0 +1,1190 @@
> > +/*!
> > + * jQuery Form Plugin
> > + * version: 3.35.0-2013.05.23
> > + * @requires jQuery v1.5 or later
> > + * Copyright (c) 2013 M. Alsup
> > + * Examples and documentation at: http://malsup.com/jquery/form/
> > + * Project repository: https://github.com/malsup/form
> > + * Dual licensed under the MIT and GPL licenses.
> > + * https://github.com/malsup/form#copyright-and-license
> > + */
> > +/*global ActiveXObject */
> > +;(function($) {
> > +"use strict";
> > +
> > +/*
> > + Usage Note:
> > + -----------
> > + Do not use both ajaxSubmit and ajaxForm on the same form. These
> > + functions are mutually exclusive. Use ajaxSubmit if you want
> > + to bind your own submit handler to the form. For example,
> > +
> > + $(document).ready(function() {
> > + $('#myForm').on('submit', function(e) {
> > + e.preventDefault(); // <-- important
> > + $(this).ajaxSubmit({
> > + target: '#output'
> > + });
> > + });
> > + });
> > +
> > + Use ajaxForm when you want the plugin to manage all the event
> binding
> > + for you. For example,
> > +
> > + $(document).ready(function() {
> > + $('#myForm').ajaxForm({
> > + target: '#output'
> > + });
> > + });
> > +
> > + You can also use ajaxForm with delegation (requires jQuery v1.7+),
> so
> > the
> > + form does not have to exist when you invoke ajaxForm:
> > +
> > + $('#myForm').ajaxForm({
> > + delegation: true,
> > + target: '#output'
> > + });
> > +
> > + When using ajaxForm, the ajaxSubmit function will be invoked for you
> > + at the appropriate time.
> > +*/
> > +
> > +/**
> > + * Feature detection
> > + */
> > +var feature = {};
> > +feature.fileapi = $("<input type='file'/>").get(0).files !== undefined;
> > +feature.formdata = window.FormData !== undefined;
> > +
> > +var hasProp = !!$.fn.prop;
> > +
> > +// attr2 uses prop when it can but checks the return type for
> > +// an expected string. this accounts for the case where a form
> > +// contains inputs with names like "action" or "method"; in those
> > +// cases "prop" returns the element
> > +$.fn.attr2 = function() {
> > + if ( ! hasProp )
> > + return this.attr.apply(this, arguments);
> > + var val = this.prop.apply(this, arguments);
> > + if ( ( val && val.jquery ) || typeof val === 'string' )
> > + return val;
> > + return this.attr.apply(this, arguments);
> > +};
> > +
> > +/**
> > + * ajaxSubmit() provides a mechanism for immediately submitting
> > + * an HTML form using AJAX.
> > + */
> > +$.fn.ajaxSubmit = function(options) {
> > + /*jshint scripturl:true */
> > +
> > + // fast fail if nothing selected (http://dev.jquery.com/ticket/2752
> )
> > + if (!this.length) {
> > + log('ajaxSubmit: skipping submit process - no element
> selected');
> > + return this;
> > + }
> > +
> > + var method, action, url, $form = this;
> > +
> > + if (typeof options == 'function') {
> > + options = { success: options };
> > + }
> > +
> > + method = options.type || this.attr2('method');
> > + action = options.url || this.attr2('action');
> > +
> > + url = (typeof action === 'string') ? $.trim(action) : '';
> > + url = url || window.location.href || '';
> > + if (url) {
> > + // clean url (don't include hash vaue)
> > + url = (url.match(/^([^#]+)/)||[])[1];
> > + }
> > +
> > + options = $.extend(true, {
> > + url: url,
> > + success: $.ajaxSettings.success,
> > + type: method || 'GET',
> > + iframeSrc: /^https/i.test(window.location.href || '') ?
> > 'javascript:false' : 'about:blank'
> > + }, options);
> > +
> > + // hook for manipulating the form data before it is extracted;
> > + // convenient for use with rich editors like tinyMCE or FCKEditor
> > + var veto = {};
> > + this.trigger('form-pre-serialize', [this, options, veto]);
> > + if (veto.veto) {
> > + log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
> > + return this;
> > + }
> > +
> > + // provide opportunity to alter form data before it is serialized
> > + if (options.beforeSerialize && options.beforeSerialize(this,
> options)
> > === false) {
> > + log('ajaxSubmit: submit aborted via beforeSerialize callback');
> > + return this;
> > + }
> > +
> > + var traditional = options.traditional;
> > + if ( traditional === undefined ) {
> > + traditional = $.ajaxSettings.traditional;
> > + }
> > +
> > + var elements = [];
> > + var qx, a = this.formToArray(options.semantic, elements);
> > + if (options.data) {
> > + options.extraData = options.data;
> > + qx = $.param(options.data, traditional);
> > + }
> > +
> > + // give pre-submit callback an opportunity to abort the submit
> > + if (options.beforeSubmit && options.beforeSubmit(a, this, options)
> > === false) {
> > + log('ajaxSubmit: submit aborted via beforeSubmit callback');
> > + return this;
> > + }
> > +
> > + // fire vetoable 'validate' event
> > + this.trigger('form-submit-validate', [a, this, options, veto]);
> > + if (veto.veto) {
> > + log('ajaxSubmit: submit vetoed via form-submit-validate
> trigger');
> > + return this;
> > + }
> > +
> > + var q = $.param(a, traditional);
> > + if (qx) {
> > + q = ( q ? (q + '&' + qx) : qx );
> > + }
> > + if (options.type.toUpperCase() == 'GET') {
> > + options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
> > + options.data = null; // data is null for 'get'
> > + }
> > + else {
> > + options.data = q; // data is the query string for 'post'
> > + }
> > +
> > + var callbacks = [];
> > + if (options.resetForm) {
> > + callbacks.push(function() { $form.resetForm(); });
> > + }
> > + if (options.clearForm) {
> > + callbacks.push(function() {
> > $form.clearForm(options.includeHidden); });
> > + }
> > +
> > + // perform a load on the target only if dataType is not provided
> > + if (!options.dataType && options.target) {
> > + var oldSuccess = options.success || function(){};
> > + callbacks.push(function(data) {
> > + var fn = options.replaceTarget ? 'replaceWith' : 'html';
> > + $(options.target)[fn](data).each(oldSuccess, arguments);
> > + });
> > + }
> > + else if (options.success) {
> > + callbacks.push(options.success);
> > + }
> > +
> > + options.success = function(data, status, xhr) { // jQuery 1.4+
> passes
> > xhr as 3rd arg
> > + var context = options.context || this ; // jQuery 1.4+
> > supports scope context
> > + for (var i=0, max=callbacks.length; i < max; i++) {
> > + callbacks[i].apply(context, [data, status, xhr || $form,
> > $form]);
> > + }
> > + };
> > +
> > + if (options.error) {
> > + var oldError = options.error;
> > + options.error = function(xhr, status, error) {
> > + var context = options.context || this;
> > + oldError.apply(context, [xhr, status, error, $form]);
> > + };
> > + }
> > +
> > + if (options.complete) {
> > + var oldComplete = options.complete;
> > + options.complete = function(xhr, status) {
> > + var context = options.context || this;
> > + oldComplete.apply(context, [xhr, status, $form]);
> > + };
> > + }
> > +
> > + // are there files to upload?
> > +
> > + // [value] (issue #113), also see comment:
> > + //
> >
> https://github.com/malsup/form/commit/588306aedba1de01388032d5f42a60159eea9228#commitcomment-2180219
> > + var fileInputs = $('input[type=file]:enabled[value!=""]', this);
> > +
> > + var hasFileInputs = fileInputs.length > 0;
> > + var mp = 'multipart/form-data';
> > + var multipart = ($form.attr('enctype') == mp ||
> > $form.attr('encoding') == mp);
> > +
> > + var fileAPI = feature.fileapi && feature.formdata;
> > + log("fileAPI :" + fileAPI);
> > + var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;
> > +
> > + var jqxhr;
> > +
> > + // options.iframe allows user to force iframe mode
> > + // 06-NOV-09: now defaulting to iframe mode if file input is
> detected
> > + if (options.iframe !== false && (options.iframe || shouldUseFrame))
> {
> > + // hack to fix Safari hang (thanks to Tim Molendijk for this)
> > + // see:
> >
> http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
> > + if (options.closeKeepAlive) {
> > + $.get(options.closeKeepAlive, function() {
> > + jqxhr = fileUploadIframe(a);
> > + });
> > + }
> > + else {
> > + jqxhr = fileUploadIframe(a);
> > + }
> > + }
> > + else if ((hasFileInputs || multipart) && fileAPI) {
> > + jqxhr = fileUploadXhr(a);
> > + }
> > + else {
> > + jqxhr = $.ajax(options);
> > + }
> > +
> > + $form.removeData('jqxhr').data('jqxhr', jqxhr);
> > +
> > + // clear element array
> > + for (var k=0; k < elements.length; k++)
> > + elements[k] = null;
> > +
> > + // fire 'notify' event
> > + this.trigger('form-submit-notify', [this, options]);
> > + return this;
> > +
> > + // utility fn for deep serialization
> > + function deepSerialize(extraData){
> > + var serialized = $.param(extraData,
> > options.traditional).split('&');
> > + var len = serialized.length;
> > + var result = [];
> > + var i, part;
> > + for (i=0; i < len; i++) {
> > + // #252; undo param space replacement
> > + serialized[i] = serialized[i].replace(/\+/g,' ');
> > + part = serialized[i].split('=');
> > + // #278; use array instead of object storage, favoring array
> > serializations
> > + result.push([decodeURIComponent(part[0]),
> > decodeURIComponent(part[1])]);
> > + }
> > + return result;
> > + }
> > +
> > + // XMLHttpRequest Level 2 file uploads (big hat tip to
> francois2metz)
> > + function fileUploadXhr(a) {
> > + var formdata = new FormData();
> > +
> > + for (var i=0; i < a.length; i++) {
> > + formdata.append(a[i].name, a[i].value);
> > + }
> > +
> > + if (options.extraData) {
> > + var serializedData = deepSerialize(options.extraData);
> > + for (i=0; i < serializedData.length; i++)
> > + if (serializedData[i])
> > + formdata.append(serializedData[i][0],
> > serializedData[i][1]);
> > + }
> > +
> > + options.data = null;
> > +
> > + var s = $.extend(true, {}, $.ajaxSettings, options, {
> > + contentType: false,
> > + processData: false,
> > + cache: false,
> > + type: method || 'POST'
> > + });
> > +
> > + if (options.uploadProgress) {
> > + // workaround because jqXHR does not expose upload property
> > + s.xhr = function() {
> > + var xhr = jQuery.ajaxSettings.xhr();
> > + if (xhr.upload) {
> > + xhr.upload.addEventListener('progress',
> > function(event) {
> > + var percent = 0;
> > + var position = event.loaded || event.position;
> > /*event.position is deprecated*/
> > + var total = event.total;
> > + if (event.lengthComputable) {
> > + percent = Math.ceil(position / total * 100);
> > + }
> > + options.uploadProgress(event, position, total,
> > percent);
> > + }, false);
> > + }
> > + return xhr;
> > + };
> > + }
> > +
> > + s.data = null;
> > + var beforeSend = s.beforeSend;
> > + s.beforeSend = function(xhr, o) {
> > + o.data = formdata;
> > + if(beforeSend)
> > + beforeSend.call(this, xhr, o);
> > + };
> > + return $.ajax(s);
> > + }
> > +
> > + // private function for handling file uploads (hat tip to YAHOO!)
> > + function fileUploadIframe(a) {
> > + var form = $form[0], el, i, s, g, id, $io, io, xhr, sub, n,
> > timedOut, timeoutHandle;
> > + var deferred = $.Deferred();
> > +
> > + if (a) {
> > + // ensure that every serialized input is still enabled
> > + for (i=0; i < elements.length; i++) {
> > + el = $(elements[i]);
> > + if ( hasProp )
> > + el.prop('disabled', false);
> > + else
> > + el.removeAttr('disabled');
> > + }
> > + }
> > +
> > + s = $.extend(true, {}, $.ajaxSettings, options);
> > + s.context = s.context || s;
> > + id = 'jqFormIO' + (new Date().getTime());
> > + if (s.iframeTarget) {
> > + $io = $(s.iframeTarget);
> > + n = $io.attr2('name');
> > + if (!n)
> > + $io.attr2('name', id);
> > + else
> > + id = n;
> > + }
> > + else {
> > + $io = $('<iframe name="' + id + '" src="'+ s.iframeSrc +'"
> > />');
> > + $io.css({ position: 'absolute', top: '-1000px', left:
> > '-1000px' });
> > + }
> > + io = $io[0];
> > +
> > +
> > + xhr = { // mock object
> > + aborted: 0,
> > + responseText: null,
> > + responseXML: null,
> > + status: 0,
> > + statusText: 'n/a',
> > + getAllResponseHeaders: function() {},
> > + getResponseHeader: function() {},
> > + setRequestHeader: function() {},
> > + abort: function(status) {
> > + var e = (status === 'timeout' ? 'timeout' : 'aborted');
> > + log('aborting upload... ' + e);
> > + this.aborted = 1;
> > +
> > + try { // #214, #257
> > + if (io.contentWindow.document.execCommand) {
> > + io.contentWindow.document.execCommand('Stop');
> > + }
> > + }
> > + catch(ignore) {}
> > +
> > + $io.attr('src', s.iframeSrc); // abort op in progress
> > + xhr.error = e;
> > + if (s.error)
> > + s.error.call(s.context, xhr, e, status);
> > + if (g)
> > + $.event.trigger("ajaxError", [xhr, s, e]);
> > + if (s.complete)
> > + s.complete.call(s.context, xhr, e);
> > + }
> > + };
> > +
> > + g = s.global;
> > + // trigger ajax global events so that activity/block indicators
> > work like normal
> > + if (g && 0 === $.active++) {
> > + $.event.trigger("ajaxStart");
> > + }
> > + if (g) {
> > + $.event.trigger("ajaxSend", [xhr, s]);
> > + }
> > +
> > + if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) ===
> > false) {
> > + if (s.global) {
> > + $.active--;
> > + }
> > + deferred.reject();
> > + return deferred;
> > + }
> > + if (xhr.aborted) {
> > + deferred.reject();
> > + return deferred;
> > + }
> > +
> > + // add submitting element to data if we know it
> > + sub = form.clk;
> > + if (sub) {
> > + n = sub.name;
> > + if (n && !sub.disabled) {
> > + s.extraData = s.extraData || {};
> > + s.extraData[n] = sub.value;
> > + if (sub.type == "image") {
> > + s.extraData[n+'.x'] = form.clk_x;
> > + s.extraData[n+'.y'] = form.clk_y;
> > + }
> > + }
> > + }
> > +
> > + var CLIENT_TIMEOUT_ABORT = 1;
> > + var SERVER_ABORT = 2;
> > +
> > + function getDoc(frame) {
> > + /* it looks like contentWindow or contentDocument do not
> > + * carry the protocol property in ie8, when running under
> ssl
> > + * frame.document is the only valid response document, since
> > + * the protocol is know but not on the other two objects.
> > strange?
> > + * "Same origin policy"
> > http://en.wikipedia.org/wiki/Same_origin_policy
> > + */
> > +
> > + var doc = null;
> > +
> > + // IE8 cascading access check
> > + try {
> > + if (frame.contentWindow) {
> > + doc = frame.contentWindow.document;
> > + }
> > + } catch(err) {
> > + // IE8 access denied under ssl & missing protocol
> > + log('cannot get iframe.contentWindow document: ' + err);
> > + }
> > +
> > + if (doc) { // successful getting content
> > + return doc;
> > + }
> > +
> > + try { // simply checking may throw in ie8 under ssl or
> > mismatched protocol
> > + doc = frame.contentDocument ? frame.contentDocument :
> > frame.document;
> > + } catch(err) {
> > + // last attempt
> > + log('cannot get iframe.contentDocument: ' + err);
> > + doc = frame.document;
> > + }
> > + return doc;
> > + }
> > +
> > + // Rails CSRF hack (thanks to Yvan Barthelemy)
> > + var csrf_token = $('meta[name=csrf-token]').attr('content');
> > + var csrf_param = $('meta[name=csrf-param]').attr('content');
> > + if (csrf_param && csrf_token) {
> > + s.extraData = s.extraData || {};
> > + s.extraData[csrf_param] = csrf_token;
> > + }
> > +
> > + // take a breath so that pending repaints get some cpu time
> > before the upload starts
> > + function doSubmit() {
> > + // make sure form attrs are set
> > + var t = $form.attr2('target'), a = $form.attr2('action');
> > +
> > + // update form attrs in IE friendly way
> > + form.setAttribute('target',id);
> > + if (!method) {
> > + form.setAttribute('method', 'POST');
> > + }
> > + if (a != s.url) {
> > + form.setAttribute('action', s.url);
> > + }
> > +
> > + // ie borks in some cases when setting encoding
> > + if (! s.skipEncodingOverride && (!method ||
> > /post/i.test(method))) {
> > + $form.attr({
> > + encoding: 'multipart/form-data',
> > + enctype: 'multipart/form-data'
> > + });
> > + }
> > +
> > + // support timout
> > + if (s.timeout) {
> > + timeoutHandle = setTimeout(function() { timedOut = true;
> > cb(CLIENT_TIMEOUT_ABORT); }, s.timeout);
> > + }
> > +
> > + // look for server aborts
> > + function checkState() {
> > + try {
> > + var state = getDoc(io).readyState;
> > + log('state = ' + state);
> > + if (state && state.toLowerCase() == 'uninitialized')
> > + setTimeout(checkState,50);
> > + }
> > + catch(e) {
> > + log('Server abort: ' , e, ' (', e.name, ')');
> > + cb(SERVER_ABORT);
> > + if (timeoutHandle)
> > + clearTimeout(timeoutHandle);
> > + timeoutHandle = undefined;
> > + }
> > + }
> > +
> > + // add "extra" data to form if provided in options
> > + var extraInputs = [];
> > + try {
> > + if (s.extraData) {
> > + for (var n in s.extraData) {
> > + if (s.extraData.hasOwnProperty(n)) {
> > + // if using the $.param format that allows
> for
> > multiple values with the same name
> > + if($.isPlainObject(s.extraData[n]) &&
> > s.extraData[n].hasOwnProperty('name') &&
> > s.extraData[n].hasOwnProperty('value')) {
> > + extraInputs.push(
> > + $('<input type="hidden"
> > name="'+s.extraData[n].name+'">').val(s.extraData[n].value)
> > + .appendTo(form)[0]);
> > + } else {
> > + extraInputs.push(
> > + $('<input type="hidden"
> > name="'+n+'">').val(s.extraData[n])
> > + .appendTo(form)[0]);
> > + }
> > + }
> > + }
> > + }
> > +
> > + if (!s.iframeTarget) {
> > + // add iframe to doc and submit the form
> > + $io.appendTo('body');
> > + if (io.attachEvent)
> > + io.attachEvent('onload', cb);
> > + else
> > + io.addEventListener('load', cb, false);
> > + }
> > + setTimeout(checkState,15);
> > +
> > + try {
> > + form.submit();
> > + } catch(err) {
> > + // just in case form has element with name/id of
> > 'submit'
> > + var submitFn =
> document.createElement('form').submit;
> > + submitFn.apply(form);
> > + }
> > + }
> > + finally {
> > + // reset attrs and remove "extra" input elements
> > + form.setAttribute('action',a);
> > + if(t) {
> > + form.setAttribute('target', t);
> > + } else {
> > + $form.removeAttr('target');
> > + }
> > + $(extraInputs).remove();
> > + }
> > + }
> > +
> > + if (s.forceSync) {
> > + doSubmit();
> > + }
> > + else {
> > + setTimeout(doSubmit, 10); // this lets dom updates render
> > + }
> > +
> > + var data, doc, domCheckCount = 50, callbackProcessed;
> > +
> > + function cb(e) {
> > + if (xhr.aborted || callbackProcessed) {
> > + return;
> > + }
> > +
> > + doc = getDoc(io);
> > + if(!doc) {
> > + log('cannot access response document');
> > + e = SERVER_ABORT;
> > + }
> > + if (e === CLIENT_TIMEOUT_ABORT && xhr) {
> > + xhr.abort('timeout');
> > + deferred.reject(xhr, 'timeout');
> > + return;
> > + }
> > + else if (e == SERVER_ABORT && xhr) {
> > + xhr.abort('server abort');
> > + deferred.reject(xhr, 'error', 'server abort');
> > + return;
> > + }
> > +
> > + if (!doc || doc.location.href == s.iframeSrc) {
> > + // response not received yet
> > + if (!timedOut)
> > + return;
> > + }
> > + if (io.detachEvent)
> > + io.detachEvent('onload', cb);
> > + else
> > + io.removeEventListener('load', cb, false);
> > +
> > + var status = 'success', errMsg;
> > + try {
> > + if (timedOut) {
> > + throw 'timeout';
> > + }
> > +
> > + var isXml = s.dataType == 'xml' || doc.XMLDocument ||
> > $.isXMLDoc(doc);
> > + log('isXml='+isXml);
> > + if (!isXml && window.opera && (doc.body === null ||
> > !doc.body.innerHTML)) {
> > + if (--domCheckCount) {
> > + // in some browsers (Opera) the iframe DOM is
> not
> > always traversable when
> > + // the onload callback fires, so we loop a bit
> to
> > accommodate
> > + log('requeing onLoad callback, DOM not
> > available');
> > + setTimeout(cb, 250);
> > + return;
> > + }
> > + // let this fall through because server response
> > could be an empty document
> > + //log('Could not access iframe DOM after mutiple
> > tries.');
> > + //throw 'DOMException: not available';
> > + }
> > +
> > + //log('response detected');
> > + var docRoot = doc.body ? doc.body : doc.documentElement;
> > + xhr.responseText = docRoot ? docRoot.innerHTML : null;
> > + xhr.responseXML = doc.XMLDocument ? doc.XMLDocument :
> doc;
> > + if (isXml)
> > + s.dataType = 'xml';
> > + xhr.getResponseHeader = function(header){
> > + var headers = {'content-type': s.dataType};
> > + return headers[header];
> > + };
> > + // support for XHR 'status' & 'statusText' emulation :
> > + if (docRoot) {
> > + xhr.status = Number( docRoot.getAttribute('status')
> )
> > || xhr.status;
> > + xhr.statusText = docRoot.getAttribute('statusText')
> > || xhr.statusText;
> > + }
> > +
> > + var dt = (s.dataType || '').toLowerCase();
> > + var scr = /(json|script|text)/.test(dt);
> > + if (scr || s.textarea) {
> > + // see if user embedded response in textarea
> > + var ta = doc.getElementsByTagName('textarea')[0];
> > + if (ta) {
> > + xhr.responseText = ta.value;
> > + // support for XHR 'status' & 'statusText'
> > emulation :
> > + xhr.status = Number( ta.getAttribute('status') )
> > || xhr.status;
> > + xhr.statusText = ta.getAttribute('statusText')
> ||
> > xhr.statusText;
> > + }
> > + else if (scr) {
> > + // account for browsers injecting pre around
> json
> > response
> > + var pre = doc.getElementsByTagName('pre')[0];
> > + var b = doc.getElementsByTagName('body')[0];
> > + if (pre) {
> > + xhr.responseText = pre.textContent ?
> > pre.textContent : pre.innerText;
> > + }
> > + else if (b) {
> > + xhr.responseText = b.textContent ?
> > b.textContent : b.innerText;
> > + }
> > + }
> > + }
> > + else if (dt == 'xml' && !xhr.responseXML &&
> > xhr.responseText) {
> > + xhr.responseXML = toXml(xhr.responseText);
> > + }
> > +
> > + try {
> > + data = httpData(xhr, dt, s);
> > + }
> > + catch (err) {
> > + status = 'parsererror';
> > + xhr.error = errMsg = (err || status);
> > + }
> > + }
> > + catch (err) {
> > + log('error caught: ',err);
> > + status = 'error';
> > + xhr.error = errMsg = (err || status);
> > + }
> > +
> > + if (xhr.aborted) {
> > + log('upload aborted');
> > + status = null;
> > + }
> > +
> > + if (xhr.status) { // we've set xhr.status
> > + status = (xhr.status >= 200 && xhr.status < 300 ||
> > xhr.status === 304) ? 'success' : 'error';
> > + }
> > +
> > + // ordering of these callbacks/triggers is odd, but that's
> > how $.ajax does it
> > + if (status === 'success') {
> > + if (s.success)
> > + s.success.call(s.context, data, 'success', xhr);
> > + deferred.resolve(xhr.responseText, 'success', xhr);
> > + if (g)
> > + $.event.trigger("ajaxSuccess", [xhr, s]);
> > + }
> > + else if (status) {
> > + if (errMsg === undefined)
> > + errMsg = xhr.statusText;
> > + if (s.error)
> > + s.error.call(s.context, xhr, status, errMsg);
> > + deferred.reject(xhr, 'error', errMsg);
> > + if (g)
> > + $.event.trigger("ajaxError", [xhr, s, errMsg]);
> > + }
> > +
> > + if (g)
> > + $.event.trigger("ajaxComplete", [xhr, s]);
> > +
> > + if (g && ! --$.active) {
> > + $.event.trigger("ajaxStop");
> > + }
> > +
> > + if (s.complete)
> > + s.complete.call(s.context, xhr, status);
> > +
> > + callbackProcessed = true;
> > + if (s.timeout)
> > + clearTimeout(timeoutHandle);
> > +
> > + // clean up
> > + setTimeout(function() {
> > + if (!s.iframeTarget)
> > + $io.remove();
> > + xhr.responseXML = null;
> > + }, 100);
> > + }
> > +
> > + var toXml = $.parseXML || function(s, doc) { // use parseXML if
> > available (jQuery 1.5+)
> > + if (window.ActiveXObject) {
> > + doc = new ActiveXObject('Microsoft.XMLDOM');
> > + doc.async = 'false';
> > + doc.loadXML(s);
> > + }
> > + else {
> > + doc = (new DOMParser()).parseFromString(s, 'text/xml');
> > + }
> > + return (doc && doc.documentElement &&
> > doc.documentElement.nodeName != 'parsererror') ? doc : null;
> > + };
> > + var parseJSON = $.parseJSON || function(s) {
> > + /*jslint evil:true */
> > + return window['eval']('(' + s + ')');
> > + };
> > +
> > + var httpData = function( xhr, type, s ) { // mostly lifted from
> > jq1.4.4
> > +
> > + var ct = xhr.getResponseHeader('content-type') || '',
> > + xml = type === 'xml' || !type && ct.indexOf('xml') >= 0,
> > + data = xml ? xhr.responseXML : xhr.responseText;
> > +
> > + if (xml && data.documentElement.nodeName === 'parsererror')
> {
> > + if ($.error)
> > + $.error('parsererror');
> > + }
> > + if (s && s.dataFilter) {
> > + data = s.dataFilter(data, type);
> > + }
> > + if (typeof data === 'string') {
> > + if (type === 'json' || !type && ct.indexOf('json') >=
> 0) {
> > + data = parseJSON(data);
> > + } else if (type === "script" || !type &&
> > ct.indexOf("javascript") >= 0) {
> > + $.globalEval(data);
> > + }
> > + }
> > + return data;
> > + };
> > +
> > + return deferred;
> > + }
> > +};
> > +
> > +/**
> > + * ajaxForm() provides a mechanism for fully automating form submission.
> > + *
> > + * The advantages of using this method instead of ajaxSubmit() are:
> > + *
> > + * 1: This method will include coordinates for <input type="image" />
> > elements (if the element
> > + * is used to submit the form).
> > + * 2. This method will include the submit element's name/value data (for
> > the element that was
> > + * used to submit the form).
> > + * 3. This method binds the submit() method to the form for you.
> > + *
> > + * The options argument for ajaxForm works exactly as it does for
> > ajaxSubmit. ajaxForm merely
> > + * passes the options argument along after properly binding events for
> > submit elements and
> > + * the form itself.
> > + */
> > +$.fn.ajaxForm = function(options) {
> > + options = options || {};
> > + options.delegation = options.delegation && $.isFunction($.fn.on);
> > +
> > + // in jQuery 1.3+ we can fix mistakes with the ready state
> > + if (!options.delegation && this.length === 0) {
> > + var o = { s: this.selector, c: this.context };
> > + if (!$.isReady && o.s) {
> > + log('DOM not ready, queuing ajaxForm');
> > + $(function() {
> > + $(o.s,o.c).ajaxForm(options);
> > + });
> > + return this;
> > + }
> > + // is your DOM ready?
> > http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
> > + log('terminating; zero elements found by selector' + ($.isReady
> ?
> > '' : ' (DOM not ready)'));
> > + return this;
> > + }
> > +
> > + if ( options.delegation ) {
> > + $(document)
> > + .off('submit.form-plugin', this.selector, doAjaxSubmit)
> > + .off('click.form-plugin', this.selector,
> > captureSubmittingElement)
> > + .on('submit.form-plugin', this.selector, options,
> > doAjaxSubmit)
> > + .on('click.form-plugin', this.selector, options,
> > captureSubmittingElement);
> > + return this;
> > + }
> > +
> > + return this.ajaxFormUnbind()
> > + .bind('submit.form-plugin', options, doAjaxSubmit)
> > + .bind('click.form-plugin', options, captureSubmittingElement);
> > +};
> > +
> > +// private event handlers
> > +function doAjaxSubmit(e) {
> > + /*jshint validthis:true */
> > + var options = e.data;
> > + if (!e.isDefaultPrevented()) { // if event has been canceled, don't
> > proceed
> > + e.preventDefault();
> > + $(this).ajaxSubmit(options);
> > + }
> > +}
> > +
> > +function captureSubmittingElement(e) {
> > + /*jshint validthis:true */
> > + var target = e.target;
> > + var $el = $(target);
> > + if (!($el.is("[type=submit],[type=image]"))) {
> > + // is this a child element of the submit el? (ex: a span within
> > a button)
> > + var t = $el.closest('[type=submit]');
> > + if (t.length === 0) {
> > + return;
> > + }
> > + target = t[0];
> > + }
> > + var form = this;
> > + form.clk = target;
> > + if (target.type == 'image') {
> > + if (e.offsetX !== undefined) {
> > + form.clk_x = e.offsetX;
> > + form.clk_y = e.offsetY;
> > + } else if (typeof $.fn.offset == 'function') {
> > + var offset = $el.offset();
> > + form.clk_x = e.pageX - offset.left;
> > + form.clk_y = e.pageY - offset.top;
> > + } else {
> > + form.clk_x = e.pageX - target.offsetLeft;
> > + form.clk_y = e.pageY - target.offsetTop;
> > + }
> > + }
> > + // clear form vars
> > + setTimeout(function() { form.clk = form.clk_x = form.clk_y = null;
> },
> > 100);
> > +}
> > +
> > +
> > +// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
> > +$.fn.ajaxFormUnbind = function() {
> > + return this.unbind('submit.form-plugin click.form-plugin');
> > +};
> > +
> > +/**
> > + * formToArray() gathers form element data into an array of objects that
> > can
> > + * be passed to any of the following ajax functions: $.get, $.post, or
> > load.
> > + * Each object in the array has both a 'name' and 'value' property. An
> > example of
> > + * an array for a simple login form might be:
> > + *
> > + * [ { name: 'username', value: 'jresig' }, { name: 'password', value:
> > 'secret' } ]
> > + *
> > + * It is this array that is passed to pre-submit callback functions
> > provided to the
> > + * ajaxSubmit() and ajaxForm() methods.
> > + */
> > +$.fn.formToArray = function(semantic, elements) {
> > + var a = [];
> > + if (this.length === 0) {
> > + return a;
> > + }
> > +
> > + var form = this[0];
> > + var els = semantic ? form.getElementsByTagName('*') : form.elements;
> > + if (!els) {
> > + return a;
> > + }
> > +
> > + var i,j,n,v,el,max,jmax;
> > + for(i=0, max=els.length; i < max; i++) {
> > + el = els[i];
> > + n = el.name;
> > + if (!n || el.disabled) {
> > + continue;
> > + }
> > +
> > + if (semantic && form.clk && el.type == "image") {
> > + // handle image inputs on the fly when semantic == true
> > + if(form.clk == el) {
> > + a.push({name: n, value: $(el).val(), type: el.type });
> > + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
> > value: form.clk_y});
> > + }
> > + continue;
> > + }
> > +
> > + v = $.fieldValue(el, true);
> > + if (v && v.constructor == Array) {
> > + if (elements)
> > + elements.push(el);
> > + for(j=0, jmax=v.length; j < jmax; j++) {
> > + a.push({name: n, value: v[j]});
> > + }
> > + }
> > + else if (feature.fileapi && el.type == 'file') {
> > + if (elements)
> > + elements.push(el);
> > + var files = el.files;
> > + if (files.length) {
> > + for (j=0; j < files.length; j++) {
> > + a.push({name: n, value: files[j], type: el.type});
> > + }
> > + }
> > + else {
> > + // #180
> > + a.push({ name: n, value: '', type: el.type });
> > + }
> > + }
> > + else if (v !== null && typeof v != 'undefined') {
> > + if (elements)
> > + elements.push(el);
> > + a.push({name: n, value: v, type: el.type, required:
> > el.required});
> > + }
> > + }
> > +
> > + if (!semantic && form.clk) {
> > + // input type=='image' are not found in elements array! handle
> it
> > here
> > + var $input = $(form.clk), input = $input[0];
> > + n = input.name;
> > + if (n && !input.disabled && input.type == 'image') {
> > + a.push({name: n, value: $input.val()});
> > + a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y',
> > value: form.clk_y});
> > + }
> > + }
> > + return a;
> > +};
> > +
> > +/**
> > + * Serializes form data into a 'submittable' string. This method will
> > return a string
> > + * in the format: name1=value1&name2=value2
> > + */
> > +$.fn.formSerialize = function(semantic) {
> > + //hand off to jQuery.param for proper encoding
> > + return $.param(this.formToArray(semantic));
> > +};
> > +
> > +/**
> > + * Serializes all field elements in the jQuery object into a query
> string.
> > + * This method will return a string in the format:
> > name1=value1&name2=value2
> > + */
> > +$.fn.fieldSerialize = function(successful) {
> > + var a = [];
> > + this.each(function() {
> > + var n = this.name;
> > + if (!n) {
> > + return;
> > + }
> > + var v = $.fieldValue(this, successful);
> > + if (v && v.constructor == Array) {
> > + for (var i=0,max=v.length; i < max; i++) {
> > + a.push({name: n, value: v[i]});
> > + }
> > + }
> > + else if (v !== null && typeof v != 'undefined') {
> > + a.push({name: this.name, value: v});
> > + }
> > + });
> > + //hand off to jQuery.param for proper encoding
> > + return $.param(a);
> > +};
> > +
> > +/**
> > + * Returns the value(s) of the element in the matched set. For example,
> > consider the following form:
> > + *
> > + * <form><fieldset>
> > + * <input name="A" type="text" />
> > + * <input name="A" type="text" />
> > + * <input name="B" type="checkbox" value="B1" />
> > + * <input name="B" type="checkbox" value="B2"/>
> > + * <input name="C" type="radio" value="C1" />
> > + * <input name="C" type="radio" value="C2" />
> > + * </fieldset></form>
> > + *
> > + * var v = $('input[type=text]').fieldValue();
> > + * // if no values are entered into the text inputs
> > + * v == ['','']
> > + * // if values entered into the text inputs are 'foo' and 'bar'
> > + * v == ['foo','bar']
> > + *
> > + * var v = $('input[type=checkbox]').fieldValue();
> > + * // if neither checkbox is checked
> > + * v === undefined
> > + * // if both checkboxes are checked
> > + * v == ['B1', 'B2']
> > + *
> > + * var v = $('input[type=radio]').fieldValue();
> > + * // if neither radio is checked
> > + * v === undefined
> > + * // if first radio is checked
> > + * v == ['C1']
> > + *
> > + * The successful argument controls whether or not the field element
> must
> > be 'successful'
> > + * (per
> > http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
> > + * The default value of the successful argument is true. If this value
> > is false the value(s)
> > + * for each element is returned.
> > + *
> > + * Note: This method *always* returns an array. If no valid value can
> be
> > determined the
> > + * array will be empty, otherwise it will contain one or more values.
> > + */
> > +$.fn.fieldValue = function(successful) {
> > + for (var val=[], i=0, max=this.length; i < max; i++) {
> > + var el = this[i];
> > + var v = $.fieldValue(el, successful);
> > + if (v === null || typeof v == 'undefined' || (v.constructor ==
> > Array && !v.length)) {
> > + continue;
> > + }
> > + if (v.constructor == Array)
> > + $.merge(val, v);
> > + else
> > + val.push(v);
> > + }
> > + return val;
> > +};
> > +
> > +/**
> > + * Returns the value of the field element.
> > + */
> > +$.fieldValue = function(el, successful) {
> > + var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
> > + if (successful === undefined) {
> > + successful = true;
> > + }
> > +
> > + if (successful && (!n || el.disabled || t == 'reset' || t ==
> 'button'
> > ||
> > + (t == 'checkbox' || t == 'radio') && !el.checked ||
> > + (t == 'submit' || t == 'image') && el.form && el.form.clk != el
> ||
> > + tag == 'select' && el.selectedIndex == -1)) {
> > + return null;
> > + }
> > +
> > + if (tag == 'select') {
> > + var index = el.selectedIndex;
> > + if (index < 0) {
> > + return null;
> > + }
> > + var a = [], ops = el.options;
> > + var one = (t == 'select-one');
> > + var max = (one ? index+1 : ops.length);
> > + for(var i=(one ? index : 0); i < max; i++) {
> > + var op = ops[i];
> > + if (op.selected) {
> > + var v = op.value;
> > + if (!v) { // extra pain for IE...
> > + v = (op.attributes && op.attributes['value'] &&
> > !(op.attributes['value'].specified)) ? op.text : op.value;
> > + }
> > + if (one) {
> > + return v;
> > + }
> > + a.push(v);
> > + }
> > + }
> > + return a;
> > + }
> > + return $(el).val();
> > +};
> > +
> > +/**
> > + * Clears the form data. Takes the following actions on the form's
> input
> > fields:
> > + * - input text fields will have their 'value' property set to the
> empty
> > string
> > + * - select elements will have their 'selectedIndex' property set to -1
> > + * - checkbox and radio inputs will have their 'checked' property set
> to
> > false
> > + * - inputs of type submit, button, reset, and hidden will *not* be
> > effected
> > + * - button elements will *not* be effected
> > + */
> > +$.fn.clearForm = function(includeHidden) {
> > + return this.each(function() {
> > + $('input,select,textarea', this).clearFields(includeHidden);
> > + });
> > +};
> > +
> > +/**
> > + * Clears the selected form elements.
> > + */
> > +$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
> > + var re =
> >
> /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i;
> > // 'hidden' is not in this list
> > + return this.each(function() {
> > + var t = this.type, tag = this.tagName.toLowerCase();
> > + if (re.test(t) || tag == 'textarea') {
> > + this.value = '';
> > + }
> > + else if (t == 'checkbox' || t == 'radio') {
> > + this.checked = false;
> > + }
> > + else if (tag == 'select') {
> > + this.selectedIndex = -1;
> > + }
> > + else if (t == "file") {
> > + if (/MSIE/.test(navigator.userAgent)) {
> > + $(this).replaceWith($(this).clone(true));
> > + } else {
> > + $(this).val('');
> > + }
> > + }
> > + else if (includeHidden) {
> > + // includeHidden can be the value true, or it can be a
> > selector string
> > + // indicating a special test; for example:
> > + // $('#myForm').clearForm('.special:hidden')
> > + // the above would clean hidden inputs that have the class
> of
> > 'special'
> > + if ( (includeHidden === true && /hidden/.test(t)) ||
> > + (typeof includeHidden == 'string' &&
> > $(this).is(includeHidden)) )
> > + this.value = '';
> > + }
> > + });
> > +};
> > +
> > +/**
> > + * Resets the form data. Causes all form elements to be reset to their
> > original value.
> > + */
> > +$.fn.resetForm = function() {
> > + return this.each(function() {
> > + // guard against an input with the name of 'reset'
> > + // note that IE reports the reset function as an 'object'
> > + if (typeof this.reset == 'function' || (typeof this.reset ==
> > 'object' && !this.reset.nodeType)) {
> > + this.reset();
> > + }
> > + });
> > +};
> > +
> > +/**
> > + * Enables or disables any matching elements.
> > + */
> > +$.fn.enable = function(b) {
> > + if (b === undefined) {
> > + b = true;
> > + }
> > + return this.each(function() {
> > + this.disabled = !b;
> > + });
> > +};
> > +
> > +/**
> > + * Checks/unchecks any matching checkboxes or radio buttons and
> > + * selects/deselects and matching option elements.
> > + */
> > +$.fn.selected = function(select) {
> > + if (select === undefined) {
> > + select = true;
> > + }
> > + return this.each(function() {
> > + var t = this.type;
> > + if (t == 'checkbox' || t == 'radio') {
> > + this.checked = select;
> > + }
> > + else if (this.tagName.toLowerCase() == 'option') {
> > + var $sel = $(this).parent('select');
> > + if (select && $sel[0] && $sel[0].type == 'select-one') {
> > + // deselect all other options
> > + $sel.find('option').selected(false);
> > + }
> > + this.selected = select;
> > + }
> > + });
> > +};
> > +
> > +// expose debug var
> > +$.fn.ajaxSubmit.debug = false;
> > +
> > +// helper fn for console logging
> > +function log() {
> > + if (!$.fn.ajaxSubmit.debug)
> > + return;
> > + var msg = '[jquery.form] ' +
> Array.prototype.join.call(arguments,'');
> > + if (window.console && window.console.log) {
> > + window.console.log(msg);
> > + }
> > + else if (window.opera && window.opera.postError) {
> > + window.opera.postError(msg);
> > + }
> > +}
> > +
> > +})(jQuery);
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/couchdb/blob/241acd2a/src/fauxton/package.json
> > ----------------------------------------------------------------------
> > diff --git a/src/fauxton/package.json b/src/fauxton/package.json
> > index 2a09f69..5b63675 100644
> > --- a/src/fauxton/package.json
> > +++ b/src/fauxton/package.json
> > @@ -23,7 +23,7 @@
> > "url": "~0.7.9",
> > "urls": "~0.0.3",
> > "express": "~3.0.6",
> > - "http-proxy": "~0.9.1"
> > + "http-proxy": "~0.10.2"
> > },
> > "devDependencies": {},
> > "scripts": {
> >
> >
>
--
NS