Changeset 25 for trunk/grails-app/taglib/nl/tno/metagenomics/UploadTagLib.groovy

Timestamp:

Mar 31, 2011, 12:07:02 PM (11 years ago)

Author:

robert@…

Message:

Implemented uploadify as upload tool

File:

• trunk/grails-app/taglib/nl/tno/metagenomics/UploadTagLib.groovy (modified) (2 diffs)

trunk/grails-app/taglib/nl/tno/metagenomics/UploadTagLib.groovy

@@ -15 +15 @@
         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 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 << '  $(document).ready( function() { ';
+                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 << '      $("#' + 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="multipleFiles"></ul>';
+                        out << '<ul class="files"></ul>';
                 } else {
                         out << '<input type="hidden" name="' + attrs.name + '" id="' + attrs.name + '" value="' + attrs.value + '">';
@@ -40 +42 @@
 
                 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>';
+//      }
 
         /**