@@ -0,0 +1,355 @@
/*
* JBoss, Home of Professional Open Source
* Copyright ${year}, Red Hat, Inc. and individual contributors
* by the @authors tag. See the copyright.txt in the distribution for a
* full listing of individual contributors.
*
* This is free software; you can redistribute it and/or modify it
* under the terms of the GNU Lesser General Public License as
* published by the Free Software Foundation; either version 2.1 of
* the License, or (at your option) any later version.
*
* This software is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public
* License along with this software; if not, write to the Free
* Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
* 02110-1301 USA, or see the FSF site: http://www.fsf.org.
*/
( function ( richfaces , jQuery ) {
richfaces . ui = richfaces . ui || { } ;
richfaces . ui . FileUpload = function ( id , options ) {
this . id = id ;
this . items = [ ] ;
this . submitedItems = [ ] ;
jQuery . extend ( this , options ) ;
if ( this . acceptedTypes ) {
this . acceptedTypes = jQuery . trim ( this . acceptedTypes ) . toUpperCase ( ) . split ( / \s * , \s * / ) ;
}
if ( this . maxFilesQuantity ) {
this . maxFilesQuantity = parseInt ( jQuery . trim ( this . maxFilesQuantity ) ) ;
}
this . element = jQuery ( this . attachToDom ( ) ) ;
this . form = this . element . parents ( "form:first" ) ;
var header = this . element . children ( ".rf-fu-hdr:first" ) ;
var leftButtons = header . children ( ".rf-fu-btns-lft:first" ) ;
this . addButton = leftButtons . children ( ".rf-fu-btn-add:first" ) ;
this . uploadButton = this . addButton . next ( ) ;
this . clearButton = leftButtons . next ( ) . children ( ".rf-fu-btn-clr:first" ) ;
this . inputContainer = this . addButton . find ( ".rf-fu-inp-cntr:first" ) ;
this . input = this . inputContainer . children ( "input" ) ;
this . list = header . next ( ) ;
this . hiddenContainer = this . list . next ( ) ;
this . iframe = this . hiddenContainer . children ( "iframe:first" ) ;
this . progressBarElement = this . iframe . next ( ) ;
this . progressBar = richfaces . $ ( this . progressBarElement ) ;
this . cleanInput = this . input . clone ( ) ;
this . addProxy = jQuery . proxy ( this . __addItem , this ) ;
this . input . change ( this . addProxy ) ;
this . addButton . mousedown ( pressButton ) . mouseup ( unpressButton ) . mouseout ( unpressButton ) ;
this . uploadButton . click ( jQuery . proxy ( this . __startUpload , this ) ) . mousedown ( pressButton )
. mouseup ( unpressButton ) . mouseout ( unpressButton ) ;
this . clearButton . click ( jQuery . proxy ( this . __removeAllItems , this ) ) . mousedown ( pressButton )
. mouseup ( unpressButton ) . mouseout ( unpressButton ) ;
this . iframe . load ( jQuery . proxy ( this . __load , this ) ) ;
if ( this . onfilesubmit ) {
richfaces . Event . bind ( this . element , "onfilesubmit" , new Function ( "event" , this . onfilesubmit ) ) ;
}
if ( this . ontyperejected ) {
richfaces . Event . bind ( this . element , "ontyperejected" , new Function ( "event" , this . ontyperejected ) ) ;
}
if ( this . onuploadcomplete ) {
richfaces . Event . bind ( this . element , "onuploadcomplete" , new Function ( "event" , this . onuploadcomplete ) ) ;
}
if ( this . onclear ) {
richfaces . Event . bind ( this . element , "onclear" , new Function ( "event" , this . onclear ) ) ;
}
if ( this . onfileselect ) {
richfaces . Event . bind ( this . element , "onfileselect" , new Function ( "event" , this . onfileselect ) ) ;
}
}
var UID = "rf_fu_uid" ;
var UID_ALT = "rf_fu_uid_alt" ;
var FAKE_PATH = "C:\\fakepath\\" ;
var ITEM_HTML = '<div class="rf-fu-itm">'
+ '<span class="rf-fu-itm-lft"><span class="rf-fu-itm-lbl"/><span class="rf-fu-itm-st"/></span>'
+ '<span class="rf-fu-itm-rgh"><a href="javascript:void(0)" class="rf-fu-itm-lnk"/></span></div>' ;
var ITEM_STATE = {
NEW : "new" ,
UPLOADING : "uploading" ,
DONE : "done" ,
SIZE_EXCEEDED : "sizeExceeded" ,
STOPPED : "stopped" ,
SERVER_ERROR : "serverError"
} ;
var pressButton = function ( event ) {
jQuery ( this ) . children ( ":first" ) . css ( "background-position" , "3px 3px" ) . css ( "padding" , "4px 4px 2px 22px" ) ;
} ;
var unpressButton = function ( event ) {
jQuery ( this ) . children ( ":first" ) . css ( "background-position" , "2px 2px" ) . css ( "padding" , "3px 5px 3px 21px" ) ;
} ;
richfaces . BaseComponent . extend ( richfaces . ui . FileUpload ) ;
$ . extend ( richfaces . ui . FileUpload . prototype , ( function ( ) {
return {
name : "FileUpload" ,
doneLabel : "Done" ,
sizeExceededLabel : "File size is exceeded" ,
stoppedLabel : "" ,
serverErrorLabel : "Server error" ,
clearLabel : "Clear" ,
deleteLabel : "Delete" ,
__addItem : function ( ) {
var fileName = this . input . val ( ) ;
if ( ! navigator . platform . indexOf ( "Win" ) ) {
fileName = fileName . match ( / [ ^ \\ ] * $ / ) [ 0 ] ;
} else {
if ( ! fileName . indexOf ( FAKE_PATH ) ) {
fileName = fileName . substr ( FAKE_PATH . length ) ;
} else {
fileName = fileName . match ( / [ ^ \/ ] * $ / ) [ 0 ] ;
}
}
if ( this . __accept ( fileName ) && ( ! this . noDuplicate || ! this . __isFileAlreadyAdded ( fileName ) ) ) {
this . input . hide ( ) ;
this . input . unbind ( "change" , this . addProxy ) ;
var item = new Item ( this , fileName ) ;
this . list . append ( item . getJQuery ( ) ) ;
this . items . push ( item ) ;
this . input = this . cleanInput . clone ( ) ;
this . inputContainer . append ( this . input ) ;
this . input . change ( this . addProxy ) ;
this . __updateButtons ( ) ;
richfaces . Event . fire ( this . element , "onfileselect" , fileName ) ;
if ( this . immediateUpload ) {
this . __startUpload ( ) ;
}
}
} ,
__removeItem : function ( item ) {
this . items . splice ( jQuery . inArray ( item , this . items ) , 1 ) ;
this . submitedItems . splice ( jQuery . inArray ( item , this . submitedItems ) , 1 ) ;
this . __updateButtons ( ) ;
richfaces . Event . fire ( this . element , "onclear" , [ item . model ] ) ;
} ,
__removeAllItems : function ( item ) {
var itemsRemoved = [ ] ;
for ( var i in this . submitedItems ) {
itemsRemoved . push ( this . submitedItems [ i ] . model ) ;
}
for ( var i in this . items ) {
itemsRemoved . push ( this . items [ i ] . model ) ;
}
this . list . empty ( ) ;
this . items . splice ( 0 , this . items . length ) ;
this . submitedItems . splice ( 0 , this . submitedItems . length ) ;
this . __updateButtons ( ) ;
richfaces . Event . fire ( this . element , "onclear" , itemsRemoved ) ;
} ,
__updateButtons : function ( ) {
if ( ! this . loadableItem && this . list . children ( ".rf-fu-itm" ) . size ( ) ) {
if ( this . items . length ) {
this . uploadButton . css ( "display" , "inline-block" ) ;
} else {
this . uploadButton . hide ( ) ;
}
this . clearButton . css ( "display" , "inline-block" ) ;
} else {
this . uploadButton . hide ( ) ;
this . clearButton . hide ( ) ;
}
if ( this . maxFilesQuantity && this . __getTotalItemCount ( ) >= this . maxFilesQuantity ) {
this . addButton . hide ( ) ;
} else {
this . addButton . css ( "display" , "inline-block" ) ;
}
} ,
__startUpload : function ( ) {
this . loadableItem = this . items . shift ( ) ;
this . __updateButtons ( ) ;
this . loadableItem . startUploading ( ) ;
} ,
__submit : function ( ) {
var encodedURLInputs = this . form . children ( "input[name='javax.faces.encodedURL']" ) ;
var originalAction = encodedURLInputs . length > 0 ? encodedURLInputs . val ( ) : this . form . attr ( "action" ) ;
var originalEncoding = this . form . attr ( "encoding" ) ;
var originalEnctype = this . form . attr ( "enctype" ) ;
try {
var delimiter = originalAction . indexOf ( "?" ) == - 1 ? "?" : "&" ;
this . form . attr ( "action" , originalAction + delimiter + UID + "=" + this . loadableItem . uid ) ;
this . form . attr ( "encoding" , "multipart/form-data" ) ;
this . form . attr ( "enctype" , "multipart/form-data" ) ;
richfaces . submitForm ( this . form , { "org.richfaces.ajax.component" : this . id } , this . id ) ;
richfaces . Event . fire ( this . element , "onfilesubmit" , this . loadableItem . model ) ;
} finally {
this . form . attr ( "action" , originalAction ) ;
this . form . attr ( "encoding" , originalEncoding ) ;
this . form . attr ( "enctype" , originalEnctype ) ;
this . loadableItem . input . removeAttr ( "name" ) ;
}
} ,
__load : function ( event ) {
if ( this . loadableItem ) {
var contentDocument = event . target . contentWindow . document ;
contentDocument = contentDocument . XMLDocument || contentDocument ;
var documentElement = contentDocument . documentElement ;
var responseStatus , id ;
if ( documentElement . tagName . toUpperCase ( ) == "PARTIAL-RESPONSE" ) {
var errors = jQuery ( documentElement ) . children ( "error" ) ;
responseStatus = errors . length > 0 ? ITEM_STATE . SERVER_ERROR : ITEM_STATE . DONE ;
} else if ( ( id = documentElement . id ) && id . indexOf ( UID + this . loadableItem . uid + ":" ) == 0 ) {
responseStatus = id . split ( ":" ) [ 1 ] ;
}
if ( responseStatus ) {
var responseContext = {
source : this . element [ 0 ] ,
element : this . element [ 0 ] ,
/* hack for MyFaces */
_mfInternal : {
_mfSourceControlId : this . element . attr ( 'id' )
}
} ;
responseStatus == ITEM_STATE . DONE && jsf . ajax . response ( { responseXML : contentDocument } , responseContext ) ;
this . loadableItem . finishUploading ( responseStatus ) ;
this . submitedItems . push ( this . loadableItem ) ;
if ( responseStatus == ITEM_STATE . DONE && this . items . length ) {
this . __startUpload ( ) ;
} else {
this . loadableItem = null ;
this . __updateButtons ( ) ;
var items = [ ] ;
for ( var i in this . submitedItems ) {
items . push ( this . submitedItems [ i ] . model ) ;
}
for ( var i in this . items ) {
items . push ( this . items [ i ] . model ) ;
}
richfaces . Event . fire ( this . element , "onuploadcomplete" , items ) ;
}
}
}
} ,
__accept : function ( fileName ) {
fileName = fileName . toUpperCase ( ) ;
var result = ! this . acceptedTypes ;
for ( var i = 0 ; ! result && i < this . acceptedTypes . length ; i ++ ) {
var extension = this . acceptedTypes [ i ] ;
result = fileName . indexOf ( extension , fileName . length - extension . length ) !== - 1 ;
}
if ( ! result ) {
richfaces . Event . fire ( this . element , "ontyperejected" , fileName ) ;
}
return result ;
} ,
__isFileAlreadyAdded : function ( fileName ) {
var result = false ;
for ( var i = 0 ; ! result && i < this . items . length ; i ++ ) {
result = this . items [ i ] . model . name == fileName ;
}
result = result || ( this . loadableItem && this . loadableItem . model . name == fileName ) ;
for ( var i = 0 ; ! result && i < this . submitedItems . length ; i ++ ) {
result = this . submitedItems [ i ] . model . name == fileName ;
}
return result ;
} ,
__getTotalItemCount : function ( ) {
return this . __getItemCountByState ( this . items , ITEM_STATE . NEW )
+ this . __getItemCountByState ( this . submitedItems , ITEM_STATE . DONE )
} ,
__getItemCountByState : function ( items ) {
var statuses = { }
var s = 0 ;
for ( var i = 1 ; i < arguments . length ; i ++ ) {
statuses [ arguments [ i ] ] = true ;
}
for ( var i = 0 ; i < items . length ; i ++ ) {
if ( statuses [ items [ i ] . model . state ] ) {
s ++ ;
}
}
return s ;
}
} ;
} ) ( ) ) ;
var Item = function ( fileUpload , fileName ) {
this . fileUpload = fileUpload ;
this . input = fileUpload . input ;
this . model = { name : fileName , state : ITEM_STATE . NEW } ;
} ;
jQuery . extend ( Item . prototype , {
getJQuery : function ( ) {
this . element = jQuery ( ITEM_HTML ) ;
var leftArea = this . element . children ( ".rf-fu-itm-lft:first" ) ;
this . label = leftArea . children ( ".rf-fu-itm-lbl:first" ) ;
this . state = this . label . nextAll ( ".rf-fu-itm-st:first" ) ;
this . link = leftArea . next ( ) . children ( "a" ) ;
this . label . html ( this . model . name ) ;
this . link . html ( this . fileUpload [ "deleteLabel" ] ) ;
this . link . click ( jQuery . proxy ( this . removeOrStop , this ) ) ;
return this . element ;
} ,
removeOrStop : function ( ) {
this . input . remove ( ) ;
this . element . remove ( ) ;
this . fileUpload . __removeItem ( this ) ;
} ,
startUploading : function ( ) {
this . state . css ( "display" , "block" ) ;
this . link . html ( "" ) ;
this . input . attr ( "name" , this . fileUpload . id ) ;
this . model . state = ITEM_STATE . UPLOADING ;
this . uid = Math . random ( ) ;
this . fileUpload . __submit ( ) ;
if ( this . fileUpload . progressBar ) {
this . fileUpload . progressBar . setValue ( 0 ) ;
this . state . html ( this . fileUpload . progressBarElement . detach ( ) ) ;
var params = { } ;
params [ UID_ALT ] = this . uid ;
this . fileUpload . progressBar . enable ( params ) ;
}
} ,
finishUploading : function ( state ) {
if ( this . fileUpload . progressBar ) {
this . fileUpload . progressBar . disable ( ) ;
this . fileUpload . hiddenContainer . append ( this . fileUpload . progressBarElement . detach ( ) ) ;
}
this . input . remove ( ) ;
this . state . html ( this . fileUpload [ state + "Label" ] ) ;
this . link . html ( this . fileUpload [ "clearLabel" ] ) ;
this . model . state = state ;
}
} ) ;
} ( window . RichFaces , jQuery ) ) ;
simone83 revised this gist
lfryc created this gist