Changeset 10208

Timestamp:

10/07/2015 05:23:13 PM (9 years ago)

Author:

imath

Message:

Avatar UI, Cover Image UI: Introduce a "client side hook"

When the avatar is uploaded or deleted and when the Cover Image is uploaded or deleted, the corresponding Attachment Backbone.Model will trigger an event containing the url, the object type (group or user) and the item id of the object.

Fixes #6647

Location:

trunk/src/bp-core/js

Files:

• avatar.js (modified) (3 diffs)
• cover-image.js (modified) (3 diffs)

trunk/src/bp-core/js/avatar.js

@@ -34 +34 @@
             // Avatars are uploaded files
             this.avatars = bp.Uploader.filesUploaded;
+
+            // The Avatar Attachment object.
+            this.Attachment = new Backbone.Model();
 
             // Wait till the queue is reset
@@ -257 +260 @@
                 bp.Avatar.navItems.get( 'delete' ).set( { hide: 0 } );
 
+                /**
+                 * Set the Attachment object
+                 *
+                 * You can run extra actions once the avatar is set using:
+                 * bp.Avatar.Attachment.on( 'change:url', function( data ) { your code } );
+                 *
+                 * In this case data.attributes will include the url to the newly
+                 * uploaded avatar, the object and the item_id concerned.
+                 */
+                self.Attachment.set( _.extend(
+                    _.pick( avatar.attributes, ['object', 'item_id'] ),
+                    { url: response.avatar, action: 'uploaded' }
+                ) );
+
             } ).fail( function( response ) {
                 var feedback = BP_Uploader.strings.default_error;
@@ -330 +347 @@
                 } );
 
-                 // Remove the Delete nav
-                 bp.Avatar.navItems.get( 'delete' ).set( { active: 0, hide: 1 } );
+                // Remove the Delete nav
+                bp.Avatar.navItems.get( 'delete' ).set( { active: 0, hide: 1 } );
+
+                /**
+                 * Reset the Attachment object
+                 *
+                 * You can run extra actions once the avatar is set using:
+                 * bp.Avatar.Attachment.on( 'change:url', function( data ) { your code } );
+                 *
+                 * In this case data.attributes will include the url to the gravatar,
+                 * the object and the item_id concerned.
+                 */
+                self.Attachment.set( _.extend(
+                    _.pick( model.attributes, ['object', 'item_id'] ),
+                    { url: response.avatar, action: 'deleted' }
+                ) );
 
             } ).fail( function( response ) {

trunk/src/bp-core/js/cover-image.js

@@ -20 +20 @@
             this.views   = new Backbone.Collection();
             this.warning = null;
+
+            // The Cover Image Attachment object.
+            this.Attachment = new Backbone.Model();
 
             // Set up views
@@ -126 +129 @@
                 BP_Uploader.settings.defaults.multipart_params.bp_params.has_cover_image = false;
 
+                /**
+                 * Reset the Attachment object
+                 *
+                 * You can run extra actions once the cover image is set using:
+                 * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
+                 *
+                 * In this case data.attributes will include the default url for the
+                 * cover image (most of the time: ''), the object and the item_id concerned.
+                 */
+                self.Attachment.set( _.extend(
+                    _.pick( model.attributes, ['object', 'item_id'] ),
+                    { url: response.reset_url, action: 'deleted' }
+                ) );
+
             } ).fail( function( response ) {
                 var feedback = BP_Uploader.strings.default_error;
@@ -204 +221 @@
                 // Add the delete view
                 bp.CoverImage.deleteView();
+
+                /**
+                 * Set the Attachment object
+                 *
+                 * You can run extra actions once the cover image is set using:
+                 * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
+                 *
+                 * In this case data.attributes will include the url to the newly
+                 * uploaded cover image, the object and the item_id concerned.
+                 */
+                bp.CoverImage.Attachment.set( _.extend(
+                    _.pick( BP_Uploader.settings.defaults.multipart_params.bp_params, ['object', 'item_id'] ),
+                    { url: model.get( 'url' ), action: 'uploaded' }
+                ) );
             }
         }