vitro/webapp/web/js/openSocial/shindig.js

/*
    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('<span class="gadgets-gadget-canvas-title"></span>');
  }
  else {
    continuation(
      '<div id="' + this.cssClassTitleBar + '-' + this.id +
      '" class="' + this.cssClassTitleBar + '"><span class="' +
      this.cssClassTitleButtonBar + '">' + 
      '<a href="#" onclick="shindig.container.getGadget(' + this.id +
      ').handleToggle();return false;" class="' + this.cssClassTitleButton +
      '"><img id="gadgets-gadget-title-image-' + this.id + '" src="/' + location.pathname.split('/')[1] + '/themes/wilma/images/green_minus_sign.gif"/></a></span> <span id="' +
      this.getIframeId() + '_title" class="' + this.cssClassTitle + '">' + 
  	  '<a href="#" onclick="shindig.container.getGadget(' + this.id + ').handleToggle();return false;">' + 
	  (this.title ? this.title : 'Gadget') + '</a>' + '</span><span id="' + 
	  this.getIframeId() + '_status" class="gadgets-gadget-status"></span></div>');
  }
};

// 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);
};