source: trunk/grails-app/taglib/nl/tno/metagenomics/UploadTagLib.groovy @ 25

package nl.tno.metagenomics


class UploadTagLib {
        /**
         * Shows a file input field
         * 
         * Depends on jQuery and ajax upload scripts
         * 
         * @attr name           Name of the upload field
         * @attr value          Current filename in this field
         * @attr onUpload       Javascript callback to be executed after uploading a file.
         * 
         */
        def fileUpload = { attrs ->
                def multiple = attrs.multiple ?: false;
                out << '<div class="uploadContainer" id="uploadcontainer_' + attrs.name + '">'
                out << '<div class="files">'
                out << '<div id="' + attrs.name + 'Example" class="upload_info"></div>';
                out << '<a id="' + attrs.name + 'DeleteExisting" class="upload_del" href="#" onClick="if( confirm( \'Are you sure to delete this file?\' ) ) { deleteFileExisting( \'' + attrs.name + '\' ); } return false;"><img src="' + resource( dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam' ) + '"></a>';
                out << '<a id="' + attrs.name + 'DeleteUploaded" class="upload_del" href="#" onClick="if( confirm( \'Are you sure to delete this file?\' ) ) { deleteFileUploaded( \'' + attrs.name + '\' ); } return false;"><img src="' + resource( dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam' ) + '"></a>';
                out << '</div>'
                out << '<input type="file" name="ajaxupload_' + attrs.name + '" id="upload_field_' + attrs.name + '" />'
                out << '<script type="text/javascript">';
                out << '  $(function() { ';
                out << '    var filename = "' + ( attrs.value ?: '' ) + '";';
                out << '    fileUploadField( "' + attrs.name + '", ' + ( multiple ? 'true' : 'false' ) + ( attrs.onUpload ? ', function(params) { ' + attrs.onUpload + '(params); }' : '' ) + ( attrs.onDelete ? ', function(params) { ' + attrs.onDelete + '(params); }' : '' ) + ');';
                out << '    if( filename != "" ) {';
                out << '      $("#' + attrs.name + 'DeleteExisting").show();';
                out << '      $("#' + attrs.name + 'Example").html("Current file: " + createFileHTML( filename ) );';
                out << '      $("#uploadcontainer_' + attrs.name + ' .files").show();';
                out << '    }';
                out << '  } );';
                out << "</script>\n";

                // Show a custom list when uploading multiple files
                if( multiple ) {
                        out << '<ul class="files"></ul>';
                } else {
                        out << '<input type="hidden" name="' + attrs.name + '" id="' + attrs.name + '" value="' + attrs.value + '">';
                }

                out << '</div>';
                
        }
        
//      def fileUpload = { attrs ->
//              def multiple = attrs.multiple ?: false;
//              
//              out << '<div id="upload_field_container_' + attrs.name + '"  class="upload_field_container upload_field_container_' + ( multiple ? 'multiple' : 'single' ) + '">';
//              out << '<div id="upload_field_' + attrs.name + '"  class="upload_field"></div>';
//              out << '<div id="' + attrs.name + 'Example" class="upload_info"></div>';
//              out << '<a id="' + attrs.name + 'DeleteExisting" class="upload_del" href="#" onClick="if( confirm( \'Are you sure to delete this file?\' ) ) { deleteFileExisting( \'' + attrs.name + '\' ); } return false;"><img src="' + resource( dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam' ) + '"></a>';
//              out << '<a id="' + attrs.name + 'DeleteUploaded" class="upload_del" href="#" onClick="if( confirm( \'Are you sure to delete this file?\' ) ) { deleteFileUploaded( \'' + attrs.name + '\' ); } return false;"><img src="' + resource( dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam' ) + '"></a>';
//              out << '<script type="text/javascript">';
//              out << '  $(document).ready( function() { ';
//              out << '    var filename = "' + ( attrs.value ?: '' ) + '";';
//              out << '    fileUploadField( "' + attrs.name + '", ' + ( multiple ? 'true' : 'false' ) + ( attrs.onUpload ? ', function(params) { ' + attrs.onUpload + '(params); }' : '' ) + ( attrs.onDelete ? ', function(params) { ' + attrs.onDelete + '(params); }' : '' ) + ');';
//              out << '    if( filename != "" ) {';
//              out << '      $("#' + attrs.name + 'DeleteExisting").show();';
//              out << '      $("#' + attrs.name + 'Example").html("Current file: " + createFileHTML( filename ) )';
//              out << '    }';
//              out << '  } );';
//              out << "</script>\n";
//              
//              // Show a custom list when uploading multiple files
//              if( multiple ) {
//                      out << '<ul class="multipleFiles"></ul>';
//              } else {
//                      out << '<input type="hidden" name="' + attrs.name + '" id="' + attrs.name + '" value="' + attrs.value + '">';
//              }
//
//              out << '</div>';
//      }

        /**
         * Shows the contents of a file upload field
         *
         * Depends on jQuery and ajax upload scripts
         *
         * @attr value          Current filename in this field
         */
        def uploadedFile = { attrs ->
                if( attrs.value != null )
                        out << '<span class="uploadedFile">' + attrs.value + '</span>'
        }
}