visa business network

Ready?

Sign In
|
|
Help

<div class="slGroupLinks">
    ${breadcrumbs}
    <div class="slPageTitle">Add a Link to ${group.Title}</div>
    <form action="javascript:WIDGETINSTANCE.updateGroupLinks()" method="get" accept-charset="utf-8" id="${formId}" class="slForm">
        <div class="slNote">* Required Fields</div>
        <div class="slForm">
            <ul class="slItems">
            {for bookmark in bookmarks}
                <li class="slFormSection">
                    <div class="slFormField">
                        <div class="slErrorText slErrorUrl" id="${blankUrlErrorIds[bookmark_index]}">You must enter a URL.</div>
                        <div class="slErrorText slErrorTitle" id="${blankTitleErrorIds[bookmark_index]}">You must enter a title.</div>
                        <div class="slErrorText slErrorJSUrl" id="${jsUrlErrorIds[bookmark_index]}">The URL may not be a JavaScript URL.</div>
                        <div class="slBookmarkEntry">
                            <label>Link Url <span>*</span></label>
                            <input type="text" class="slFormInput slFormInputText" id="link_url${bookmark_index}" name="url${bookmark_index}" value="${bookmark.url}" />
                            <div class="slFormInfo">This is the page you are linking to</div>
                        </div>
                        <div class="slBookmarkEntry">
                            <label>Link Title <span>*</span></label>
                            <input type="text" class="slFormInput slFormInputText" name="title${bookmark_index}" value="${bookmark.title}"/>
                            <div class="slFormInfo">This will appear as the name of the link</div>
                        </div>
                        <div class="slBookmarkEditControls">
                            {if bookmark_index < (bookmarks.length - 1)}
                                <a href="#" onclick="WIDGETINSTANCE.removeBookmark(${bookmark_index}); return false;" class="slMinusButton"></a>
                            {/if}
                            {if (bookmark_index == bookmarks.length - 1) && (bookmarkEntries < 10)}
                                <a href="#" onclick="WIDGETINSTANCE.addBookmark(); return false;" class="slPlusButton"></a>
                            {/if}
                        </div>
                    </div>
                </li>
            {/for}
            </ul>
            <div class="slFormSection slFormControls">
                <a href="#" onclick="document.getElementById('${formId}').submit();" class="slButton1 slSubmit"><span class="slButton1_Right">Save</span></a> 
                <a href="#" onclick="WIDGETINSTANCE.cancel()" class="slCancel">Cancel</a>
            </div>
        </div>
    </form>
    </div>
</div>

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}
<div class="slGroupsDirectory">
    ${breadcrumbs}
    {if options.displayGroupNotFoundMessage}
        <div class="slErrorText" style="display: block;">Sorry, the group you requested was not found.</div>
    {/if}
    
    <div class="slFindGroup">
        <div class="slFLC">
			<div class="groupsSectionIcon"><img src="/images/icon-groupsIcon.gif" alt="Groups directory"/></div>
			<h2 class="slPageTitle groupsHdr">Groups</h2>
			<div class="groupsHdrDesc">
			Start a conversation. Bounce around some ideas. Offer support around goal. Connect with similar businesses here and find common ground in a group.
			</div>
			<div class="groupsSearchBar">
				${searchBar}
			</div>
				{if showCreateGroup && (user.IsBlocked === 'False')}
				
				{/if}
        </div>
    </div>
    
    <div class="moduleSingle shaded">
  <div class="header">
      <h3>Featured Groups</h3>
  </div>
  <div class="moduleContentWrap">
      <div class="moduleContent">
          
      <ul id='search_tpl' class='column'></ul>
    
      </div>
  </div>
  <div class="moduleBtmCap"></div>
</div>

<div class="moduleSingle shaded">
      <div class="header">
          <h3>All Groups</h3>
         
      </div>
      <div class="moduleContentWrap">
          <div class="moduleContent">
            
              {var odd = true}
              <ul class='column'>
                  <li>
              {for group in groups}
                  <div class="{if odd}righted{else}lefted{/if}">
                          <div class="groupDirectoryListIcon">
                              <a href="${urls.groups.overview(group.CommunityGroupKey.Key)}">
                                  <img src="${group.AvatarImageUrl}" class="slAvatar"/>
                              </a>
                          </div>
                          <div class="groupDirectoryItem">
                              <a href="${urls.groups.overview(group.CommunityGroupKey.Key)}" {if group.CommunityGroupVisibility == "Private"} class="" {/if}>${truncateString(group.Title, options.maxGroupTitleLength)}</a>
                          </div>
                          <div class="groupDirectoryMemberCount">${group.CommunityGroupStats.MemberCount} Member{if group.CommunityGroupStats.MemberCount > 1}s{/if}</div>
                  </div>
                  {var odd = !odd}
              {/for}
                  </li>
              </ul>
              <div class="slPagination">
                  <ul>
                      {if paginationVars.firstPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
                      {if paginationVars.prevPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
                      {if paginationVars.nextPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
                      {if paginationVars.lastPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
                  </ul>
                  <div class="slClear"></div>
              </div>
              
          </div>
      </div>
      <div class="moduleBtmCap"></div>
    </div>