Skip to content

Instantly share code, notes, and snippets.

@Arachnid
Created May 9, 2009 15:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Arachnid/109302 to your computer and use it in GitHub Desktop.
Save Arachnid/109302 to your computer and use it in GitHub Desktop.
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Members"
description="Awaken your community with the members gadget which lets visitors join your site, sign in, and invite their friends. They can even explore the profiles of other members and make new friends."
author="Google"
author_email="friendconnect-feedback+gadgets@google.com"
thumbnail="http://www.google.com/friendconnect/static/images/thumb/members.png"
screenshot="http://www.google.com/friendconnect/static/images/thumb/members.png"
>
<Require feature="dynamic-height"/>
<Require feature="views" />
<Require feature="opensocial-0.8" />
<Optional feature="content-rewrite">
<Param name="exclude-urls">.*</Param>
</Optional>
</ModulePrefs>
<Content type="html"><![CDATA[
<style type="text/css">
body { background: transparent; }
</style>
<link href="http://www.google.com/friendconnect/styles/gadgets.css?v=0.313.1" rel="stylesheet" type="text/css"></link>
<script type='text/javascript' src='http://www.google.com/friendconnect/script/fc-os-ext.js?v=0.313.1'></script><script type='text/javascript'> var prefs = new gadgets.Prefs();document.write('<scr' + 'ipt src="http://www.google.com/friendconnect/script/gadgets_' + prefs.getLang() + '.js?v=0.313.1"></scr' + 'ipt>');</script>
<div id="peg" class="goog-app" style="display:none"></div>
<!-- place holder for templates -->
<div style="display:none">
<!-- template for a link that browses to a member's profile. $this is an opensocial.Person. -->
<img id="member-thumb-tpl" style="cursor:pointer;" jsvalues=".src:getThumbnail($this);$h:handle(this,'viewProfile');title:getDisplayName()">
<img id="member-thumb-65-tpl" width="65" height="65" style="cursor:pointer;" jsvalues=".src:getThumbnail($this);$h:handle(this,'viewProfile');title:getDisplayName()">
<img id="member-thumb-large-tpl" style="cursor:pointer;" jsvalues=".src:getThumbnail($this);$h:handle(this,'viewProfile');title:getDisplayName()">
<div id="zoomy-tpl" style="float:right">
<a href="javascript:void(0);" jsvalues="$h:handle(this,'gotoCanvasMode')">
<img border="0" jsvalues=".src:getZoomyImageUrl()" width="12" height="12">
</a>
</div>
<div id="zoomy-profile-tpl" style="float:right">
<!--
<a href="javascript:void(0);" jsvalues="$h:handle(this,'gotoProfileMode')">
<img border="0" jsvalues=".src:getZoomyImageUrl()" width="12" height="12">
</a> -->
</div>
<div id="member-thumb-large-tpl:canvas" class="fc-member-large-thumb">
<img width="45" height="45" class="fc-member-large-thumb-img" jsvalues="src:getThumbnail($this);$h:handle(this,'viewProfile');title:getDisplayName()">
<div class="fc-member-large-thumb-name" jscontent="getDisplayName()"></div>
</div>
<div id="item-tpl" jsvalues=".className:(isCanvasMode() ? 'fc-item fc-item-canvas' : 'fc-item')">
<div class="fc-item-body" style="padding-left:20px">
<img style="margin-left:-20px;margin-right:2px" jsvalues="src:icon" align="top" width="16" height="16">
<a jsvalues="href:link;.className:(isCanvasMode() ? 'fc-item-link fc-item-link-canvas' : 'fc-item-link')"
jsdisplay="title" jscontent="title" target="_blank"></a>
<span jsvalues=".innerHTML:typeof(innerHTML) != 'undefined' ? innerHTML : ''"></span>
<span class="fc-item-body" jsdisplay="body"> - <span jsvalues=".innerHTML:typeof(body) != 'undefined' ? body : ''"></span></span>
<span class="fc-on-other-site" jsdisplay="siteTitle">
&nbsp;<img jsdisplay="typeof($this.deleteHandler) != 'undefined' && $this.deleteHandler != null" class="delete-button"
src="http://www.google.com/friendconnect/static/images/trash.gif"
jsvalues="$h:handle(this, $this.deleteHandler);alt:MSG_DELETE_THIS;title:MSG_DELETE_THIS">
</span>
</div>
<div class="clear"></div>
</div>
<div id="profile-extension-tpl" jsvalues=".className:(isCanvasMode() ? 'fc-userpage-itemlist fc-userpage-itemlist-canvas' : 'fc-userpage-itemlist')">
<span class="fc-sectitle">
<span jscontent="title"></span>
</span>
<div jsselect="body">
<div class="fc-about-me" jscontent="$this"></div>
</div>
</div>
<!-- Top panel in the members gadget -->
<div id="topcap-tpl" jsvars="isSlimTop: hasMenuMode('profile') ||
isBottomMenu();
isSlimEmpty: hasMenuMode('members') &&
isBottomMenu();
isNoTop: hasMenuMode('members') &&
!isBottomMenu();"
class="fc-topcap-color">
<div class="fc-topcap" jsdisplay="!isNoTop">
<div jsdisplay="viewer">
<div jsdisplay="!isSlimTop">
<div transclude="zoomy-tpl"></div>
<div class="fc-userpic" jsselect="viewer">
<div transclude="member-thumb-tpl"></div>
</div>
</div>
<div class="fc-userpic-caption" jsselect="viewer">
<div jsdisplay="!isSlimTop"
class="fc-username"
jscontent="getDisplayName()"></div>
<div jsdisplay="!isSlimEmpty" class="fc-members-options-menu">
</div>
<div class="clear"></div>
</div>
</div>
<div jsdisplay="!viewer">
<div jsdisplay="!isSlimEmpty">
<div class="clear"></div>
<div transclude="zoomy-tpl"></div>
<div transclude="signin-button-tpl"></div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="topcap-nav-tpl" class="fc-topcap">
<div jsdisplay="viewer">
<div class="fc-userpic" jsselect="viewer">
<div transclude="member-thumb-tpl"></div>
</div>
<div class="fc-userpic-caption" jsselect="viewer">
<div class="fc-username" jscontent="getDisplayName()"></div>
<div>
<span id="nav-links-tpl" style="font-weight:bold">
<a class="fc-topcap-link" href="javascript:void(0);" jsvalues="$h:handle(this,'goBackToHome')" jscontent="MSG_BACK_TO_TOP"></a>&nbsp;|&nbsp;<a class="fc-topcap-link" href="javascript:void(0);" jscontent="MSG_BACK" jsvalues="$h:handle(this,'goBack')"></a>
</span>
</div>
</div>
</div>
<div jsdisplay="!viewer" jsvars="buttonLabel:MSG_JOIN;buttonHandler:signin">
<div transclude="zoomy-tpl"></div>
<div transclude="button-tpl"></div>
<div transclude="nav-links-tpl"></div>
</div>
</div>
<div id="topcap-nav-tpl:canvas">
<div transclude="top-paging-tpl"></div>
</div>
<div id="topcap-nav-home-tpl">
<div class="fc-topverb" style="border-bottom:none">
<span jsvalues=".className:(isCanvasMode() ? 'fc-left-verb fc-left-verb-canvas' : 'fc-left-verb')">
<span transclude="view-my-profile-tpl"></span>
</span>
<div transclude="zoomy-profile-tpl"></div>
</div>
</div>
<div id="signin-button-tpl" class="fc-button" jseval="generateSignInButton(this, MSG_JOIN, 'standard');">
</div>
<div id="button-tpl" class="fc-button" jsvalues="$h:handle(this,buttonHandler);$h:decorateButton(this);">
<span style="font-size:14px; font-weight:bold;" jscontent="buttonLabel"></span>
</div>
<div id="profile-tpl" class="fc-members">
<div transclude="topcap-tpl"></div>
<div class="fc-scroll-botnav fc-content-bg">
<div class="fc-content fc-minheight fc-profile">
<div jsselect="profile">
<div transclude="profile-summary-tpl"></div>
<div jsselect="person" jsvars="aboutMe:getField(opensocial.Person.Field.ABOUT_ME)">
<div class="fc-userpage-itemlist" jsdisplay="aboutMe != null && aboutMe.length > 0">
<span class="fc-sectitle">
<span jscontent="MSG_ABOUT_ME"></span>
</span>
<div class="fc-about-me" jscontent="aboutMe">
</div>
</div>
</div>
<div jsselect="profileExtensions">
<div transclude="profile-extension-tpl"></div>
</div>
<div jsselect="links" jsdisplay="size() > 0" jsvars="numPreviewItems:3;heading:MSG_LINKS;items:$this;showAllHandler:showAllLinks;transform:transformLink">
<div transclude="item-list-preview-tpl"></div>
</div>
<div jsselect="sites" jsdisplay="size() > 0" jsvars="numPreviewItems:3;heading:MSG_SITES;items:$this;showAllHandler:showAllSites;transform:transformSite">
<div transclude="item-list-preview-tpl"></div>
</div>
<div jsselect="friends" jsdisplay="size() > 0" class="fc-userpage-itemlist" jsvars="label:MSG_PROFILE_FRIENDS;showAllHandler:showAllProfileFriends;numPreviewItems:facesPerRow">
<div transclude="faces-preview-tpl">
</div>
</div>
<div jsselect="activities" jsdisplay="size() > 0" jsvars="numPreviewItems:2;heading:MSG_ACTIVITIES;items:$this;showAllHandler:showAllActivities;transform:transformActivity">
<div transclude="item-list-preview-tpl"></div>
</div>
</div>
</div>
</div>
<div transclude="bottom-paging-tpl"></div>
</div>
<div id="profile-tpl:canvas" class="fc-members-canvas">
<div transclude="top-paging-tpl"></div>
<div class="fc-content-canvas fc-content-bg fc-minheight">
<div jsselect="profile">
<div>
<div transclude="profile-summary-tpl"></div>
<div jsselect="person" jsvars="aboutMe:getField(opensocial.Person.Field.ABOUT_ME)">
<div class="fc-userpage-itemlist-canvas" jsdisplay="aboutMe && aboutMe.length > 0">
<span class="fc-sectitle fc-sectitle-canvas">
<span jscontent="MSG_ABOUT_ME"></span>
</span>
<div class="fc-about-me" jscontent="aboutMe">
</div>
</div>
</div>
<div jsselect="profileExtensions">
<div transclude="profile-extension-tpl"></div>
</div>
<div jsselect="links" jsdisplay="size() > 0" jsvars="numPreviewItems:5;heading:MSG_LINKS;items:$this;showAllHandler:showAllLinks;transform:transformLink">
<div transclude="item-list-preview-tpl"></div>
</div>
<div jsselect="sites" jsdisplay="size() > 0" jsvars="numPreviewItems:5;heading:MSG_SITES;items:$this;showAllHandler:showAllSites;transform:transformSite">
<div transclude="item-list-preview-tpl"></div>
</div>
<div class="fc-userpage-itemlist-canvas" jsselect="friends" jsdisplay="size() > 0" class="fc-userpage-itemlist" jsvars="label:MSG_PROFILE_FRIENDS;showAllHandler:showAllProfileFriends;numPreviewItems:16">
<div transclude="faces-preview-tpl"></div>
</div>
<div jsselect="activities" jsdisplay="size() > 0" jsvars="numPreviewItems:2;heading:MSG_ACTIVITIES;items:$this;showAllHandler:showAllActivities;transform:transformActivity">
<div transclude="item-list-preview-tpl"></div>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
<div transclude="bottom-paging-tpl"></div>
</div>
<div id="item-list-preview-tpl" class="fc-userpage-itemlist">
<span class="fc-sectitle" jscontent="heading"></span>
<span class="fc-userpage-itemlist-paging">
<a class="fc-see-all" href="javascript:void(0);" jscontent="MSG_MORE" jsdisplay="items.getTotalSize() > numPreviewItems" jsvalues="$h:handle(this,showAllHandler)"></a>
</span>
<div class="fc-itemlist-table" jsselect="map(items, transform).slice(0, numPreviewItems)">
<div transclude="item-tpl"></div>
</div>
</div>
<div id="item-list-preview-tpl:canvas" class="fc-userpage-itemlist-canvas">
<span class="fc-sectitle fc-sectitle-canvas" style="font-size:14px" jscontent="heading"></span>&nbsp;
<span class="fc-userpage-itemlist-paging">
<a class="fc-see-all" href="javascript:void(0);" jscontent="MSG_MORE" jsdisplay="items.getTotalSize() > numPreviewItems" jsvalues="$h:handle(this,showAllHandler)"></a>
</span>
<div class="fc-itemlist-table" jsselect="map(items, transform).slice(0, numPreviewItems)">
<div transclude="item-tpl"></div>
</div>
</div>
<div id="profile-summary-tpl">
<div jsselect="person">
<span class="fc-userpage-pic">
<div jsdisplay="!isCanvasMode()">
<div transclude="member-thumb-tpl"></div>
</div>
<div jsdisplay="isCanvasMode()">
<div transclude="member-thumb-65-tpl"></div>
</div>
</span>
</div>
<div class="fc-userpic-caption">
<div jsselect="person">
<a target="_blank" jsdisplay="externalProfileUrl" jsvalues="href:externalProfileUrl">
<div jsvalues=".className:(isCanvasMode() ? 'fc-userpage-name fc-userpage-name-canvas' : 'fc-userpage-name')" jscontent="getDisplayName()"></div>
</a>
<span jsdisplay="!externalProfileUrl || typeof(externalProfileUrl)==undefined">
<div jsvalues=".className:(isCanvasMode() ? 'fc-userpage-name fc-userpage-name-canvas' : 'fc-userpage-name')" jscontent="getDisplayName()"></div>
</span>
</div>
<div style="padding-bottom:2px">
<div jsdisplay="typeof(isFriend) != 'undefined' && !isFriend && typeof(isInvited) == 'undefined'">
<a jsvalues="$h:handle(this,'goToInviteFriend');.className:(isCanvasMode() ? 'fc-default-link fc-default-link-canvas' : 'fc-default-link')"
href="javascript:void(0);" jsselect="person">
<img class="fc-plus-pic" src="http://www.google.com/friendconnect/static/images/plus.gif">
<span jscontent="MSG_ADD_AS_FRIEND"></span>
</a>
</div>
<div jsdisplay="typeof(isInvited) != 'undefined' && isInvited" jscontent="MSG_IS_INVITED">
</div>
<div jsdisplay="isFriend" jscontent="MSG_IS_FRIEND">
</div>
</div>
<div jsdisplay="isViewerAdmin">
<div jsdisplay="!isAdmin && (typeof(isBlocked) != 'undefined' && !isBlocked)">
<a class="fc-faded-link" href="javascript:void(0);" jsselect="person" jsvalues="$h:handle(this,'goToBlockMember')">
<img class="fc-do-not-enter-pic" src="http://www.google.com/friendconnect/static/images/do-not-enter.gif">
<span jscontent="MSG_BLOCK_USER"></span>
</a>
</div>
<div jsdisplay="isBlocked">
<a class="fc-faded-link-small" href="javascript:void(0);" jsselect="person" jsvalues="$h:handle(this,'unblockUser')">
<img class="fc-plus-pic" src="http://www.google.com/friendconnect/static/images/unblock.gif">
<span jscontent="MSG_UNBLOCK_USER"></span>
</a>
</div>
<div jsdisplay="isAdmin" class="fc-profile-summary" jscontent="MSG_USER_IS_ADMIN"></div>
</div>
</div>
<div class="clear">
</div>
</div>
<div id="activities-tpl" class="fc-members"
jsvars="label:MSG_ALL_ACTIVITIES; previous:MSG_NEWER;next:MSG_OLDER;items:profile.activities;transform:transformActivity;nextHandler:nextActivities;prevHandler:prevActivities">
<div transclude="items-tpl">
</div>
</div>
<div id="members-page-tpl" class="fc-members"
jsvars="label:MSG_ALL_SITE_MEMBERS;items:members;nextHandler:nextMembers;prevHandler:previousMembers">
<div transclude="faces-page-tpl"></div>
</div>
<div id="blocked-members-page-tpl" class="fc-members"
jsvars="label:MSG_ALL_BLOCKED_MEMBERS;items:blockedMembers;nextHandler:nextBlockedMembers;prevHandler:previousBlockedMembers;noneMessage:MSG_NO_BLOCKED_MEMBERS;showAllFilter:true">
<div transclude="faces-page-tpl"></div>
</div>
<div id="profile-friends-page-tpl" class="fc-members"
jsvars="label:MSG_ALL_PROFILE_FRIENDS;items:profile.friends;nextHandler:nextProfileFriends;prevHandler:previousProfileFriends">
<div transclude="faces-page-tpl"></div>
</div>
<div id="viewer-friends-page-tpl" class="fc-members"
jsvars="label:MSG_ALL_YOUR_FRIENDS;items:friends;nextHandler:nextViewerFriends;prevHandler:previousViewerFriends">
<div transclude="faces-page-tpl"></div>
</div>
<div id="faces-page-tpl" class="fc-members" jsvars="previous:MSG_PREVIOUS;next:MSG_NEXT">
<div transclude="topcap-tpl"></div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-bg' : 'fc-noscroll-botnav fc-content-bg')">
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-canvas fc-minheight' : 'fc-content')">
<div class="fc-mem-grid" style="padding-bottom:0">
<div class="clear"></div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-sectitle fc-sectitle-canvas' : 'fc-sectitle')">
<span jsdisplay="showAllFilter" class="fc-right-verb"><a href="javascript:void(0);" jscontent="MSG_SHOW_ALL" jsvalues="$h:handle(this,showUnblockedMembers)"></a></span>
<span jscontent="label"></span>&nbsp;(<span jscontent="items.getTotalSize() || '0'"></span>)
</div>
<div class="clear"></div>
<div class="fc-no-elements" jscontent="noneMessage" jsdisplay="!items.getTotalSize() && noneMessage">
</div>
<div class="fc-thumbnail" jsselect="items.asArray()">
<div transclude="member-thumb-large-tpl"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div transclude="bottom-paging-tpl">
</div>
</div>
<div id="faces-page-tpl:canvas" class="fc-members" jsvars="previous:MSG_PREVIOUS;next:MSG_NEXT">
<div transclude="top-paging-tpl"></div>
<div class="fc-minheight fc-content-bg">
<div class="fc-members-header" style="border-top:none">
<span jsdisplay="showAllFilter" class="fc-right-verb"><a href="javascript:void(0);" jscontent="MSG_SHOW_ALL" jsvalues="$h:handle(this,showUnblockedMembers)"></a></span>
<span class="fc-header-sectitle" jscontent="label"></span>&nbsp;(<span jscontent="items.getTotalSize() || '0'"></span>)
</div>
<div class="fc-mem-grid" style="padding-bottom:0">
<div class="fc-no-elements" jscontent="noneMessage" jsdisplay="!items.getTotalSize() && noneMessage">
</div>
<div class="fc-thumbnail" jsselect="items.asArray()">
<div transclude="member-thumb-large-tpl"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div transclude="bottom-paging-tpl"></div>
</div>
<div id="links-tpl" class="fc-members"
jsvars="label:MSG_ALL_LINKS;previous:MSG_PREVIOUS;next:MSG_NEXT;items:profile.links;transform:transformLink;nextHandler:nextLinks;prevHandler:previousLinks">
<div transclude="items-tpl">
</div>
</div>
<div id="sites-tpl" class="fc-members"
jsvars="label:MSG_ALL_SITES;previous:MSG_PREVIOUS;next:MSG_NEXT;items:profile.sites;transform:transformSite;nextHandler:nextSites;prevHandler:previousSites">
<div transclude="items-tpl">
</div>
</div>
<div id="items-tpl" class="fc-members">
<div jsdisplay="isCanvasMode()">
<div transclude="topcap-nav-tpl"></div>
</div>
<div jsdisplay="!isCanvasMode()">
<div transclude="topcap-tpl"></div>
</div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-bg' : 'fc-scroll-botnav fc-content-bg')">
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-canvas fc-minheight' : 'fc-content')">
<div jsselect="profile">
<div transclude="profile-summary-tpl">
</div>
<div class="fc-userpage-itemlist" >
<span jsvalues=".className:(isCanvasMode() ? 'fc-sectitle fc-sectitle-canvas' : 'fc-sectitle')" jscontent="label"></span>&nbsp;
</span>
<div class="fc-itemlist-table" jsselect="map(items, transform)">
<div transclude="item-tpl"></div>
</div>
</div>
</div>
</div>
</div>
<div transclude="bottom-paging-tpl">
</div>
</div>
<div id="invite-friend-tpl" class="fc-members" jsvars="sendHandler:sendInvite">
<div transclude="topcap-tpl"></div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-bg' : 'fc-scroll-botnav fc-content-bg')">
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-canvas fc-minheight' : 'fc-content')">
<div jsselect="profile.person">
<span class="fc-userpage-pic">
<div transclude="member-thumb-tpl"></div>
</span>
<div class="fc-userpic-caption">
<div class="fc-userpage-name" jscontent="getDisplayName()"></div>
</div>
<div class="fc-message">
<div jsvalues=".className:(isCanvasMode() ? 'fc-sectitle fc-sectitle-canvas' : 'fc-sectitle')" jscontent="MSG_INVITATION"></div>
<textarea class="fc-textarea" name="textarea" rows="2" jsvalues="id:'inviteMessage'"></textarea>
<div class="fc-helpful" jscontent="MSG_HELP_FRIENDINVITE"></div>
<div jsvars="buttonHandler:sendHandler;buttonLabel:MSG_SEND">
<div transclude="button-tpl"></div>
</div>
</div>
</div>
</div>
</div>
<div transclude="bottom-paging-tpl">
</div>
</div>
<div id="block-member-tpl" class="fc-members" jsvars="sendHandler:blockMember">
<div jsdisplay="isCanvasMode()">
<div transclude="topcap-nav-tpl"></div>
</div>
<div jsdisplay="!isCanvasMode()">
<div transclude="topcap-tpl"></div>
</div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-bg' : 'fc-scroll-botnav fc-content-bg')">
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-canvas fc-minheight' : 'fc-content')">
<div jsselect="profile.person">
<span class="fc-userpage-pic">
<div transclude="member-thumb-tpl"></div>
</span>
<div class="fc-userpic-caption">
<div class="fc-userpage-name" jscontent="getDisplayName()"></div>
</div>
<div class="fc-message">
<div jsvalues=".className:(isCanvasMode()
? 'fc-blocked-helpful-msg-canvas'
: 'fc-blocked-helpful-msg-gadget')"
jscontent="MSG_HELP_BLOCKMEMBER">
</div>
<span jsvars="buttonHandler:sendHandler;buttonLabel:MSG_BLOCK">
<div transclude="button-tpl"></div>
</span>
&nbsp; &nbsp;
<a jsvalues="$h:handle(this,'goBack');.className:(isCanvasMode() ? 'fc-default-link fc-default-link-canvas' : 'fc-default-link')"
href="javascript:void(0);" jscontent="MSG_CANCEL">
</a>
</div>
</div>
</div>
</div>
<div transclude="bottom-paging-tpl">
</div>
</div>
<span id="send-button-tpl" class="fc-send" jscontent="MSG_SEND" jsvalues="$h:handle(this,sendHandler)"></span>
<div id="bottom-paging-tpl" class="fc-botcap-short">
<div transclude="paging-tpl"></div>
</div>
<div id="bottom-paging-tpl:canvas" class="fc-botcap-short fc-botcap-short-canvas">
<div transclude="paging-tpl"></div>
</div>
<div id="top-paging-tpl" class="fc-topverb">
<div transclude="paging-tpl"></div>
</div>
<div id="top-paging-tpl:canvas" class="fc-topverb fc-topverb-canvas">
<div transclude="paging-tpl"></div>
</div>
<a id="goback-tpl" href="javascript:void(0);" jscontent="MSG_BACK" jsvalues="$h:handle(this,'goBack')" jsdisplay="!isHome()"></a>
<a jsdisplay="!hasMenuMode('profile')" id="gobacktop-tpl" jscontent="MSG_BACK_TO_TOP" jsvalues="$h:handle(this,'goBackToHome')" href="javascript:void(0);"></a>
<a id="view-my-profile-tpl" jscontent="MSG_VIEW_MY_PROFILE" jsvalues="$h:handle(this,'goToViewerProfile')" href="javascript:void(0);" jsdisplay="viewer.getId() && isCanvasMode()"></a>
<div id="paging-tpl">
<span jsvalues=".className:(isCanvasMode() ? 'fc-left-verb fc-left-verb-canvas' : 'fc-left-verb')">
<span transclude="gobacktop-tpl"></span>&nbsp;&nbsp;
<span transclude="goback-tpl"></span>&nbsp;&nbsp;
</span>
<span jsvalues=".className:(isCanvasMode() ? 'fc-right-verb fc-right-verb-canvas' : 'fc-right-verb')" jsselect="items" style="margin-right:4px;">
<a style="padding-right:4px;" jscontent="previous" jsvalues="$h:handle(this,prevHandler)" href="javascript:void(0);" jsdisplay="$this.getOffset() > 0"></a>
<span style="visibility:hidden;padding-right:4px;" jscontent="previous" jsdisplay="$this.getOffset() == 0"></span>
<a jscontent="next" jsvalues="$h:handle(this,nextHandler)" href="javascript:void(0);" jsdisplay="$this.getTotalSize() > ($this.size() + $this.getOffset())"></a>
<span style="visibility:hidden" jscontent="next" jsdisplay="$this.getTotalSize() <= ($this.size() + $this.getOffset())"></span>
</span>&nbsp;
<div class="clear"></div>
</div>
<div id="friend-requests-tpl" class="fc-members">
<div transclude="topcap-tpl"></div>
<div class="fc-scroll-botnav fc-content-bg">
<div class="fc-friendreq" jsselect="friendRequests.asArray()">
<div class="fc-userpic" jsselect="$this.getField(google.FriendConnect.Invite.Field.INVITER)">
<div transclude="member-thumb-tpl"></div>
</div>
<div class="fc-userpic-caption">
<span jsselect="$this.getField(google.FriendConnect.Invite.Field.INVITER)">
<div class="fc-username" jscontent="getDisplayName()"></div>
<a jsvalues="$h:handle(this,'acceptFriendRequest');.className:(isCanvasMode() ? 'fc-default-link fc-default-link-canvas' : 'fc-default-link')"
href="javascript:void(0);" jscontent="MSG_ADD_AS_FRIEND"></a> |
<a jsvalues="$h:handle(this,'ignoreFriendRequest');.className:(isCanvasMode() ? 'fc-default-link fc-default-link-canvas' : 'fc-default-link')"
href="javascript:void(0);" jscontent="MSG_IGNORE"></a>
</span>
<div class="fc-friendreq-text" jsselect="$this.getField(google.FriendConnect.Invite.Field.MESSAGE)" jscontent="$this">
</div>
</div>
</div>
<div jsvalues=".className:(isCanvasMode() ? '' : 'fc-content')">
<span class="fc-helpful" jscontent="MSG_HELP_FRIENDREQUEST"></span>
</div>
</div>
<div transclude="bottom-paging-tpl">
</div>
</div>
<div id="invitedby-tpl">
<div jsvalues=".className:(isCanvasMode() ? 'fc-invitedby-canvas' : 'fc-invitedby')" jsselect="invitedBy">
<div class="fc-userpic">
<div transclude="member-thumb-tpl"></div>
</div>
<div class="fc-invitedby-text" jscontent="MSG_INVITED_YOU"></div>
<div class="fc-invitedby-link-container"><a class="fc-invitedby-link" href="javascript:void(0);" jsvalues="$h:handle(this,'viewProfile')" jscontent="MSG_VIEW_INVITER_PROFILE"></a></div>
</div>
</div>
<div id="friendreqs-tpl">
<div jsvalues=".className:(isCanvasMode() ? 'fc-friendreqs-canvas' : 'fc-friendreqs')" jsselect="friendRequests" jsdisplay="$this.size()">
<div class="fc-userpic" jsselect="asArray()[0].getField(google.FriendConnect.Invite.Field.INVITER)">
<div transclude="member-thumb-tpl"></div>
</div>
<a class="fc-friendreqs-link" href="javascript:void(0);" jsvalues="$h:handle(this,'viewFriendRequests')" jscontent="MSG_NEW_FRIEND_REQUESTS"></a>
</div>
</div>
<div id="faces-tpl" class="fc-members" jsvars="friendReqs:(friendRequests && friendRequests.size() > 0)">
<div transclude="topcap-tpl"></div>
<div transclude="invitedby-tpl"></div>
<div transclude="friendreqs-tpl"></div>
<div jsvars="dropARow:(friendReqs || invitedBy)">
<div jsvalues=".className:(dropARow ? 'fc-content-bg fc-noscroll-friendreq' : 'fc-content-bg fc-noscroll')">
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-canvas fc-minheight' : 'fc-content')" style="padding-bottom:0px">
<div class="fc-no-elements" jsdisplay="!members || !members.getTotalSize()">
<div jscontent="MSG_NO_SITE_MEMBERS">
</div>
<a href="javascript:void(0);" jsvalues="$h:handle(this,'signin')" jscontent="MSG_BE_THE_FIRST"></a>
</div>
<div jsselect="members" jsvars="label:MSG_SITE_MEMBERS;showAllHandler:showAllMembers;numPreviewItems:numPreviewMembers(dropARow);showBlockedFilter:false;needsZoomyForNoTop:hasMenuMode('members')">
<div transclude="faces-preview-tpl">
</div>
</div>
<div jsselect="friends" jsvars="label:MSG_YOUR_FRIENDS;showAllHandler:showAllViewerFriends;numPreviewItems:numPreviewFriends(dropARow);showBlockedFilter:false">
<div transclude="faces-preview-tpl">
</div>
</div>
</div>
</div>
</div>
<div transclude="footer-text-tpl"></div>
</div>
<div id="faces-tpl:canvas" class="fc-members" jsvars="friendReqs:(friendRequests && friendRequests.size() > 0)">
<div transclude="invitedby-tpl"></div>
<div transclude="friendreqs-tpl"></div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-content-bg fc-minheight' : 'fc-content')">
<div jsselect="members" jsvars="label:MSG_SITE_MEMBERS;showAllHandler:showAllMembers;numPreviewItems:numPreviewMembers(friendReqs);showBlockedFilter:isViewerAdmin">
<div transclude="faces-preview-large-tpl">
</div>
</div>
<div class="fc-no-elements" jscontent="MSG_NO_SITE_MEMBERS" jsdisplay="!members || !members.getTotalSize()">
</div>
<div jsselect="friends" jsvars="label:MSG_YOUR_FRIENDS;showAllHandler:showAllViewerFriends;numPreviewItems:numPreviewFriends(friendReqs);showBlockedFilter:false">
<div transclude="faces-preview-large-tpl">
</div>
</div>
</div>
<div transclude="footer-text-tpl"></div>
</div>
<div id="faces-preview-tpl" class="fc-mem-grid" jsdisplay="$this && $this.size() && numPreviewItems > 0">
<div jsdisplay="needsZoomyForNoTop">
<div transclude="zoomy-tpl"></div>
</div>
<div jsvalues=".className:(isCanvasMode() ? 'fc-sectitle fc-sectitle-canvas' : 'fc-sectitle')">
<span jscontent="label"></span>&nbsp;(<span jscontent="$this.getTotalSize() || '0'"></span>)
<a class="fc-see-all" href="javascript:void(0);" jsdisplay="$this.getTotalSize() > numPreviewItems" jscontent="MSG_MORE" jsvalues="$h:handle(this,showAllHandler)"></a>
<span jsdisplay="showBlockedFilter">
<a class="fc-see-all" href="javascript:void(0);" jscontent="MSG_SHOW_BLOCKED" jsvalues="$h:handle(this,showBlockedMembers)"></a>
</span>
</div>
<div class="clear"></div>
<div class="fc-thumbnail" jsselect="safeSlice($this.asArray(), 0, numPreviewItems)">
<div transclude="member-thumb-tpl"></div>
</div>
<div class="clear"></div>
</div>
<div id="faces-preview-large-tpl:canvas" class="fc-mem-grid" jsdisplay="($this && $this.size() && numPreviewItems > 0) || showBlockedFilter">
<div class="fc-members-header">
<span class="fc-header-sectitle" style="font-size:15px" jscontent="label"></span>&nbsp;(<span jscontent="$this.getTotalSize() || '0'"></span>)
<span class="fc-see-all">
<span jsdisplay="showBlockedFilter"><a href="javascript:void(0);" jscontent="MSG_SHOW_BLOCKED" jsvalues="$h:handle(this,showBlockedMembers)"></a></span>
<a href="javascript:void(0);" jsdisplay="$this.getTotalSize() > numPreviewItems" jscontent="MSG_MORE" jsvalues="$h:handle(this,showAllHandler)"></a>
</span>
</div>
<div class="fc-thumbnail" jsselect="safeSlice($this.asArray(), 0, numPreviewItems)">
<div transclude="member-thumb-large-tpl"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer-text-tpl" class="fc-subtle-botcap">
<div jsdisplay="viewer != null">
<span class="fc-faded-link-small">
<a href="javascript:void(0);" jsvalues="$h:handle(this,'invite')" jscontent="MSG_INVITE_YOUR_FRIENDS"></a>
</span>
</div>
<div jsdisplay="viewer == null">
<span class="fc-botcap-text" jscontent="MSG_ALREADY_MEMBER"></span>
<span class="fc-content-link">
<a href="javascript:void(0);" jsvalues="$h:handle(this,'signin')" jscontent="MSG_SIGN_IN"></a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
_IG_RegisterOnloadHandler( function() {
var gadget = new goog.peoplesense.gadget.Members();
gadget.start();
});
</script>
]]>
</Content>
</Module>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment