986 lines
30 KiB
JavaScript
986 lines
30 KiB
JavaScript
(function (context, $) {
|
|
|
|
"use strict";
|
|
|
|
context.JK = context.JK || {};
|
|
context.JK.ProfileScreen = function (app) {
|
|
var logger = context.JK.logger;
|
|
var userId;
|
|
var user = null;
|
|
var userDefer = null;
|
|
var rest = context.JK.Rest();
|
|
var decrementedFriendCountOnce = false;
|
|
var sentFriendRequest = false;
|
|
var textMessageDialog = null;
|
|
var feed = null;
|
|
var profileUtils = context.JK.ProfileUtils;
|
|
|
|
var NOT_SPECIFIED_TEXT = 'Not specified';
|
|
|
|
var $screen = $('#user-profile');
|
|
|
|
// musical experience
|
|
var $instruments = $screen.find('#instruments');
|
|
var $musicianStatus = $screen.find('#musician-status');
|
|
var $genres = $screen.find('#genres');
|
|
var $concertCount = $screen.find('#concert-count');
|
|
var $studioCount = $screen.find('#studio-count');
|
|
|
|
// performance samples
|
|
var $noSamples = $screen.find('no-samples');
|
|
|
|
// online presence
|
|
var $noOnlinePresence = $screen.find('no-online-presence');
|
|
|
|
// current interests
|
|
var $noInterests = $screen.find('#no-interests');
|
|
var $paidGigSection = $screen.find('#paid-gigs');
|
|
var $paidGigDetails = $screen.find('#paid-gig-details');
|
|
|
|
var $freeGigSection = $screen.find('#free-gigs');
|
|
var $freeGigDetails = $screen.find('#free-gig-details');
|
|
|
|
var $cowritingSection = $screen.find('#cowriting');
|
|
var $cowritingDetails = $screen.find('#cowriting-details');
|
|
|
|
var $traditionalBandSection = $screen.find("#traditional-band");
|
|
var $traditionalBandDetails = $screen.find('#traditional-band-details');
|
|
|
|
var $virtualBandSection = $screen.find("#virtual-band");
|
|
var $virtualBandDetails = $screen.find('#virtual-band-details');
|
|
|
|
// tabs
|
|
var $aboutLink = $screen.find('#about-link');
|
|
var $aboutContent = $screen.find('#about-content');
|
|
|
|
var $historyLink = $screen.find('#history-link');
|
|
var $historyContent = $screen.find('#history-content');
|
|
|
|
var $bandsLink = $screen.find('#bands-link');
|
|
var $bandsContent = $screen.find('#bands-content');
|
|
|
|
var $socialLink = $screen.find('#social-link');
|
|
var $socialContent = $screen.find('#social-content');
|
|
|
|
var $favoritesLink = $screen.find('#favorites-link');
|
|
var $favoritesContent = $screen.find('#favorites-content');
|
|
|
|
// stats
|
|
var $friendStats = $screen.find('#friend-stats');
|
|
var $followerStats = $screen.find('#follower-stats');
|
|
var $sessionStats = $screen.find('#session-stats');
|
|
var $recordingStats = $screen.find('#recording-stats');
|
|
var $followingStats = $screen.find('#following-stats');
|
|
var $favoriteStats = $screen.find('#favorite-stats');
|
|
|
|
// miscellaneous
|
|
var $userName = $screen.find('#username');
|
|
var $avatar = $screen.find('#avatar');
|
|
var $typeLabel = $screen.find('#type-label');
|
|
var $location = $screen.find('#location');
|
|
var $age = $screen.find('#age');
|
|
|
|
// buttons
|
|
var $btnEdit = $screen.find('#btn-edit');
|
|
var $btnAddFriend = $screen.find('#btn-add-friend');
|
|
var $btnFollowUser = $screen.find('#btn-follow-user');
|
|
var $btnMessageUser = $screen.find('#btn-message-user');
|
|
|
|
// social
|
|
var $socialLeft = $screen.find('.profile-social-left');
|
|
var $socialFriends = $screen.find('#social-friends');
|
|
var $socialFollowings = $screen.find('#social-followings');
|
|
var $socialFollowers = $screen.find('#social-followers');
|
|
|
|
var $bioTextArea = $screen.find('.user-biography');
|
|
var $showBio = $screen.find('.have-bio');
|
|
var $noBio = $screen.find('.no-bio');
|
|
var $biographyEditor = $screen.find('.update-biography');
|
|
var $submitBiographyButton = $screen.find('#btn-update-user-biography');
|
|
var $cancelBiographyButton = $screen.find('#btn-cancel-user-biography');
|
|
var $biographyText = $screen.find('#biography');
|
|
|
|
var instrument_logo_map = context.JK.getInstrumentIconMap24();
|
|
|
|
var proficiencyDescriptionMap = {
|
|
"1": "BEGINNER",
|
|
"2": "INTERMEDIATE",
|
|
"3": "EXPERT"
|
|
};
|
|
|
|
var proficiencyCssMap = {
|
|
"1": "proficiency-beginner",
|
|
"2": "proficiency-intermediate",
|
|
"3": "proficiency-expert"
|
|
};
|
|
|
|
function beforeShow(data) {
|
|
userId = data.id;
|
|
feed.setUser(userId);
|
|
}
|
|
|
|
function afterShow(data) {
|
|
initUser();
|
|
resetForm();
|
|
}
|
|
|
|
function beforeHide(data) {
|
|
feed.setUser(null);
|
|
}
|
|
|
|
function resetForm() {
|
|
$instruments.empty();
|
|
|
|
$aboutContent.show();
|
|
$historyContent.hide();
|
|
$bandsContent.hide();
|
|
$socialContent.hide();
|
|
$favoritesContent.hide();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$aboutLink.addClass('active');
|
|
}
|
|
|
|
function initUser() {
|
|
user = null;
|
|
decrementedFriendCountOnce = false;
|
|
sentFriendRequest = false;
|
|
userDefer = rest.getUserProfile({id: userId})
|
|
.done(function (response) {
|
|
user = response;
|
|
configureUserType();
|
|
renderActive();
|
|
})
|
|
.fail(function (jqXHR) {
|
|
if (jqXHR.status >= 500) {
|
|
context.JK.fetchUserNetworkOrServerFailure();
|
|
}
|
|
else if (jqXHR.status == 404) {
|
|
context.JK.entityNotFound("User");
|
|
}
|
|
else {
|
|
app.ajaxError(arguments);
|
|
}
|
|
});
|
|
}
|
|
|
|
function isMusician() {
|
|
return user.musician;
|
|
}
|
|
|
|
function isCurrentUser() {
|
|
return userId === context.JK.currentUserId;
|
|
}
|
|
|
|
function configureUserType() {
|
|
if (isMusician()) {
|
|
$historyLink.show();
|
|
$bandsLink.show();
|
|
$instruments.show();
|
|
$sessionStats.show();
|
|
$recordingStats.show();
|
|
// $followingStats.hide();
|
|
// $favoriteStats.hide();
|
|
$socialLeft.show();
|
|
$typeLabel.text('musician');
|
|
$location.text('Location');
|
|
}
|
|
else {
|
|
$historyLink.hide();
|
|
$bandsLink.hide();
|
|
$instruments.hide();
|
|
$sessionStats.hide();
|
|
$recordingStats.hide();
|
|
// $followingStats.show();
|
|
// $favoriteStats.show();
|
|
$socialLeft.hide();
|
|
$typeLabel.text('fan');
|
|
$location.text('Presence');
|
|
}
|
|
|
|
if (isCurrentUser()) {
|
|
$btnEdit.show();
|
|
$btnAddFriend.hide();
|
|
$btnFollowUser.hide();
|
|
$btnMessageUser.hide();
|
|
}
|
|
else {
|
|
configureFriendFollowersControls();
|
|
|
|
$btnEdit.hide();
|
|
$btnAddFriend.show();
|
|
$btnFollowUser.show();
|
|
$btnMessageUser.show();
|
|
}
|
|
}
|
|
|
|
function configureFriendFollowersControls() {
|
|
// wire up Add Friend click
|
|
configureFriendButton();
|
|
|
|
// wire up Follow click
|
|
configureFollowingButton();
|
|
}
|
|
|
|
/****************** MAIN PORTION OF SCREEN *****************/
|
|
// events for main screen
|
|
function events() {
|
|
// wire up panel clicks -- these need to check deferred because they can't be hidden when in an invalid state
|
|
$aboutLink.click(function () {
|
|
renderTabDeferred(renderAbout)
|
|
});
|
|
|
|
$historyLink.click(function () {
|
|
renderTabDeferred(renderHistory)
|
|
});
|
|
|
|
$bandsLink.click(function () {
|
|
renderTabDeferred(renderBands)
|
|
});
|
|
|
|
$socialLink.click(function () {
|
|
renderTabDeferred(renderSocial)
|
|
});
|
|
|
|
$favoritesLink.click(function () {
|
|
renderTabDeferred(renderFavorites)
|
|
});
|
|
|
|
// this doesn't need deferred because it's only shown when valid
|
|
$btnAddFriend.click(handleFriendChange);
|
|
$btnFollowUser.click(handleFollowingChange);
|
|
$btnMessageUser.click(handleMessageMusician);
|
|
}
|
|
|
|
function handleFriendChange(evt) {
|
|
if (isFriend()) {
|
|
removeFriend(evt);
|
|
}
|
|
else {
|
|
sendFriendRequest(evt);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function handleFollowingChange(evt) {
|
|
if (isFollowing()) {
|
|
removeFollowing(false, userId);
|
|
}
|
|
else {
|
|
addFollowing();
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function handleMessageMusician(evt) {
|
|
app.layout.showDialog('text-message', { d1: userId });
|
|
return false;
|
|
}
|
|
|
|
function sendFriendRequest(evt) {
|
|
evt.stopPropagation();
|
|
setFriend(true); // TODO: you aren't a friend yet. just a request to be one really there are 3 states here.
|
|
sentFriendRequest = true;
|
|
rest.sendFriendRequest(app, userId, friendRequestCallback);
|
|
}
|
|
|
|
function removeFriend(evt) {
|
|
evt.stopPropagation();
|
|
|
|
rest.removeFriend({friend_id: userId})
|
|
.done(function () {
|
|
updateFriendCount(-1);
|
|
setFriend(false);
|
|
configureFriendButton();
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
function isFriend() {
|
|
return user.is_friend;
|
|
}
|
|
|
|
function setFriend(isFriend) {
|
|
user.is_friend = isFriend;
|
|
}
|
|
|
|
function friendRequestCallback() {
|
|
configureFriendButton();
|
|
}
|
|
|
|
function configureFriendButton() {
|
|
if (isFriend()) {
|
|
$btnAddFriend.text('DISCONNECT');
|
|
}
|
|
else {
|
|
$btnAddFriend.text('CONNECT');
|
|
}
|
|
}
|
|
|
|
function addFollowing() {
|
|
|
|
rest.addFollowing({user_id: userId})
|
|
.done(function () {
|
|
updateFollowingCount(1);
|
|
setFollowing(true);
|
|
configureFollowingButton();
|
|
context.JK.GA.trackJKSocial(context.JK.GA.Categories.jkFollow, isMusician() ? context.JK.GA.JKSocialTargets.musician : context.JK.GA.JKSocialTargets.fan);
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
function removeFollowing(isBand, id) {
|
|
rest.removeFollowing(id)
|
|
.done(function () {
|
|
if (!isBand) {
|
|
updateFollowingCount(-1);
|
|
setFollowing(false);
|
|
configureFollowingButton();
|
|
}
|
|
else {
|
|
updateBandFollowingCount(id, -1); // refresh stats
|
|
configureBandFollowingButton(false, id);
|
|
}
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
function isFollowing() {
|
|
return user.is_following;
|
|
}
|
|
|
|
function setFollowing(isFollowing) {
|
|
user.is_following = isFollowing;
|
|
}
|
|
|
|
function configureFollowingButton() {
|
|
|
|
if (isFollowing()) {
|
|
$btnFollowUser.text('UNFOLLOW');
|
|
}
|
|
else {
|
|
$btnFollowUser.text('FOLLOW');
|
|
}
|
|
}
|
|
|
|
function configureEditProfileButton() {
|
|
$btnFollowUser.click(addFollowing);
|
|
}
|
|
|
|
// refreshes the currently active tab
|
|
function renderActive() {
|
|
if ($aboutLink.hasClass('active')) {
|
|
renderAbout();
|
|
}
|
|
else if ($historyLink.hasClass('active')) {
|
|
renderHistory();
|
|
}
|
|
else if ($bandsLink.hasClass('active')) {
|
|
renderBands();
|
|
}
|
|
else if ($socialLink.hasClass('active')) {
|
|
renderSocial();
|
|
}
|
|
else if ($favoritesLink.hasClass('active')) {
|
|
renderFavorites();
|
|
}
|
|
}
|
|
|
|
function renderTabDeferred(tabRenderer) {
|
|
userDefer
|
|
.done(function () {
|
|
tabRenderer();
|
|
})
|
|
.fail(function () {
|
|
// try again
|
|
initUser();
|
|
})
|
|
}
|
|
|
|
/****************** ABOUT TAB *****************/
|
|
function renderAbout() {
|
|
$instruments.empty();
|
|
|
|
$aboutContent.show();
|
|
$historyContent.hide();
|
|
$bandsContent.hide();
|
|
$socialContent.hide();
|
|
$favoritesContent.hide();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$aboutLink.addClass('active');
|
|
|
|
bindAbout();
|
|
}
|
|
|
|
function bindAbout() {
|
|
|
|
$instruments.empty();
|
|
|
|
// name
|
|
$userName.html(user.name);
|
|
|
|
// avatar
|
|
$avatar.attr('src', context.JK.resolveAvatarUrl(user.photo_url));
|
|
|
|
// instruments
|
|
if (user.instruments) {
|
|
for (var i = 0; i < user.instruments.length; i++) {
|
|
var instrument = user.instruments[i];
|
|
var description = instrument.instrument_id;
|
|
var proficiency = instrument.proficiency_level;
|
|
var instrument_icon_url = context.JK.getInstrumentIcon256(description);
|
|
|
|
// add instrument info to layout
|
|
var template = $('#template-profile-instruments').html();
|
|
var instrumentHtml = context.JK.fillTemplate(template, {
|
|
instrument_logo_url: instrument_icon_url,
|
|
instrument_description: description,
|
|
proficiency_level: proficiencyDescriptionMap[proficiency],
|
|
proficiency_level_css: proficiencyCssMap[proficiency]
|
|
});
|
|
|
|
$instruments.append(instrumentHtml);
|
|
}
|
|
}
|
|
|
|
// status
|
|
var status = user.skill_level;
|
|
$musicianStatus.html(status ? profileUtils.skillLevelMap[status] + ' musician' : NOT_SPECIFIED_TEXT)
|
|
|
|
// genres
|
|
$genres.empty();
|
|
var profileGenres = profileUtils.profileGenreList(user.genres);
|
|
$genres.append(profileGenres);
|
|
|
|
// concert gigs
|
|
var concertGigCount = user.concert_count;
|
|
$concertCount.html(concertGigCount > 0 ? 'Has played ' + profileUtils.gigMap[concertGigCount] + ' live concert gigs' : NOT_SPECIFIED_TEXT);
|
|
|
|
// studio gigs
|
|
var studioGigCount = user.studio_session_count;
|
|
$studioCount.html(studioGigCount > 0 ? 'Has played ' + profileUtils.gigMap[studioGigCount] + ' studio session gigs' : NOT_SPECIFIED_TEXT);
|
|
|
|
// location
|
|
$location.html(user.location);
|
|
|
|
$age.html(user.age ? user.age + " years old" : "");
|
|
|
|
// stats
|
|
var text = user.friend_count > 1 || user.friend_count === 0 ? " Friends" : " Friend";
|
|
$friendStats.html('<span class="friend-count">' + user.friend_count + '</span>' + text);
|
|
|
|
text = user.follower_count > 1 || user.follower_count === 0 ? " Followers" : " Follower";
|
|
$followerStats.html('<span class="follower-count">' + user.follower_count + '</span>' + text);
|
|
|
|
// text = user.following_count > 1 || user.following_count === 0 ? " Followings" : " Following";
|
|
// $('#profile-following-stats').html('<span class="following-count">' + user.following_count + '</span>' + text);
|
|
|
|
// performance samples
|
|
var performanceSamples = user.performance_samples;
|
|
if (!performanceSamples || performanceSamples.length === 0) {
|
|
$noSamples.show();
|
|
}
|
|
else {
|
|
$noSamples.hide();
|
|
}
|
|
|
|
// online presences
|
|
var onlinePresences = user.online_presences;
|
|
if (!onlinePresences || onlinePresences.length === 0) {
|
|
$noOnlinePresence.show();
|
|
}
|
|
else {
|
|
$noOnlinePresence.hide();
|
|
}
|
|
|
|
// current interests
|
|
|
|
var noInterests = !user.paid_sessions && !user.free_sessions && !user.cowriting && !user.virtual_band && !user.traditional_band;
|
|
if (noInterests) {
|
|
$noInterests.show();
|
|
$paidGigSection.hide();
|
|
$freeGigSection.hide();
|
|
$cowritingSection.hide();
|
|
$traditionalBandSection.hide();
|
|
$virtualBandSection.hide();
|
|
}
|
|
|
|
else {
|
|
// paid sessions
|
|
if (user.paid_sessions) {
|
|
$paidGigDetails.find("ul li:nth-child(1)").append(profileUtils.paidSessionGenreList(user.genres));
|
|
|
|
var hourlyRate = user.paid_sessions_hourly_rate;
|
|
$paidGigDetails.find("ul li:nth-child(2)").append(hourlyRate ? hourlyRate : NOT_SPECIFIED_TEXT);
|
|
|
|
var dailyRate = user.paid_sessions_daily_rate;
|
|
$paidGigDetails.find("ul li:nth-child(3)").append(dailyRate ? dailyRate : NOT_SPECIFIED_TEXT);
|
|
}
|
|
else {
|
|
$paidGigSection.hide();
|
|
}
|
|
|
|
// free sessions
|
|
if (user.free_sessions) {
|
|
$paidGigDetails.find("ul li:nth-child(1)").append(profileUtils.freeSessionGenreList(user.genres));
|
|
}
|
|
else {
|
|
$freeGigSection.hide();
|
|
}
|
|
|
|
// cowriting
|
|
if (user.cowriting) {
|
|
$cowritingDetails.find("ul li:nth-child(1)").append(profileUtils.cowritingGenreList(user.genres));
|
|
|
|
var purpose = user.cowriting_purpose;
|
|
$cowritingDetails.find("ul li:nth-child(2)").append(purpose ? profileUtils.cowritingPurposeMap[purpose] : NOT_SPECIFIED_TEXT);
|
|
}
|
|
else {
|
|
$cowritingSection.hide();
|
|
}
|
|
|
|
// traditional bands
|
|
if (user.traditional_band) {
|
|
$traditionalBandDetails.find("ul li:nth-child(1)").append(profileUtils.traditionalBandGenreList(user.genres));
|
|
|
|
var commitment = user.traditional_band_commitment;
|
|
$traditionalBandDetails.find("ul li:nth-child(2)").append(commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT);
|
|
|
|
var canTour = user.traditional_band_touring;
|
|
var canTourResponse = canTour ? "Yes" : (canTour === false ? "No" : NOT_SPECIFIED_TEXT);
|
|
$traditionalBandDetails.find("ul li:nth-child(3)").append(canTourResponse);
|
|
}
|
|
else {
|
|
$traditionalBandSection.hide();
|
|
}
|
|
|
|
// virtual band
|
|
if (user.virtual_band) {
|
|
$virtualBandDetails.find("ul li:nth-child(1)").append(profileUtils.virtualBandGenreList(user.genres));
|
|
|
|
var commitment = user.virtual_band_commitment;
|
|
$virtualBandDetails.find("ul li:nth-child(2)").append(commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT);
|
|
}
|
|
else {
|
|
$virtualBandSection.hide();
|
|
}
|
|
}
|
|
|
|
if (isMusician()) {
|
|
text = user.session_count > 1 || user.session_count === 0 ? " Sessions" : " Session";
|
|
$sessionStats.html(user.session_count + text);
|
|
|
|
text = user.recording_count > 1 || user.recording_count === 0 ? " Recordings" : " Recording";
|
|
$recordingStats.html(user.recording_count + text);
|
|
} else {
|
|
text = " Following";
|
|
$followingStats.html(user.following_count + text);
|
|
text = user.favorite_count > 1 || user.favorite_count === 0 ? " Favorites" : " Favorite";
|
|
$favoriteStats.html(user.favorite_count + text);
|
|
}
|
|
|
|
renderBio();
|
|
}
|
|
|
|
/** The biography show/edit functionality */
|
|
function renderBio() {
|
|
|
|
|
|
function initializeBioVisibility() {
|
|
|
|
$showBio.hide();
|
|
$noBio.hide();
|
|
$biographyEditor.hide();
|
|
|
|
$bioTextArea.val(user.biography);
|
|
|
|
if(user.biography) {
|
|
|
|
$showBio.show();
|
|
$biographyText.text(user.biography).show();
|
|
}
|
|
else {
|
|
if(isCurrentUser()) {
|
|
$noBio.show();
|
|
}
|
|
}
|
|
}
|
|
|
|
initializeBioVisibility();
|
|
|
|
// $addBiographyButton.unbind('click').click(function() {
|
|
// $biographyEditor.val(user.biography).show();
|
|
// return false;
|
|
// });
|
|
|
|
$submitBiographyButton.unbind('click').click(function() {
|
|
var bio = $bioTextArea.val();
|
|
$bioTextArea.closest('div.field').removeClass('error');
|
|
$('.error-text', $bioTextArea.closest('div.field')).remove();
|
|
userDefer = rest.updateUser({
|
|
biography: bio
|
|
})
|
|
.done(function(response) {
|
|
user = response;
|
|
initializeBioVisibility();
|
|
})
|
|
.fail(function(jqXHR) {
|
|
if(jqXHR.status == 422) {
|
|
var errors = JSON.parse(jqXHR.responseText)
|
|
var biography = context.JK.format_errors("biography", errors);
|
|
if(biography != null) {
|
|
$bioTextArea.closest('div.field').addClass('error').end().after(biography);
|
|
}
|
|
else {
|
|
app.notifyServerError(jqXHR, "Unable to update biography")
|
|
}
|
|
}
|
|
else {
|
|
app.notifyServerError(jqXHR, "Unable to update biography")
|
|
}
|
|
})
|
|
return false;
|
|
})
|
|
|
|
$cancelBiographyButton.unbind('click').click(function() {
|
|
initializeBioVisibility();
|
|
return false;
|
|
})
|
|
}
|
|
|
|
/****************** SOCIAL TAB *****************/
|
|
function renderSocial() {
|
|
$socialFriends.empty();
|
|
$socialFollowings.empty();
|
|
$socialFollowers.empty();
|
|
|
|
$aboutContent.hide();
|
|
$historyContent.hide();
|
|
$bandsContent.hide();
|
|
$socialContent.show();
|
|
$favoritesContent.hide();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$socialLink.addClass('active');
|
|
|
|
bindSocial();
|
|
}
|
|
|
|
function bindSocial() {
|
|
if (isMusician()) {
|
|
// FRIENDS
|
|
rest.getFriends({id: userId})
|
|
.done(function (response) {
|
|
if (response && response.length > 0) {
|
|
$.each(response, function (index, val) {
|
|
var template = $('#template-profile-social').html();
|
|
var friendHtml = context.JK.fillTemplate(template, {
|
|
userId: val.id,
|
|
hoverAttributeId: "user-id",
|
|
hoverAction: val.musician ? "musician" : "fan",
|
|
avatar_url: context.JK.resolveAvatarUrl(val.photo_url),
|
|
userName: val.name,
|
|
location: val.location,
|
|
type: "Friends"
|
|
});
|
|
|
|
$socialFriends.append(friendHtml);
|
|
});
|
|
}
|
|
else {
|
|
$socialFriends.html(' ');
|
|
}
|
|
context.JK.bindHoverEvents();
|
|
})
|
|
.fail(app.ajaxError)
|
|
}
|
|
|
|
rest.getFollowings({id: userId})
|
|
.done(function (response) {
|
|
if (response && response.length > 0) {
|
|
$.each(response, function (index, val) {
|
|
var template = $('#template-profile-social').html();
|
|
var followingHtml = context.JK.fillTemplate(template, {
|
|
userId: val.id,
|
|
hoverAttributeId: val.type === "user" ? "user-id" : "band-id",
|
|
hoverAction: val.type === "user" ? (val.musician ? "musician" : "fan") : "band",
|
|
avatar_url: context.JK.resolveAvatarUrl(val.photo_url),
|
|
userName: val.name,
|
|
location: val.location
|
|
});
|
|
|
|
$socialFollowings.append(followingHtml);
|
|
});
|
|
}
|
|
else {
|
|
$socialFollowings.html(' ');
|
|
}
|
|
context.JK.bindHoverEvents();
|
|
})
|
|
.fail(app.ajaxError);
|
|
|
|
rest.getFollowers({id: userId})
|
|
.done(function (response) {
|
|
$.each(response, function (index, val) {
|
|
var template = $('#template-profile-social').html();
|
|
var followerHtml = context.JK.fillTemplate(template, {
|
|
userId: val.id,
|
|
hoverAttributeId: "user-id",
|
|
hoverAction: val.musician ? "musician" : "fan",
|
|
avatar_url: context.JK.resolveAvatarUrl(val.photo_url),
|
|
userName: val.name,
|
|
location: val.location
|
|
});
|
|
|
|
$socialFollowers.append(followerHtml);
|
|
});
|
|
context.JK.bindHoverEvents();
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
/****************** HISTORY TAB *****************/
|
|
function renderHistory() {
|
|
$aboutContent.hide();
|
|
$historyContent.show();
|
|
$bandsContent.hide();
|
|
$socialContent.hide();
|
|
$favoritesContent.hide();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$historyLink.addClass('active');
|
|
|
|
bindHistory();
|
|
}
|
|
|
|
function bindHistory() {
|
|
feed.refresh();
|
|
}
|
|
|
|
/****************** BANDS TAB *****************/
|
|
function renderBands() {
|
|
$bandsContent.empty();
|
|
|
|
$aboutContent.hide();
|
|
$historyContent.hide();
|
|
$bandsContent.show();
|
|
$socialContent.hide();
|
|
$favoritesContent.hide();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$bandsLink.addClass('active');
|
|
|
|
bindBands();
|
|
}
|
|
|
|
function bindBands() {
|
|
|
|
rest.getBands({id: userId})
|
|
.done(function (response) {
|
|
if ((!response || response.length === 0) && isCurrentUser()) {
|
|
var noBandHtml = $('#template-no-bands').html();
|
|
$bandsContent.html(noBandHtml);
|
|
}
|
|
else {
|
|
addMoreBandsLink();
|
|
|
|
$.each(response, function (index, val) {
|
|
var isBandMember = false;
|
|
|
|
// build band member HTML
|
|
var musicianHtml = '';
|
|
if (val.musicians) {
|
|
for (var i = 0; i < val.musicians.length; i++) {
|
|
var musician = val.musicians[i];
|
|
var instrumentLogoHtml = '';
|
|
if (musician.instruments) {
|
|
for (var j = 0; j < musician.instruments.length; j++) {
|
|
var instrument = musician.instruments[j];
|
|
var inst = '/assets/content/icon_instrument_default24.png';
|
|
var toolTip = '';
|
|
if (instrument.instrument_id in instrument_logo_map) {
|
|
inst = instrument_logo_map[instrument.instrument_id].asset;
|
|
toolTip = instrument.instrument_id;
|
|
}
|
|
instrumentLogoHtml += '<img src="' + inst + '" title="' + toolTip + '" width="24" height="24" /> ';
|
|
}
|
|
}
|
|
if (!isBandMember)
|
|
isBandMember = musician.id === context.JK.currentUserId;
|
|
|
|
// this template is in _findSession.html.erb
|
|
var musicianTemplate = $('#template-musician-info').html();
|
|
musicianHtml += context.JK.fillTemplate(musicianTemplate, {
|
|
userId: musician.id,
|
|
avatar_url: context.JK.resolveAvatarUrl(musician.photo_url),
|
|
profile_url: "/client#/profile/" + musician.id,
|
|
musician_name: musician.name,
|
|
instruments: instrumentLogoHtml,
|
|
more_link: ''
|
|
});
|
|
}
|
|
}
|
|
var template = $('#template-profile-bands').html();
|
|
var bandHtml = context.JK.fillTemplate(template, {
|
|
bandId: val.id,
|
|
biography: val.biography,
|
|
profile_url: "/client#/bandProfile/" + val.id,
|
|
band_edit_url: "/client#/band/setup/" + val.id + '/step1',
|
|
band_member_url: "/client#/band/setup/" + val.id + '/step2',
|
|
avatar_url: context.JK.resolveBandAvatarUrl(val.photo_url),
|
|
name: val.name,
|
|
location: val.location,
|
|
genres: formatGenres(val.genres),
|
|
follower_count: val.follower_count,
|
|
recording_count: val.recording_count,
|
|
session_count: val.session_count,
|
|
musicians: musicianHtml
|
|
});
|
|
|
|
$bandsContent.append(bandHtml);
|
|
|
|
$('.profile-band-link-member-true').each(function(idx) {
|
|
isBandMember ? $(this).show() : $(this).hide();
|
|
});
|
|
$('.profile-band-link-member-false').each(function(idx) {
|
|
isBandMember ? $(this).hide() : $(this).show();
|
|
});
|
|
|
|
// wire up Band Follow button click handler
|
|
configureBandFollowingButton(val.is_following, val.id);
|
|
});
|
|
|
|
if (response.length >= 3) {
|
|
addMoreBandsLink();
|
|
}
|
|
}
|
|
context.JK.bindHoverEvents();
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
function addMoreBandsLink() {
|
|
if (isCurrentUser()) {
|
|
var moreBandsHtml = $('#template-more-bands').html();
|
|
$bandsContent.append(moreBandsHtml);
|
|
}
|
|
}
|
|
|
|
function formatGenres(genres) {
|
|
var formattedGenres = '';
|
|
if (genres) {
|
|
for (var i = 0; i < genres.length; i++) {
|
|
var genre = genres[i];
|
|
formattedGenres += genre.description;
|
|
if (i < genres.length - 1) {
|
|
formattedGenres += ', ';
|
|
}
|
|
}
|
|
}
|
|
return formattedGenres;
|
|
}
|
|
|
|
function updateFriendCount(value) {
|
|
if (!decrementedFriendCountOnce && !sentFriendRequest) {
|
|
decrementedFriendCountOnce = true;
|
|
var friendCount = $('#profile-friend-stats span.friend-count');
|
|
friendCount.text(value + parseInt(friendCount.text()));
|
|
}
|
|
}
|
|
|
|
function updateFollowingCount(value) {
|
|
var $followingCount = $('#follower-stats span.follower-count');
|
|
$followingCount.text(value + parseInt($followingCount.text()));
|
|
}
|
|
|
|
function updateBandFollowingCount(bandId, value) {
|
|
var $bandFollowing = $('div[band-id="' + bandId + '"].profile-bands span.follower-count');
|
|
$bandFollowing.text(value + parseInt($bandFollowing.text()));
|
|
}
|
|
|
|
function addBandFollowing(evt) {
|
|
evt.stopPropagation();
|
|
var bandId = $(this).parent().parent().parent().parent().attr('band-id');
|
|
|
|
var newFollowing = {};
|
|
newFollowing.band_id = bandId;
|
|
|
|
rest.addFollowing(newFollowing)
|
|
.done(function (response) {
|
|
updateBandFollowingCount(bandId, 1); // increase counter
|
|
configureBandFollowingButton(true, bandId);
|
|
context.JK.GA.trackJKSocial(context.JK.GA.Categories.jkFollow, context.JK.GA.JKSocialTargets.band);
|
|
})
|
|
.fail(app.ajaxError);
|
|
}
|
|
|
|
function configureBandFollowingButton(following, bandId) {
|
|
var $btnFollowBand = $('div[band-id=' + bandId + ']', '#bands-content').find('#btn-follow-band');
|
|
$btnFollowBand.unbind("click");
|
|
|
|
if (following) {
|
|
$btnFollowBand.text('UNFOLLOW');
|
|
$btnFollowBand.click(function (evt) {
|
|
removeFollowing(true, bandId);
|
|
evt.stopPropagation();
|
|
return false;
|
|
});
|
|
}
|
|
else {
|
|
$btnFollowBand.text('FOLLOW');
|
|
$btnFollowBand.click(addBandFollowing);
|
|
}
|
|
}
|
|
|
|
/****************** FAVORITES TAB *****************/
|
|
function renderFavorites() {
|
|
$aboutContent.hide();
|
|
$historyContent.hide();
|
|
$bandsContent.hide();
|
|
$socialContent.hide();
|
|
$favoritesContent.show();
|
|
|
|
$('.profile-nav a.active').removeClass('active');
|
|
$favoritesLink.addClass('active');
|
|
|
|
bindFavorites();
|
|
}
|
|
|
|
|
|
function bindFavorites() {
|
|
}
|
|
|
|
function initializeFeed() {
|
|
|
|
var $scroller = $screen.find('.content-body-scroller#user-profile-feed-scroller');
|
|
var $content = $screen.find('.feed-content#user-profile-feed-entry-list');
|
|
var $noMoreFeeds = $screen.find('#user-profile-end-of-feeds-list');
|
|
var $refresh = $screen.find('.btn-refresh-entries');
|
|
var $sortFeedBy = $screen.find('#feed_order_by');
|
|
var $includeDate = $screen.find('#feed_date');
|
|
var $includeType = $screen.find('#feed_show');
|
|
|
|
feed = new context.JK.Feed(app);
|
|
feed.initialize($screen, $scroller, $content, $noMoreFeeds, $refresh, $sortFeedBy, $includeDate, $includeType, {time_range: 'all'});
|
|
}
|
|
|
|
function initialize(textMessageDialogInstance) {
|
|
textMessageDialog = textMessageDialogInstance;
|
|
var screenBindings = {
|
|
'beforeShow': beforeShow,
|
|
'afterShow': afterShow,
|
|
'beforeHide' : beforeHide
|
|
};
|
|
app.bindScreen('profile', screenBindings);
|
|
events();
|
|
initializeFeed();
|
|
}
|
|
|
|
this.initialize = initialize;
|
|
this.beforeShow = beforeShow;
|
|
this.afterShow = afterShow;
|
|
return this;
|
|
};
|
|
|
|
})(window, jQuery); |