/* Profiles Shindig Helper functions for gadget-to-container commands */ // dummy function so google analytics does not break for institutions who do not use it _gaq = {}; _gaq.push = function(data) { // }; // pubsub gadgets.pubsubrouter.init(function(id) { return my.gadgets[shindig.container.gadgetService.getGadgetIdFromModuleId(id)].url; }, { onSubscribe: function(sender, channel) { setTimeout("my.onSubscribe('" + sender + "', '" + channel + "')", 3000); // return true to reject the request. return false; }, onUnsubscribe: function(sender, channel) { //alert(sender + " unsubscribes from channel '" + channel + "'"); // return true to reject the request. return false; }, onPublish: function(sender, channel, message) { // return true to reject the request. // track with google analytics if (sender != '..' ) { var moduleId = shindig.container.gadgetService.getGadgetIdFromModuleId(sender); } if (channel == 'VISIBLE') { var statusId = document.getElementById(sender + '_status'); if (statusId) { // only act on these in HOME view since they are only meant to be seen when viewer=owner if (my.gadgets[moduleId].view != 'home') { return true; } if (message == 'Y') { /* statusId.style.color = 'GREEN'; statusId.innerHTML = 'This section is VISIBLE'; if (my.gadgets[moduleId].visible_scope == 'U') { statusId.innerHTML += ' to UCSF'; } else { statusId.innerHTML += ' to the public'; } */ /* changed the gui here -- tlw72 */ statusId.style.color = '#5e6363'; statusId.innerHTML = 'public'; } else { /* statusId.style.color = '#CC0000'; statusId.innerHTML = 'This section is HIDDEN'; if (my.gadgets[moduleId].visible_scope == 'U') { statusId.innerHTML += ' from UCSF'; } else { statusId.innerHTML += ' from the public'; } */ /* changed the gui here -- tlw72 */ statusId.style.color = '#5e6363'; statusId.innerHTML = 'private'; } } } else if (channel == 'added' && my.gadgets[moduleId].view == 'home') { if (message == 'Y') { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, 'SHOW', 'profile_edit_view']); osapi.activities.create( { 'userId': gadgets.util.getUrlParameters()['Person'], 'appId': my.gadgets[moduleId].appId, 'activity': {'postedTime': new Date().getTime(), 'title': 'added a gadget', 'body': 'added the ' + my.gadgets[moduleId].name + ' gadget to their profile' } }).execute(function(response){}); } else { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, 'HIDE', 'profile_edit_view']); } } else if (channel == 'status') { // message should be of the form 'COLOR:Message Content' var statusId = document.getElementById(sender + '_status'); if (statusId) { var messageSplit = message.split(':'); if (messageSplit.length == 2) { statusId.style.color = messageSplit[0]; statusId.innerHTML = messageSplit[1]; } else { statusId.innerHTML = message; } } } else if (channel == 'analytics') { // publish to google analytics // message should be JSON encoding object with required action and optional label and value // as documented here: http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html // note that event category will be set to the gadget name automatically by this code // Note: message will be already converted to an object if (message.hasOwnProperty('value')) { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, message.action, message.label, message.value]); } else if (message.hasOwnProperty('label')) { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, message.action, message.label]); } else { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, message.action]); } } else if (channel == 'profile') { _gaq.push(['_trackEvent', my.gadgets[moduleId].name, 'go_to_profile', message]); document.location.href = '/' + location.pathname.split('/')[1] + '/display/n' + message; } else if (channel == 'JSONPersonIds' || channel == 'JSONPubMedIds') { // do nothing, no need to alert } else { alert(sender + " publishes '" + message + "' to channel '" + channel + "'"); } return false; } }); // helper functions my.findGadgetsAttachingTo = function(chromeId) { var retval = []; for (var i = 0; i < my.gadgets.length; i++) { if (my.gadgets[i].chrome_id == chromeId) { retval[retval.length] = my.gadgets[i]; } } return retval; }; my.removeGadgets = function(gadgetsToRemove) { for (var i = 0; i < gadgetsToRemove.length; i++) { for (var j = 0; j < my.gadgets.length; j++) { if (gadgetsToRemove[i].url == my.gadgets[j].url) { my.gadgets.splice(j, 1); break; } } } }; my.onSubscribe = function(sender, channel) { // lookup pubsub data based on channel and if a match is found, publish the data to that channel after a delay if (my.pubsubData[channel]) { gadgets.pubsubrouter.publish(channel, my.pubsubData[channel]); } else { alert(sender + " subscribes to channel '" + channel + "'"); } //PageMethods.onSubscribe(sender, channel, my.pubsubHint, my.CallSuccess, my.CallFailed); }; my.removeParameterFromURL = function(url, parameter) { var urlparts= url.split('?'); // prefer to use l.search if you have a location/link object if (urlparts.length>=2) { var prefix= encodeURIComponent(parameter)+'='; var pars= urlparts[1].split(/[&;]/g); for (var i= pars.length; i-->0;) //reverse iteration as may be destructive if (pars[i].lastIndexOf(prefix, 0)!==-1) //idiom for string.startsWith pars.splice(i, 1); url= urlparts[0]+'?'+pars.join('&'); } return url; }; // publish the people my.CallSuccess = function(result) { gadgets.pubsubrouter.publish('person', result); }; // alert message on some failure my.CallFailed = function(error) { alert(error.get_message()); }; my.requestGadgetMetaData = function(view, opt_callback) { var request = { context: { country: "default", language: "default", view: view, ignoreCache : my.noCache, container: "default" }, gadgets: [] }; for (var moduleId = 0; moduleId < my.gadgets.length; moduleId++) { // only add those with matching views if (my.gadgets[moduleId].view == view) { request.gadgets[request.gadgets.length] = {'url': my.gadgets[moduleId].url, 'moduleId': moduleId}; } } var makeRequestParams = { "CONTENT_TYPE" : "JSON", "METHOD" : "POST", "POST_DATA" : gadgets.json.stringify(request)}; gadgets.io.makeNonProxiedRequest(my.openSocialURL + "/gadgets/metadata", function(data) { data = data.data; if (opt_callback) { opt_callback(data); } }, makeRequestParams, "application/javascript" ); }; my.renderableGadgets = []; my.generateGadgets = function(metadata) { // put them in moduleId order for (var i = 0; i < metadata.gadgets.length; i++) { var moduleId = metadata.gadgets[i].moduleId; // Notes by Eric. Not sure if I should have to calculate this myself, but I will. var height = metadata.gadgets[i].height; var width = metadata.gadgets[i].width; var viewPrefs = metadata.gadgets[i].views[my.gadgets[moduleId].view]; if (viewPrefs) { height = viewPrefs.preferredHeight || height; width = viewPrefs.preferredWidth || width; } my.renderableGadgets[moduleId] = shindig.container.createGadget({'specUrl': metadata.gadgets[i].url, 'secureToken': my.gadgets[moduleId].secureToken, 'title': metadata.gadgets[i].title, 'userPrefs': metadata.gadgets[i].userPrefs, 'height': height, 'width': width, 'debug': my.debug}); // set the metadata for easy access my.renderableGadgets[moduleId].setMetadata(metadata.gadgets[i]); } // this will be called multiple times, only render when all gadgets have been processed var ready = my.renderableGadgets.length == my.gadgets.length; for (var i = 0; ready && i < my.renderableGadgets.length; i++) { if (!my.renderableGadgets[i]) { ready = false; } } if (ready) { shindig.container.addGadgets(my.renderableGadgets ); shindig.container.renderGadgets(); } }; my.init = function() { // overwrite this RPC function. Do it at this level so that rpc.f (this.f) is accessible for getting module ID // gadgets.rpc.register('requestNavigateTo', doProfilesNavigation); shindig.container.gadgetClass = ProfilesGadget; shindig.container.layoutManager = new ProfilesLayoutManager(); shindig.container.setNoCache(my.noCache); shindig.container.gadgetService = new ProfilesGadgetService(); // since we render multiple views, we need to do somethign fancy by swapping out this value in getIframeUrl shindig.container.setView('REPLACE_THIS_VIEW'); // do multiple times as needed if we have multiple views // find out what views are being used and call requestGadgetMetaData for each one var views = {}; for (var moduleId = 0; moduleId < my.gadgets.length; moduleId++) { var view = my.gadgets[moduleId].view; if (!views[view]) { views[view] = view; my.requestGadgetMetaData(view, my.generateGadgets); } } }; // ProfilesGadgetService ProfilesGadgetService = function() { shindig.IfrGadgetService.call(this); }; ProfilesGadgetService.inherits(shindig.IfrGadgetService); ProfilesGadgetService.prototype.requestNavigateTo = function(view, opt_params) { var urlTemplate = gadgets.config.get('views')[view].urlTemplate; var url = urlTemplate || 'OpenSocial.aspx?'; url += window.location.search.substring(1); // remove appId if present url = my.removeParameterFromURL(url, 'appId'); // Add appId if the URL Template begins with the word 'gadget' if (urlTemplate.toLowerCase().indexOf('gadget') == 0) { var moduleId = shindig.container.gadgetService.getGadgetIdFromModuleId(this.f); var appId = my.gadgets[moduleId].appId; url += (url.indexOf('?') != url.length - 1 ? '&' : '') + 'appId=' + appId; } if (opt_params) { var paramStr = gadgets.json.stringify(opt_params); if (paramStr.length > 0) { url += (url.indexOf('?') != url.length - 1 ? '&' : '') + 'appParams=' + encodeURIComponent(paramStr); } } if (url && document.location.href.indexOf(url) == -1) { document.location.href = url; } }; // ProfilesGadget ProfilesGadget = function(opt_params) { shindig.Gadget.call(this, opt_params); this.debug = my.debug; this.serverBase_ = my.openSocialURL + "/gadgets/"; var gadget = this; var subClass = shindig.IfrGadget; this.metadata = {}; for (var name in subClass) if (subClass.hasOwnProperty(name)) { if (name == 'getIframeUrl') { // we need to keep this old one gadget['originalGetIframeUrl'] = subClass[name]; } else if (name != 'finishRender') { gadget[name] = subClass[name]; } } }; ProfilesGadget.inherits(shindig.BaseIfrGadget); ProfilesGadget.prototype.setMetadata = function(metadata) { this.metadata = metadata; }; ProfilesGadget.prototype.hasFeature = function(feature) { for (var i = 0; i < this.metadata.features.length; i++) { if (this.metadata.features[i] == feature) { return true; } } return false; }; ProfilesGadget.prototype.getAdditionalParams = function() { var params = ''; for (var key in my.gadgets[this.id].additionalParams) { params += '&' + key + '=' + my.gadgets[this.id].additionalParams[key]; } return params; }; ProfilesGadget.prototype.finishRender = function(chrome) { window.frames[this.getIframeId()].location = this.getIframeUrl(); if (my.gadgets[this.id].start_closed) { this.handleToggle(); } else if (chrome) { // set the gadget box width, and remember that we always render as open chrome.style.width = (my.gadgets[this.id].open_width || 600) + 'px'; } }; ProfilesGadget.prototype.getIframeUrl = function() { var url = this.originalGetIframeUrl(); return url.replace('REPLACE_THIS_VIEW', my.gadgets[this.id].view); }; ProfilesGadget.prototype.handleToggle = function() { var gadgetIframe = document.getElementById(this.getIframeId()); if (gadgetIframe) { var gadgetContent = gadgetIframe.parentNode; var gadgetImg = document.getElementById('gadgets-gadget-title-image-' + this.id); if (gadgetContent.style.display) { //OPEN gadgetContent.parentNode.style.width = (my.gadgets[this.id].open_width || 600) + 'px'; gadgetContent.style.display = ''; gadgetImg.src = '/' + location.pathname.split('/')[1] + '/themes/wilma/images/green_minus_sign.gif'; // refresh if certain features require so //if (this.hasFeature('dynamic-height')) { if (my.gadgets[this.id].chrome_id == 'gadgets-search') { this.refresh(); document.getElementById(this.getIframeId()).contentWindow.location.reload(true); } if (my.gadgets[this.id].view == 'home') { // record in google analytics _gaq.push(['_trackEvent', my.gadgets[this.id].name, 'OPEN_IN_EDIT', 'profile_edit_view']); } else { osapi.activities.create( { 'userId': gadgets.util.getUrlParameters()['Person'], 'appId': my.gadgets[this.id].appId, 'activity': {'postedTime': new Date().getTime(), 'title': 'gadget viewed', 'body': my.gadgets[this.id].name + ' gadget was viewed' } }).execute(function(response){}); // record in google analytics _gaq.push(['_trackEvent', my.gadgets[this.id].name, 'OPEN']); } } else { //CLOSE gadgetContent.parentNode.style.width = (my.gadgets[this.id].closed_width || 600) + 'px'; gadgetContent.style.display = 'none'; gadgetImg.src = '/' + location.pathname.split('/')[1] + '/themes/wilma/images/green_plus_sign.gif'; if (my.gadgets[this.id].view == 'home') { // record in google analytics _gaq.push(['_trackEvent', my.gadgets[this.id].name, 'CLOSE_IN_EDIT', 'profile_edit_view']); } else { // record in google analytics _gaq.push(['_trackEvent', my.gadgets[this.id].name, 'CLOSE']); } } } }; ProfilesGadget.prototype.getTitleBarContent = function(continuation) { if (my.gadgets[this.id].view == 'canvas') { document.getElementById("gadgets-title").innerHTML = (this.title ? this.title : 'Gadget'); continuation(''); } else { continuation( '
' + ' ' + '' + (this.title ? this.title : 'Gadget') + '' + '
'); } }; // ProfilesLayoutManager. Creates a FloatLeftLayoutManager for every chromeId in our gadgets ProfilesLayoutManager = function() { shindig.LayoutManager.call(this); // find out what chromeId's are being used, create a FloatLeftLayoutManager for each this.layoutManagers = {}; for (var moduleId = 0; moduleId < my.gadgets.length; moduleId++) { var chromeId = my.gadgets[moduleId].chrome_id; if (!this.layoutManagers[chromeId]) { this.layoutManagers[chromeId] = new shindig.FloatLeftLayoutManager(chromeId); } } }; ProfilesLayoutManager.inherits(shindig.LayoutManager); ProfilesLayoutManager.prototype.getGadgetChrome = function(gadget) { return this.layoutManagers[my.gadgets[gadget.id].chrome_id].getGadgetChrome(gadget); };