<div class="nearestMall clearFloat padding_10"> <div class="categoryTitleBar"> <div class="seeMoreLink mm_link" action="view" data="mall/view/all/Nearby Malls"> view more <span class="rightIcon icon-more-1"></span> </div> <div class="categoryTitle mm_link" action="view" data="mall/view/all/Nearby Malls">Nearby malls</div> <div class="clearFloat"></div> </div> </div> <div class="imgGridWrapper clearFloat padding_10 showSeparator"> <tpl for="."> <div class="imgGridRow"> <tpl for="."> <div class="imgGridCol colCount{[this.getColCount()]}"> <tpl if="src != ''"> <div class="content mm_link" action="view" data="{action}" style="background-image:url('{src}')"></div> </tpl> </div> </tpl> </div> <div class="clearFloat"></div> </tpl> <tpl for="."> <div class="imgGridCaptionRow"> <tpl for="."> <div class="imgGridCol captionColCount{[this.getColCount()]} mm_link" action="view" data="{action}"> {caption} </div> </tpl> </div> <div class="clearFloat"></div> </tpl> </div>
<div class="activityListItem clearFloat padding_10"> <tpl if="metadata.posted_by_page == true"> <div class="leftCol"> <img src="{metadata.user_photo_thumb}" class="userImage mm_link" data="{metadata.location_type}/view/{metadata.location_id}/{metadata.location_name}" action="view" /> </div> <div class="rightCol"> <p class="title"> <span class="mm_link" data="{metadata.location_type}/view/{metadata.location_id}/{metadata.location_name}" action="view">{metadata.user_name}</span> {[this.getDisplayMessage(values.metadata)]} <tpl if="metadata.store_name != null && metadata.chain_id != null"> <tpl if="metadata.location_type == 'Mall'"> <span class="mm_link" data="chain/locations/{metadata.chain_id}/{metadata.location_id}" action="view">@{metadata.store_name}</span> <tpl else> <span class="mm_link" data="chain/locations/{metadata.chain_id}/NA" action="view">@{metadata.store_name}</span> </tpl> </tpl> </p> <tpl else> <div class="leftCol"> <img src="{metadata.user_photo_thumb}" class="userImage mm_link" data="user/view/{metadata.user_id}/{metadata.user_name}" action="view" /> </div> <div class="rightCol"> <p class="title"> <span class="mm_link" data="user/view/{metadata.user_id}/{metadata.user_name}" action="view">{metadata.user_name}</span> {[this.getDisplayMessage(values.metadata)]} </p> </tpl> <p class="timeAgo"> {timeago} <tpl if="metadata.action_type == 'facebook' || metadata.action_type == 'Facebook'"> via <span class="viaFBIcon"> </span> <tpl elseif="metadata.action_type == 'instagram' || metadata.action_type == 'Instagram'"> via <span class="viaInstagramIcon"> </span> </tpl> </p> </div> <div class="clearFloat"></div> <tpl if="metadata.image != null"> <div class="imageWrapper"> {[this.showPicture(values.metadata.image_small, values.metadata.image)]} <tpl if="current_user_loves == true"> <div class="btnLove selected"> <span class="mm_link icon-heart" action="unlove"></span> </div> <tpl else> <div class="btnLove"> <span class="mm_link icon-heart" action="love"></span> </div> </tpl> <!--<div class="btnShare"> <span class="mm_link icon-share" action="share"></span> </div>--> </div> </tpl> <tpl if="metadata.message != null"> <p class="comment">{[this.getActionComment(values.metadata)]}</p> </tpl> <tpl if="(metadata.action_type != 'Love' && metadata.action_type != 'love' && metadata.action_type != 'Like' && metadata.action_type != 'like') || metadata.entity_type == 'Action'"> <div class="countContainer"> <tpl if="current_user_love_id != '-1'"> <span class="likesCount currUserLikes">{loved_by}</span> <tpl else> <span class="likesCount">{loved_by}</span> </tpl> <tpl if="current_user_commented == true"> <span class="commentsCount currUserCommented"> {comments_count} <tpl if="comments_count == 1"> comment <tpl else> comments </tpl> </span> <tpl else> <span class="commentsCount"> {comments_count} <tpl if="comments_count == 1"> comment <tpl else> comments </tpl> </span> </tpl> </div> </tpl> <div class="clearFloat"></div> </div>
<div class="activityDetailItem clearFloat padding_10"> <tpl if="metadata.posted_by_page == true"> <div class="leftCol"> <img src="{metadata.user_photo_thumb}" class="userImage mm_link" data="{metadata.location_type}/view/{metadata.location_id}/{metadata.location_name}" action="view" /> </div> <div class="rightCol"> <p class="title"> <span class="mm_link" data="{metadata.location_type}/view/{metadata.location_id}/{metadata.location_name}" action="view">{metadata.user_name}</span> {[this.getDisplayMessage(values.metadata)]} <tpl if="metadata.store_name != null && metadata.chain_id != null"> <tpl if="metadata.location_type == 'Mall'"> <span class="mm_link" data="chain/locations/{metadata.chain_id}/{metadata.location_id}" action="view">@{metadata.store_name}</span> <tpl else> <span class="mm_link" data="chain/locations/{metadata.chain_id}/NA" action="view">@{metadata.store_name}</span> </tpl> </tpl> </p> <tpl else> <div class="leftCol"> <img src="{metadata.user_photo_thumb}" class="userImage mm_link" data="user/view/{metadata.user_id}/{metadata.user_name}" action="view" /> </div> <div class="rightCol"> <p class="title"> <span class="mm_link" data="user/view/{metadata.user_id}/{metadata.user_name}" action="view">{metadata.user_name}</span> {[this.getDisplayMessage(values.metadata)]} </p> </tpl> <p class="timeAgo"> {timeago} <tpl if="metadata.action_type == 'facebook' || metadata.action_type == 'Facebook'"> via <span class="viaFBIcon"> </span> <tpl elseif="metadata.action_type == 'instagram' || metadata.action_type == 'Instagram'"> via <span class="viaInstagramIcon"> </span> </tpl> </p> </div> <div class="clearFloat"></div> <tpl if="metadata.image != null"> <div class="imageWrapper"> {[this.showPicture(values.metadata.image)]} <tpl if="current_user_loves == true"> <div class="btnLove selected"> <span class="mm_link icon-heart" action="unlove"></span> </div> <tpl else> <div class="btnLove"> <span class="mm_link icon-heart" action="love"></span> </div> </tpl> <!--<div class="btnShare"> <span class="mm_link icon-share" action="share"></span> </div>--> </div> </tpl> <tpl if="metadata.message != null"> <p class="comment">{[this.getActionComment(values.metadata)]}</p> </tpl> <div class="lovesCountContainer"> <span class="heartIcon icon-heart"></span> <span class="lovesCount"> <tpl if="loved_by == 0"><span>Be the first to Love this.</span> <tpl elseif="loved_by == 1 && current_user_loves == false"><span class="highlight">1 Person</span><span> Loves this.</span> <tpl elseif="loved_by == 1 && current_user_loves == true"><span class="highlight">You</span><span> Love this.</span> <tpl elseif="loved_by == 2 && current_user_loves == true"><span class="highlight">You and 1 Person</span><span> Love this.</span> <tpl else> <tpl if="current_user_loves == true"> <span class="highlight">You and {[values.loved_by - 1]} People</span><span> Love this.</span> <tpl else> <span class="highlight">{loved_by} People</span><span> Love this.</span> </tpl> </tpl> </span> </div> <div class="clearFloat"></div> </div>
<div class="activityListItem clearFloat padding_10 hideSeparator"> <div class="categoryTitleBar"> <div class="seeMoreLink mm_link" action="view" data="feed/view/{[this.getCategoryId()]}/{[this.getCategoryTitle()]}"> view more <span class="rightIcon icon-more-1"></span> </div> <div class="categoryTitle mm_link" action="view" data="feed/view/{[this.getCategoryId()]}/{[this.getCategoryTitle()]}"> {[this.getCategoryTitle()]} <tpl if="this.getCategoryId() == 'loved_places' || this.getCategoryId() == 'mates'"> <span class="inlineIcon icon-heart"></span> <tpl elseif="this.getCategoryId() == 'nearby'"> <span class="inlineIcon icon-pin"></span> </tpl> </div> <div class="clearFloat"></div> </div> <div class="clearFloat"></div> </div>
<div class="imgGridWrapper clearFloat padding_10 showSeparator"> <tpl for="."> <div class="imgGridRow"> <tpl for="."> <div class="imgGridCol colCount{[this.getColCount()]}"> <div class="content mm_link" action="view" data="{action}" style="background-image:url('{src}')"> <tpl if="imgCaption != ''"> <div class="imgCaption" style="background-image:url('{imgCaption}')"></div> </tpl> </div> </div> </tpl> </div> <div class="clearFloat"></div> </tpl> </div>
<div class="activityComments"> <img src="{user_photo}" onError="this.onerror=null;this.src='resources/images/unknownUser.png';" /> <span>{user_name}</span> <span class="mm_time"> - {date}</span> <p>{comment_text}</p> <div class="clearFloat"></div> </div>
<div class="mates_list_item padding_10"> <div class="leftCol"> <img src="{fb_photo}" /> </div> <div class="rightCol"> <tpl if="isCurrentUser == false"> <tpl if="follow_status == true"> <span class="btnToggleFollow unfollow mm_link" action="unfollow">Unfollow</span> <tpl else> <span class="btnToggleFollow follow mm_link" action="follow">Follow</span> </tpl> </tpl> </div> <div class="midCol"> <p class="title">{first_name} {last_name}</p> <tpl if="places_love_count != null && places_love_count != 0"> <p class="likeCount"> Loves {places_love_count} <tpl if="places_love_count == 1"> place <tpl else> places </tpl> </p> </tpl> </div> <div class="clearFloat"></div> </div> <div class="clearFloat"></div>
<div class="suggestionsItem"> <div class="imageWrapper"> <img src="{fb_photo}" class="entityImage" /> <tpl if="user_like_this == true"> <div class="btnLove selected"> <span class="heartIcon mm_link icon-heart"></span> </div> <tpl else> <div class="btnLove unselected"> <span class="heartIcon mm_link icon-heart"></span> </div> </tpl> </div> <div class="entityName"> {name} </div> </div>
<div class="mallListItem clearFloat padding_10"> <p class="title">{mall.name}</p> <div class="leftCol"> <tpl if="ignore_facebook_image == true"> <img src="resources/images/defaultShopImage.png" class="mallImage" /> <tpl else> <img src="{fb_photo}" class="mallImage" /> </tpl> </div> <div class="rightCol"> <div class="thumbs"> <!-- The following HTML comment tags have been added to remove default browser spacing between inline images --> <!-- <tpl for="recommended_stores"> --><img src="{url}" class="mm_store_image" data="shop::{id}::NA"/><!-- </tpl> --> </div> <div class="properties"> <span class="icon-pin distance"> {[this.getDistance(values.distance)]}</span> <tpl if="count_deals == 0"> <span class="icon-bag stores"> {[this.getStores(values.count_stores)]}</span> <tpl else> <span class="icon-deal deals"> {[this.getDeals(values.count_deals)]}</span> </tpl> <span class="icon-heart likes"> {[this.getLikes(values.likes)]}</span> </div> </div> </div> <div class="clearFloat"></div>
<div class="userProfile"> <div class="userInfo padding_10"> <div class="leftCol"> <img src="{fb_photo}" id="userImage" /> </div> <div class="rightCol"> <p class="title">{first_name} {last_name}</p> <p class="matesCount"> <span class="mm_link" action="show_followers" id="followersCount">{followers_count} Followers</span><span class="mm_link" id="followingCount" action="show_following">{following_count} Following</span> </p> </div> <div class="clearFloat"></div> </div> <div class="placesCount" id="placesUserLovesWrapper"> <div class="placesThumbsContainer" id="placesUserLovesThumbsWrapper"> <tpl for="places"> {% if (xindex > 3) break; %} <img src="{fb_photo}" class="favPlaceThumb" /> </tpl> </div> <tpl if="this.isMoreThanThreePlaces(places_love_count)"> and {[values.places_love_count - 3]} more <span class="starIcon icon-star" id="placesUserLovesStar">Places</span> </tpl> </div> <div class="loveListTitleBar"> <span class="iconInline icon-heart">Stuff I love</span> <div class="clearFloat"></div> </div> </div>
<div class="placesListItem padding_10"> <div class="row"> <div class="leftCol itemPic"> <img src="{fb_photo}" /> </div> <div class="rightCol itemName"> <!--<tpl if="location_type == 'chain'"> <span class="icon-bag stores"> {stores_count} Store<tpl if="this.isStoresCountMoreThanOne(stores_count)">s</tpl></span> </tpl>--> <p class="title">{name}</p> <span class="subtitle">{store_category_name}</span> </div> <div class="clearFloat"></div> </div> </div>
<div class="placesListMapItem"> <div class="placeDetails padding_5"> <div class="titleRow"> <div class="likesCount" id="likesCount"> <tpl if="current_user_like == true"> <span class="likesIconLeft currUserLikes icon-heart mm_link" action="unlike"></span> <tpl else> <span class="likesIconLeft icon-heart mm_link" action="like"></span> </tpl> <span class="likesLabel">{[this.getLikes(values.likes)]}</span> </div> <h1>{name}</h1> <div class="clearFloat"></div> </div> <div class="detailRow"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" class="mallImage" /> <tpl else> <img src="resources/images/defaultShopImage.png" class="mallImage" /> </tpl> <tpl if="street !== ''"> <span class="address" id="staticMap1">{street}</span> </tpl> <!--<br> <span class="address" id="staticMap2">{city} - {zipcode}</span>--> <tpl if="city !== '' || zipcode !== ''"> <br> <span class="address" id="staticMap2">{city}<tpl if="zipcode !== ''"> - {zipcode}</tpl></span> </tpl> <tpl if="phone_number !== ''"> <br> <span class="phone"><a href="tel:{phone_number}">{phone_number}</a></span> </tpl> <tpl if="url !== ''"> <br> <span class="website"><a href="{url}">Visit website</a></span> </tpl> <div class="clearFloat"></div> </div> </div> <div class="btnRow"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <tpl if="(this.getEntityType() == 'malls' && micello_id != -1) || (this.getEntityType() == 'chain' && (store_info.micelloId != null && store_info.micelloId != ''))"> <td width="50%"> <div class="btnLocate mm_link" action="locate"> <span class="inlineIcon icon-map"></span> Locate Store </div> </td> </tpl> <td> <div class="btnDetails mm_link" action="details"> <span class="inlineIcon icon-more-1"></span> View full details </div> </td> </tr> </table> </div> </div>
<div class="placesListMapItem"> <div class="placeDetails padding_5"> <div class="titleRow"> <div class="likesCount" id="likesCount"> <tpl if="current_user_like == true"> <span class="likesIconLeft currUserLikes icon-heart mm_link" action="unlike"></span> <tpl else> <span class="likesIconLeft icon-heart mm_link" action="like"></span> </tpl> <span class="likesLabel">{[this.getLikes(values.likes)]}</span> </div> <h1>{name}</h1> <div class="clearFloat"></div> </div> <div class="detailRow"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" class="mallImage" /> <tpl else> <img src="resources/images/defaultShopImage.png" class="mallImage" /> </tpl> <tpl if"location !== ''"> <span class="address" id="staticMap1">{location}</span> </tpl> <tpl if="phone_number !== ''"> <br> <span class="phone"><a href="tel:{phone_number}">{phone_number}</a></span> </tpl> <tpl if"url !== ''"> <br> <span class="website"><a href="{url}">Visit website</a></span> </tpl> <div class="clearFloat"></div> </div> </div> <div class="btnRow"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <tpl if="micello_id != -1"> <td width="50%"> <div class="btnLocate mm_link" action="locate"> Get Directions </div> </td> </tpl> <td> <div class="btnDetails mm_link" action="details"> View full details </div> </td> </tr> </table> </div> </div>
<div class="loveItem"> <div class="imageWrapper"> <img src="{metadata.image.url}" class="loveImage" /> <tpl if="this.isEntityCurrentUser() == false"> <tpl if="current_user_loves == true"> <div class="btnLove selected"> <span class="mm_link icon-heart" action="unlove"></span> </div> <tpl else> <div class="btnLove"> <span class="mm_link icon-heart" action="love"></span> </div> </tpl> </tpl> </div> <tpl if="(loved_by != null) || (comments_count != null)"> <div class="countContainer"> <tpl if="current_user_loves == true"><span class="likesCount currUserLikes">{loved_by}</span><tpl else><span class="likesCount">{loved_by}</span></tpl> <tpl if="current_user_commented == true"><span class="commentsCount currUserCommented">{comments_count}</span><tpl else><span class="commentsCount">{comments_count}</span></tpl> </div> </tpl> </div>
<div class="gridItem"> <div class="imageWrapper"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" class="entityImage" /> <tpl else> <img src="resources/images/defaultShopImage.png" class="entityImage" /> </tpl> </div> <div class="entityName"> <p>{name}</p> </div> </div>
<div class="mallDetail padding_10"> <div class="titleRow"> <div class="likesCount" id="likesCount"> <tpl if="current_user_like == true"> <span class="likesIconLeft currUserLikes icon-heart mm_link" action="unlike"></span> <tpl else> <span class="likesIconLeft icon-heart mm_link" action="like"></span> </tpl> <span class="likesLabel">{[this.getLikes(values.likes)]}</span> </div> <h1>{name}</h1> <div class="clearFloat"></div> </div> <div class="detailRow"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" class="mallImage" /> <tpl else> <img src="resources/images/defaultShopImage.png" class="mallImage" /> </tpl> <tpl if="street !== ''"> <span class="address" id="staticMap1">{street}</span> </tpl> <tpl if="city !== '' || zipcode !== ''"> <br> <span class="address" id="staticMap2">{city}<tpl if="zipcode !== ''"> - {zipcode}</tpl></span> </tpl> <!--<br> <span class="phone"><a href="tel:{phone_number}">{phone_number}</a></span>--> <tpl if="phone_number !== ''"> <br> <span class="phone"><a href="tel:{phone_number}">{phone_number}</a></span> </tpl> <tpl if="url !== ''"> <br> <span class="website"><a href="{url}">Visit website</a></span> </tpl> <!-- <div class="btnFloorPlanContainer"> <span class="mapIconLeft mallmate_maps"></span> <span class="mapLabel" id="btnFloorPlan">View Floor Plan</span> <span class="mapIconRight mallmate_more_arrow"></span> </div> --> <div class="clearFloat"></div> </div> <tpl if="count_deals != 0 || count_stores != 0 || count_dine != 0"> <div class="buttonRow"> <tpl if="count_deals != 0"> <div class="btn" id="viewDeals"> <span class="mapIconLeft icon-deal"></span> <span class="mapLabel" id="btnViewDeals">{count_deals} Deals</span> <span class="mapIconRight icon-more"></span> </div> </tpl> <tpl if="count_stores != 0"> <div class="btn" id="viewStores"> <span class="mapIconLeft icon-bag"></span> <span class="mapLabel" id="btnViewStores">{count_stores} Stores</span> <span class="mapIconRight icon-more"></span> </div> </tpl> <tpl if="count_dine != 0"> <div class="btn" id="viewDine"> <span class="mapIconLeft icon-dine"></span> <span class="mapLabel" id="btnViewDine">{count_dine} to Dine</span> <span class="mapIconRight icon-more"></span> </div> </tpl> <div class="clearFloat"></div> </div> </tpl> <div class="loveListTitleBar"> <span class="iconInline icon-heart">Stuff shared here</span> <div class="clearFloat"></div> </div> </div>
<div class="shopListItem padding_10"> <p class="title">{name}</p> <div class="leftCol"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" class="shopImage" /> <tpl else> <img src="resources/images/defaultShopImage.png" class="shopImage" /> </tpl> </div> <div class="rightCol"> <div class="thumbs"> <tpl for="mates_who_like"> <img src="{url}" /> </tpl> </div> <div class="properties"> <span class="category">{category}</span> <tpl if="current_user_like == true"><span class="likeCount currUserLikes">{[this.getLikes(values.likes)]}</span><tpl else><span class="likeCount">{[this.getLikes(values.likes)]}</span></tpl> <div class="clearFloat"></div> </div> </div> <div class="clearFloat"></div> </div>
<div class="chainDetail padding_10"> <div class="titleRow"> <div class="leftCol"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" /> <tpl else> <img src="resources/images/defaultShopImage.png" /> </tpl> </div> <div class="rightCol"> <p class="title">{name}</p> </div> <div class="rightCol"> <div class="likesCount" id="likesCount"> <tpl if="current_user_like == true"> <span class="likesIconLeft currUserLikes icon-heart mm_link" action="unlike"></span> <tpl else> <span class="likesIconLeft icon-heart mm_link" action="like"></span> </tpl> <span class="likesLabel">{[this.getLikes(values.likes)]}</span> </div> <p class="chainCategory">{category}</p> <p class="website">Visit website</p> <div class="clearFloat"></div> </div> <div class="clearFloat"></div> </div> <div class="loveListTitleBar"> <span class="iconInline icon-heart">Stuff shared here</span> <div class="clearFloat"></div> </div> </div>
<div class="shopDetail padding_10"> <div class="titleRow"> <div class="likesCount" id="likesCount"> <tpl if="current_user_like == true"> <span class="likesIconLeft currUserLikes icon-heart mm_link" action="unlike"></span> <tpl else> <span class="likesIconLeft icon-heart mm_link" action="like"></span> </tpl> <span class="likesLabel">{[this.getLikes(values.likes)]}</span> </div> <p class="title">{name}</p> <p class="shopCategory">{category}</p> <div class="clearFloat"></div> </div> <div class="detailRow"> <div class="leftCol"> <tpl if="ignore_facebook_image == false"> <img src="{fb_photo}" /> <tpl else> <img src="resources/images/defaultShopImage.png" /> </tpl> </div> <div class="rightCol"> <tpl if="location != ''"> <p>{location}</p> </tpl> <tpl if="phone_number != ''"> <p id="phone"><a href="tel:{phone_number}">{phone_number}</a></p> </tpl> <tpl if="url != ''"> <p class="website" id="website">Visit website</p> </tpl> </div> <div class="clearFloat"></div> </div> <div class="btnRow" id="btnFloorPlan"> <span class="icoLeft icon-map" id="btn_fp_ico1"></span> <span class="label" id="btn_fp_label">LOCATE STORE @ {mall_name}</span> <span class="icoRight icon-more" id="btn_fp_ico2"></span> <div class="clearFloat"></div> </div> <div class="loveListTitleBar"> <span class="iconInline icon-heart">Stuff shared here</span> <div class="clearFloat"></div> </div> </div>
<div class="mates_list_item padding_10"> <div class="leftCol"> <img src="{fb_photo}" /> </div> <div class="rightCol"> <tpl if="inMallMate == true"> <tpl if="current_user_follow == true"> <span class="btnToggleFollow unfollow mm_link" action="unfollow">Unfollow</span> <tpl else> <span class="btnToggleFollow follow mm_link" action="follow">Follow</span> </tpl> <tpl else> <span class="btnInvite mm_link" action="invite">Invite</span> </tpl> </div> <div class="midCol"> <p class="title">{name}</p> </div> <div class="clearFloat"></div> </div> <div class="clearFloat"></div>
<div class="notificationItem padding_10"> <div class="leftCol"> <img src="{photo}" /> </div> <div class="rightCol"> <span class="rightIcon icon-more"></span> </div> <div class="midCol"> {description} </div> <div class="clearFloat"></div> </div> <div class="clearFloat"></div>