Changeset 507 for trunk/web-app


Ignore:
Timestamp:
Jun 1, 2010, 2:45:21 PM (11 years ago)
Author:
roberth
Message:

Implemented file upload template fields

Location:
trunk/web-app
Files:
3 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/wizard.css

    r501 r507  
    336336    border: 1px solid red;
    337337}
     338
     339.wizard .upload_button {
     340    display: inline; border: 1px solid #006dba; padding: 4px 8px; cursor: pointer; line-height: 26px;
     341}
     342
     343.wizard .upload_info {
     344    display: inline; color: #006dba;
     345    margin-left: 5px;
     346}
     347.wizard .upload_info .error {
     348    color: red;
     349}
     350}
  • trunk/web-app/js/wizard.js

    r502 r507  
    308308    });
    309309}
     310
     311// Create a file upload field
     312function fileUploadField(field_id) {
     313        /* example 2 */
     314        new AjaxUpload('#upload_button_' + field_id, {
     315                //action: 'upload.php',
     316                action: baseUrl + '/file/upload', // I disabled uploads in this example for security reaaons
     317                data : {},
     318                name : field_id,
     319                autoSubmit: true,
     320                onChange : function(file, ext){
     321                    oldFile = $('#' + field_id).val();
     322                    if( oldFile != '' ) {
     323                        if( !confirm( 'The old file is deleted when uploading a new file. Do you want to continue?') ) {
     324                            return false;
     325                        }
     326                    }
     327
     328                    this.setData({
     329                            'field':   field_id,
     330                            'oldFile': oldFile
     331                    });
     332
     333                    // Give feedback to the user
     334                    $('#' + field_id + 'Example').html('Uploading ' + createFileHTML( file ));
     335
     336
     337                },
     338                onComplete : function(file, response){
     339                    if( response == "" ) {
     340                        $('#' + field_id).val( '' );
     341                        $('#' + field_id + 'Example').html('<span class="error">Error uploading ' + createFileHTML( file ) + '</span>' );
     342                    } else {
     343                        $('#' + field_id).val( response );
     344                        $('#' + field_id + 'Example').html('Uploaded ' + createFileHTML( file ) );
     345                    }
     346                }
     347        });
     348}
     349
     350function createFileHTML( filename ) {
     351    return '<a target="_blank" href="' + baseUrl + '/file/get/' + filename + '">' + filename + '</a>';
     352}
Note: See TracChangeset for help on using the changeset viewer.