Skip to:
Content

BuddyPress.org

Changeset 13100


Ignore:
Timestamp:
09/01/2021 07:00:37 PM (3 years ago)
Author:
imath
Message:

Media: improve Cover Image UI feedbacks when an image is uploaded

Instead of only informing the uploaded image is smaller than the recommended size, the UI will now also inform the image has been successfully uploaded in such a case.

Props mandro

Fixes #8563

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-core/js/cover-image.js

    r12856 r13100  
    194194
    195195        uploadResult: function( model ) {
    196             var message, type;
     196            var feedbackCode, feedbackViews = [];
    197197
    198198            if ( ! _.isUndefined( model.get( 'url' ) ) ) {
     199                feedbackCode = model.get( 'feedback_code' );
    199200
    200201                // Image is too small.
    201                 if ( 0 === model.get( 'feedback_code' ) ) {
    202                     message = BP_Uploader.strings.cover_image_warnings.dimensions;
    203                     type    = 'warning';
     202                if ( 0 === feedbackCode ) {
     203                    feedbackCode = 1;
     204                    feedbackViews.push(
     205                        new bp.Views.CoverImageStatus( {
     206                            value : BP_Uploader.strings.cover_image_warnings.dimensions,
     207                            type  : 'warning'
     208                        } )
     209                    );
     210                }
     211
     212                feedbackViews.unshift(
     213                    new bp.Views.CoverImageStatus( {
     214                        value : BP_Uploader.strings.feedback_messages[ feedbackCode ],
     215                        type  : 'success'
     216                    } )
     217                );
    204218
    205219                // Success, Rock n roll!
    206                 } else {
    207                     message = BP_Uploader.strings.feedback_messages[ model.get( 'feedback_code' ) ];
    208                     type = 'success';
    209                 }
    210 
    211                 this.views.set( '.bp-uploader-progress', new bp.Views.CoverImageStatus( {
    212                     value : message,
    213                     type  : type
    214                 } ) );
     220                this.views.set( '.bp-uploader-progress', feedbackViews );
    215221
    216222                // Update the header of the page.
Note: See TracChangeset for help on using the changeset viewer.