Refresh avatar display after uploading

ember/app/components/user/avatar-editor.js

@@ -9,12 +9,15 @@ export default Ember.Component.extend({
   classNames: ['avatar-editor', 'dropdown'],
   classNameBindings: ['loading'],
 
-  click: function(e) {
-    if (! this.get('user.avatarUrl')) {
-      e.preventDefault();
-      e.stopPropagation();
-      this.send('upload');
-    }
+  didInsertElement: function() {
+    var component = this;
+    this.$('.dropdown-toggle').click(function(e) {
+      if (! component.get('user.avatarUrl')) {
+        e.preventDefault();
+        e.stopPropagation();
+        component.send('upload');
+      }
+    });
   },
 
   actions: {
@@ -37,9 +40,18 @@ export default Ember.Component.extend({
           processData: false,
           complete: function() {
             component.set('loading', false);
+          },
+          success: function(data) {
+            Ember.run.next(function() {
+              component.get('store').pushPayload(data);
+            });
           }
         });
       });
+    },
+
+    remove: function() {
+      this.get('store').push('user', {id: this.get('user.id'), avatarUrl: null});
     }
   }
 });

ember/app/helpers/user-avatar.js

@@ -18,5 +18,5 @@ export default Ember.Handlebars.makeBoundHelper(function(user, options) {
   }
 
   return new Ember.Handlebars.SafeString('<span '+attributes+'>'+content+'</span>');
-});
+}, 'avatarUrl', 'username', 'color');
 

ember/app/initializers/inject-components.js

@@ -6,5 +6,6 @@ export default {
     application.inject('component', 'composer', 'controller:composer')
     application.inject('model', 'session', 'simple-auth-session:main')
     application.inject('component', 'session', 'simple-auth-session:main')
+    application.inject('component', 'store', 'store:main')
   }
 };

src/Api/Actions/Users/UploadAvatarAction.php

@@ -2,6 +2,7 @@
 
 use Flarum\Api\Actions\BaseAction;
 use Flarum\Core\Commands\UploadAvatarCommand;
+use Flarum\Api\Serializers\UserSerializer;
 use Illuminate\Http\Request;
 
 class UploadAvatarAction extends BaseAction
@@ -11,11 +12,14 @@ class UploadAvatarAction extends BaseAction
         $userId = array_get($routeParams, 'id');
         $file = $request->file('avatar');
 
-        $this->dispatch(
+        $user = $this->dispatch(
             new UploadAvatarCommand($userId, $file, $this->actor->getUser()),
             $routeParams
         );
 
-        return $this->respondWithoutContent(201);
+        $serializer = new UserSerializer;
+        $document = $this->document()->setData($serializer->resource($user));
+
+        return $this->respondWithDocument($document);
     }
 }

src/Core/Models/User.php

@@ -226,6 +226,16 @@ class User extends Model
         return $this;
     }
 
+    /**
+     * Get the URL of the user's avatar.
+     *
+     * @return string
+     */
+    public function getAvatarUrlAttribute()
+    {
+        return $this->avatar_path ? asset('avatars/'.$this->avatar_path) : null;
+    }
+
     /**
      * Check if a given password matches the user's password.
      *