422 lines
17 KiB
JavaScript
422 lines
17 KiB
JavaScript
(function(context,$) {
|
|
|
|
"use strict";
|
|
|
|
context.JK = context.JK || {};
|
|
context.JK.Sidebar = function(app) {
|
|
var logger = context.JK.logger;
|
|
var friends = [];
|
|
var rest = context.JK.Rest();
|
|
var invitationDialog = null;
|
|
var textMessageDialog = null;
|
|
var notificationPanel = null;
|
|
var me = null;
|
|
|
|
function initializeSearchPanel() {
|
|
$('#search_text_type').change(function() {
|
|
searchForInput();
|
|
context.JK.SearchResultScreen.searchTypeSelection($('#search_text_type').val());
|
|
});
|
|
}
|
|
|
|
context.JK.Sidebar.searchTypeSelection = function(typeSelection) {
|
|
$('#search_text_type').val(typeSelection);
|
|
emptySearchResults();
|
|
}
|
|
|
|
function refreshFriends() {
|
|
rest.getFriends().
|
|
done(function(response) {
|
|
friends = response;
|
|
updateFriendList(response);
|
|
// set friend count
|
|
$('#sidebar-friend-count').html(response.length);
|
|
})
|
|
}
|
|
|
|
function initializeFriendsPanel() {
|
|
|
|
$('#sidebar-search-header').hide();
|
|
refreshFriends();
|
|
return false;
|
|
}
|
|
|
|
function updateFriendList(response) {
|
|
$('#sidebar-friend-list li:not(.invite-friend-row)').remove();
|
|
|
|
// show online friends first (sort by first name within online/offline groups)
|
|
response.sort(function(a, b) {
|
|
|
|
var a_online = a.online;
|
|
var b_online = b.online;
|
|
|
|
var a_firstname = a.first_name.toLowerCase();
|
|
var b_firstname = b.first_name.toLowerCase();
|
|
|
|
if (b_online != a_online) {
|
|
if (b_online < a_online) return -1;
|
|
if (b_online > a_online) return 1;
|
|
return 0;
|
|
}
|
|
|
|
if (a_firstname < b_firstname) return -1;
|
|
if (a_firstname > b_firstname) return 1;
|
|
return 0;
|
|
});
|
|
|
|
$.each(response, function(index, val) {
|
|
|
|
var css = val.online ? '' : 'offline';
|
|
|
|
friends[val.id] = val;
|
|
|
|
// fill in template for Connect pre-click
|
|
var template = $('#template-friend-panel').html();
|
|
var searchResultHtml = context.JK.fillTemplate(template, {
|
|
userId: val.id,
|
|
cssClass: css,
|
|
avatar_url: context.JK.resolveAvatarUrl(val.photo_url),
|
|
userName: val.name.length > 20 ? val.name.substring(0,20) + "..." : val.name,
|
|
status: val.online ? 'Available' : 'Offline',
|
|
extra_info: '',
|
|
hoverAction: val.musician ? "musician" : "fan",
|
|
info_image_url: ''
|
|
});
|
|
|
|
$('#sidebar-friend-list li.invite-friend-row').before(searchResultHtml);
|
|
});
|
|
|
|
context.JK.bindHoverEvents();
|
|
}
|
|
|
|
function initializeNotificationsPanel() {
|
|
notificationPanel = new context.JK.NotificationPanel(app);
|
|
notificationPanel.initialize(me, textMessageDialog);
|
|
}
|
|
|
|
function initializeChatPanel() {
|
|
}
|
|
|
|
function search(query) {
|
|
logger.debug('query=' + query);
|
|
if (query !== '') {
|
|
context.JK.search(query, app, context.JK.SearchResultScreen.onSearchSuccess);
|
|
}
|
|
}
|
|
|
|
context.JK.Sidebar.getHeight = function() {
|
|
// TODO: refactor this - copied from layout.js
|
|
var sidebarHeight = $(context).height() - 75 - 2 * 60 + $('[layout-sidebar-expander]').height();
|
|
var combinedHeaderHeight = $('[layout-panel="contents"]').length * 36;
|
|
var searchHeight = $('.sidebar .search').first().height();
|
|
var expanderHeight = $('[layout-sidebar-expander]').height();
|
|
var expandedPanelHeight = sidebarHeight - (combinedHeaderHeight + expanderHeight + searchHeight);
|
|
return expandedPanelHeight;
|
|
}
|
|
|
|
function showFriendsPanel() {
|
|
|
|
var $expandedPanelContents = $('[layout-id="panelFriends"] [layout-panel="contents"]');
|
|
var expandedPanelHeight = context.JK.Sidebar.getHeight();
|
|
|
|
// hide all other contents
|
|
$('[layout-panel="contents"]').hide();
|
|
$('[layout-panel="contents"]').css({"height": "1px"});
|
|
|
|
// show the appropriate contens
|
|
$expandedPanelContents.show();
|
|
$expandedPanelContents.animate({"height": expandedPanelHeight + "px"}, 400);
|
|
}
|
|
|
|
function hideSearchResults() {
|
|
emptySearchResults();
|
|
$('#search-input').val('');
|
|
$('#sidebar-search-header').hide();
|
|
showFriendsPanel();
|
|
}
|
|
|
|
function emptySearchResults() {
|
|
$('#sidebar-search-results').empty();
|
|
$('#sidebar-search-results').height('0px');
|
|
}
|
|
|
|
var delay = (function(){
|
|
var timer = 0;
|
|
return function(callback, ms) {
|
|
clearTimeout(timer);
|
|
timer = setTimeout(callback, ms);
|
|
};
|
|
})();
|
|
|
|
|
|
function inviteHoverIn() {
|
|
$('.invitation-button-holder').slideDown();
|
|
}
|
|
|
|
function inviteHoverOut() {
|
|
$('.invitation-button-holder').slideUp();
|
|
}
|
|
|
|
function searchForInput() {
|
|
var query = $('#search-input').val();
|
|
// logger.debug("query=" + query);
|
|
if (query === '') {
|
|
return hideSearchResults();
|
|
}
|
|
|
|
if (query.length > 2) {
|
|
// FIXME: this is in searchResults
|
|
$('#query').html(query);
|
|
query += '&search_text_type='+$('#search_text_type').val();
|
|
emptySearchResults();
|
|
search(query);
|
|
}
|
|
}
|
|
|
|
function events() {
|
|
$('#search-input').keyup(function(evt) {
|
|
delay(function() {
|
|
// ENTER KEY
|
|
if (evt.which === 13) {
|
|
return hideSearchResults();
|
|
}
|
|
// ESCAPE KEY
|
|
if (evt.which === 27) {
|
|
return hideSearchResults();
|
|
}
|
|
searchForInput();
|
|
}, 500);
|
|
});
|
|
|
|
$('#sidebar-search-expand').click(function(evt) {
|
|
$('#searchForm').submit();
|
|
hideSearchResults();
|
|
});
|
|
|
|
$('.sidebar .invite-friend-row').hoverIntent(inviteHoverIn, inviteHoverOut);
|
|
|
|
// friend notifications
|
|
registerFriendUpdate();
|
|
|
|
// session invitations
|
|
registerSessionJoin();
|
|
registerSessionDepart();
|
|
|
|
// recording notifications
|
|
registerRecordingStarted();
|
|
registerRecordingEnded();
|
|
|
|
// broadcast notifications
|
|
registerSourceUpRequested();
|
|
registerSourceDownRequested();
|
|
registerSourceUp();
|
|
registerSourceDown();
|
|
|
|
// watch for Invite More Users events
|
|
$('#sidebar-div .btn-email-invitation').click(function() {
|
|
invitationDialog.showEmailDialog();
|
|
return false;
|
|
});
|
|
|
|
$('#sidebar-div .btn-gmail-invitation').click(function() {
|
|
invitationDialog.showGoogleDialog();
|
|
return false;
|
|
});
|
|
|
|
$('#sidebar-div .btn-facebook-invitation').click(function(evt) {
|
|
invitationDialog.showFacebookDialog(evt);
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function registerFriendUpdate() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.FRIEND_UPDATE, function(header, payload) {
|
|
logger.debug("Handling FRIEND_UPDATE msg " + JSON.stringify(payload));
|
|
|
|
friends[payload.user_id].online = payload.online;
|
|
updateFriendList(friends);
|
|
|
|
var online_text = payload.online ? "online" : "offline";
|
|
app.notify({
|
|
"title": "Friend is now " + online_text,
|
|
"text": payload.msg,
|
|
"icon_url": context.JK.resolveAvatarUrl(payload.photo_url)
|
|
});
|
|
});
|
|
}
|
|
|
|
function registerSessionJoin() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SESSION_JOIN, function(header, payload) {
|
|
logger.debug("Handling SESSION_JOIN msg " + JSON.stringify(payload));
|
|
|
|
// display notification
|
|
app.notify({
|
|
"title": "New Session Participant",
|
|
"text": payload.msg,
|
|
"icon_url": context.JK.resolveAvatarUrl(payload.photo_url)
|
|
});
|
|
});
|
|
}
|
|
|
|
function registerSessionDepart() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SESSION_DEPART, function(header, payload) {
|
|
logger.debug("Handling SESSION_DEPART msg " + JSON.stringify(payload));
|
|
|
|
var recordingId = payload.recording_id;
|
|
|
|
if(recordingId && context.JK.CurrentSessionModel.recordingModel.isRecording(recordingId)) {
|
|
context.JK.CurrentSessionModel.recordingModel.onServerStopRecording(recordingId);
|
|
}
|
|
else {
|
|
app.notify({
|
|
"title": "Musician Left Session",
|
|
"text": payload.msg,
|
|
"icon_url": context.JK.resolveAvatarUrl(payload.photo_url)
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function registerRecordingStarted() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.RECORDING_STARTED, function(header, payload) {
|
|
logger.debug("Handling RECORDING_STARTED msg " + JSON.stringify(payload));
|
|
|
|
app.notify({
|
|
"title": "Recording Started",
|
|
"text": payload.msg,
|
|
"icon_url": context.JK.resolveAvatarUrl(payload.photo_url)
|
|
});
|
|
});
|
|
}
|
|
|
|
function registerRecordingEnded() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.RECORDING_ENDED, function(header, payload) {
|
|
logger.debug("Handling RECORDING_ENDED msg " + JSON.stringify(payload));
|
|
|
|
app.notify({
|
|
"title": "Recording Ended",
|
|
"text": payload.msg,
|
|
"icon_url": context.JK.resolveAvatarUrl(payload.photo_url)
|
|
});
|
|
});
|
|
}
|
|
|
|
function registerSourceUpRequested() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SOURCE_UP_REQUESTED, function(header, payload) {
|
|
|
|
logger.debug("Handling SOURCE_UP_REQUESTED msg " + JSON.stringify(payload));
|
|
|
|
var current_session_id = context.JK.CurrentSessionModel.id();
|
|
|
|
if (!current_session_id) {
|
|
// we are not in a session
|
|
var last_session = context.JK.CurrentSessionModel.getCurrentOrLastSession();
|
|
if(last_session && last_session.id == payload.music_session) {
|
|
// the last session we were in was responsible for this message. not that odd at all
|
|
logger.debug("SOURCE_UP_REQUESTED came in for session_id" + payload.music_session + ", but was dropped because we have left that session")
|
|
}
|
|
else {
|
|
// this means we aren't in a session, and, what's worse,
|
|
// the last session we were in does not match the specified music_session id
|
|
throw "SOURCE_UP_REQUESTED came in for session_id:" + payload.music_session + ", but we are not in a session and the last session ID did not match the one specified";
|
|
}
|
|
}
|
|
else {
|
|
// we are in a session
|
|
if(current_session_id == payload.music_session) {
|
|
context.jamClient.SessionLiveBroadcastStart(payload.host, payload.port, payload.mount,
|
|
payload.source_user, payload.source_pass,
|
|
'', payload.bitrate)
|
|
}
|
|
else {
|
|
var last_session = context.JK.CurrentSessionModel.getCurrentOrLastSession();
|
|
if(last_session && last_session.id == payload.music_session) {
|
|
// the last session we were in was responsible for this message. not that odd at all
|
|
logger.debug("SOURCE_UP_REQUESTED came in for session_id" + payload.music_session + ", but was dropped because we have left that session and are in a new one")
|
|
}
|
|
else {
|
|
// this means we aren't in a session, and, what's worse,
|
|
// the last session we were in does not match the specified music_session id
|
|
throw "SOURCE_UP_REQUESTED came in for session_id:" + payload.music_session + ", but we are in a session and the last session ID did not match the one specified";
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function registerSourceDownRequested() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SOURCE_DOWN_REQUESTED, function(header, payload) {
|
|
logger.debug("Handling SOURCE_DOWN_REQUESTED msg " + JSON.stringify(payload));
|
|
var current_session_id = context.JK.CurrentSessionModel.id();
|
|
|
|
if (!current_session_id) {
|
|
// we are not in a session
|
|
var last_session = context.JK.CurrentSessionModel.getCurrentOrLastSession();
|
|
if(last_session && last_session.id == payload.music_session) {
|
|
// the last session we were in was responsible for this message. not that odd at all
|
|
logger.debug("SOURCE_DOWN_REQUESTED came in for session_id" + payload.music_session + ", but was dropped because we have left that session")
|
|
}
|
|
else {
|
|
// this means we aren't in a session, and, what's worse,
|
|
// the last session we were in does not match the specified music_session id
|
|
throw "SOURCE_DOWN_REQUESTED came in for session_id:" + payload.music_session + ", but we are not in a session and the last session ID did not match the one specified";
|
|
}
|
|
}
|
|
else {
|
|
// we are in a session
|
|
if(current_session_id == payload.music_session) {
|
|
context.jamClient.SessionLiveBroadcastStop();
|
|
}
|
|
else {
|
|
var last_session = context.JK.CurrentSessionModel.getCurrentOrLastSession();
|
|
if(last_session && last_session.id == payload.music_session) {
|
|
// the last session we were in was responsible for this message. not that odd at all
|
|
logger.debug("SOURCE_DOWN_REQUESTED came in for session_id" + payload.music_session + ", but was dropped because we have left that session and are in a new one")
|
|
}
|
|
else {
|
|
// this means we aren't in a session, and, what's worse,
|
|
// the last session we were in does not match the specified music_session id
|
|
throw "SOURCE_DOWN_REQUESTED came in for session_id:" + payload.music_session + ", but we are in a session and the last session ID did not match the one specified";
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function registerSourceUp() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SOURCE_UP, function(header, payload) {
|
|
logger.debug("Handling SOURCE_UP msg " + JSON.stringify(payload));
|
|
|
|
logger.debug("session %o is now being broadcasted", payload.music_session);
|
|
app.notify({
|
|
"title": "Now Broadcasting",
|
|
"text": "This session is now being broadcasted."
|
|
});
|
|
});
|
|
}
|
|
|
|
function registerSourceDown() {
|
|
context.JK.JamServer.registerMessageCallback(context.JK.MessageType.SOURCE_DOWN, function(header, payload) {
|
|
logger.debug("Handling SOURCE_DOWN msg " + JSON.stringify(payload));
|
|
logger.debug("session %o is no longer being broadcasted", payload.music_session);
|
|
app.notify({
|
|
"title": "No Longer Broadcasting",
|
|
"text": "This session is no longer being broadcasted."
|
|
});
|
|
});
|
|
}
|
|
|
|
this.initialize = function(invitationDialogInstance, textMessageDialogInstance) {
|
|
me = this;
|
|
invitationDialog = invitationDialogInstance;
|
|
textMessageDialog = textMessageDialogInstance;
|
|
events();
|
|
initializeSearchPanel();
|
|
initializeFriendsPanel();
|
|
initializeChatPanel();
|
|
initializeNotificationsPanel();
|
|
};
|
|
|
|
this.refreshFriends = refreshFriends;
|
|
}
|
|
})(window,jQuery); |