FEATURE: Allow a user to upload an image for their expansion background.

This commit is contained in:
Robin Ward 2014-10-16 15:05:36 -04:00
parent bde0820cd4
commit 4d465362b5
11 changed files with 112 additions and 9 deletions

View File

@ -97,15 +97,25 @@
</div>
{{#if allowBackgrounds}}
<div class="control-group pref-profile-bg">
<label class="control-label">{{i18n user.change_profile_background.title}}</label>
<div class="controls">
{{image-uploader uploadUrl=imageUploadUrl
imageUrl=profile_background
instantDelete="true"
type="profile_background"}}
<div class="control-group pref-profile-bg">
<label class="control-label">{{i18n user.change_profile_background.title}}</label>
<div class="controls">
{{image-uploader uploadUrl=imageUploadUrl
imageUrl=profile_background
instantDelete="true"
type="profile_background"}}
</div>
</div>
<div class="control-group pref-profile-bg">
<label class="control-label">{{i18n user.change_expansion_background.title}}</label>
<div class="controls">
{{image-uploader uploadUrl=imageUploadUrl
imageUrl=expansion_background
instantDelete="true"
type="expansion_background"}}
</div>
</div>
</div>
{{/if}}
{{#if allowUserLocale}}

View File

@ -7,6 +7,21 @@ var clickOutsideEventName = "mousedown.outside-user-expansion",
export default Discourse.View.extend(CleansUp, {
elementId: 'user-expansion',
classNameBindings: ['controller.visible::hidden', 'controller.showBadges'],
allowBackgrounds: Discourse.computed.setting('allow_profile_backgrounds'),
addBackground: function() {
var url = this.get('controller.user.expansion_background');
if (!this.get('allowBackgrounds')) { return; }
var $this = this.$();
if (!$this) { return; }
if (Ember.empty(url)) {
$this.css('background-image', '');
} else {
$this.css('background-image', "url(" + url + ")");
}
}.observes('controller.user.expansion_background'),
_setup: function() {
var self = this;

View File

@ -11,6 +11,9 @@
padding: 12px 12px 5px 12px;
border: 1px solid scale-color-diff();
background-size: cover;
background-position: center center;
.avatar-placeholder {
width: 120px;
height: 120px;

View File

@ -461,6 +461,8 @@ class UsersController < ApplicationController
upload_avatar_for(user, upload)
when "profile_background"
upload_profile_background_for(user.user_profile, upload)
when "expansion_background"
upload_expansion_background_for(user.user_profile, upload)
end
else
render status: 422, text: upload.errors.full_messages
@ -490,6 +492,8 @@ class UsersController < ApplicationController
image_type = params.require(:image_type)
if image_type == 'profile_background'
user.user_profile.clear_profile_background
elsif image_type == 'expansion_background'
user.user_profile.clear_expansion_background
else
raise Discourse::InvalidParameters.new(:image_type)
end
@ -547,8 +551,11 @@ class UsersController < ApplicationController
def upload_profile_background_for(user_profile, upload)
user_profile.upload_profile_background(upload)
# TODO: add a resize job here
render json: { url: upload.url, width: upload.width, height: upload.height }
end
def upload_expansion_background_for(user_profile, upload)
user_profile.upload_expansion_background(upload)
render json: { url: upload.url, width: upload.width, height: upload.height }
end

View File

@ -8,6 +8,7 @@ module Jobs
ignore_urls = []
ignore_urls << UserProfile.uniq.where("profile_background IS NOT NULL AND profile_background != ''").pluck(:profile_background)
ignore_urls << UserProfile.uniq.where("expansion_background IS NOT NULL AND expansion_background != ''").pluck(:expansion_background)
ignore_urls << Category.uniq.where("logo_url IS NOT NULL AND logo_url != ''").pluck(:logo_url)
ignore_urls << Category.uniq.where("background_url IS NOT NULL AND background_url != ''").pluck(:background_url)
ignore_urls.flatten!

View File

@ -29,6 +29,16 @@ class UserProfile < ActiveRecord::Base
cook
end
def upload_expansion_background(upload)
self.expansion_background = upload.url
self.save!
end
def clear_expansion_background
self.expansion_background = ""
self.save!
end
def upload_profile_background(upload)
self.profile_background = upload.url
self.save!
@ -96,6 +106,7 @@ end
# bio_cooked :text
# dismissed_banner_key :integer
# profile_background :string(255)
# expansion_background :string(255)
# bio_cooked_version :integer
#
# Indexes

View File

@ -27,6 +27,7 @@ class UserSerializer < BasicUserSerializer
:created_at,
:website,
:profile_background,
:expansion_background,
:location,
:can_edit,
:can_edit_username,
@ -117,6 +118,14 @@ class UserSerializer < BasicUserSerializer
profile_background.present?
end
def expansion_background
object.user_profile.expansion_background
end
def include_expansion_background?
expansion_background.present?
end
def location
object.user_profile.location
end

View File

@ -369,6 +369,9 @@ en:
change_profile_background:
title: "Profile Background"
change_expansion_background:
title: "User Expansion Background"
email:
title: "Email"
instructions: "Never shown to the public."

View File

@ -0,0 +1,5 @@
class AddExpansionBackgroundToUserProfiles < ActiveRecord::Migration
def change
add_column :user_profiles, :expansion_background, :string, limit: 255
end
end

View File

@ -1156,6 +1156,21 @@ describe UsersController do
json['height'].should == 200
end
it 'is successful for expansion backgrounds' do
upload = Fabricate(:upload)
Upload.expects(:create_for).returns(upload)
xhr :post, :upload_user_image, username: user.username, file: user_image, image_type: "expansion_background"
user.reload
user.user_profile.expansion_background.should == "/uploads/default/1/1234567890123456.png"
# returns the url, width and height of the uploaded image
json = JSON.parse(response.body)
json['url'].should == "/uploads/default/1/1234567890123456.png"
json['width'].should == 100
json['height'].should == 200
end
end
describe "with url" do
@ -1204,6 +1219,20 @@ describe UsersController do
json['width'].should == 100
json['height'].should == 200
end
it 'is successful for expansion backgrounds' do
upload = Fabricate(:upload)
Upload.expects(:create_for).returns(upload)
xhr :post, :upload_user_image, username: user.username, file: user_image_url, image_type: "expansion_background"
user.reload
user.user_profile.expansion_background.should == "/uploads/default/1/1234567890123456.png"
# returns the url, width and height of the uploaded image
json = JSON.parse(response.body)
json['url'].should == "/uploads/default/1/1234567890123456.png"
json['width'].should == 100
json['height'].should == 200
end
end
it "should handle malformed urls" do

View File

@ -32,6 +32,16 @@ describe UserSerializer do
end
end
context "with filled out expansion background" do
before do
user.user_profile.expansion_background = 'http://expansion.com'
end
it "has a profile background" do
expect(json[:expansion_background]).to eq 'http://expansion.com'
end
end
context "with filled out profile background" do
before do
user.user_profile.profile_background = 'http://background.com'