Файл: content/themes/facebook/templates/photo.tpl
Строк: 195
{include file='headinclude.tpl'}
{include file='header.tpl'}
<!--
Commom [media post] JS -->
{if $media.IsWall == 'N'}
<script
type="text/javascript"
src="{$SITE_URL}/js/core.media.js"></script>
{else}
<script type="text/javascript"
src="{$SITE_URL}/js/core.post.js"></script>
{/if}
<script
type="text/javascript"
src="{$SITE_URL}/js/page.media.js"></script>
<!--
Commom [media post] JS -->
{if !$userExist}{include
file='signup.bar.tpl'}{/if}
<!-- Content -->
<div
class="contentWrapper">
<div
class="content">
<div
class="pageContent">
<!-- Media
Header -->
<div class="dataContainer
mediaGalleryHeader" id="{if $media.IsWall ==
'N'}{$media.ID}-3-0-{$media.UserID}{else}{$post.ID}-{$post.PostType}-{$post.PostID}-{$post.UserID}{/if}"
>
<!-- Vote Box -->
<div class="dataSideWrapper small">
<div class="voteBox doLikePost {if $media.liked ==
'Y'}active{/if}"><i
class="up"></i></div>
<div
class="voteBox doDislikePost {if $media.liked ==
'N'}active{/if}"><i
class="down"></i></div>
</div>
<!-- Vote Box -->
<!-- Data -->
<div
class="mediaContentWrapper ml10">
<!-- Butttons & Album Name -->
<div class="dataContent mb5">
<!-- Butttons -->
<div class="right">
<span
class="showflyHint" style="margin-right: -4px;">
<!-- flyHint -->
<div class="flyHintWrapper hidden">Media View<i
class="arrow"></i></div>
<!-- flyHint -->
<span
class="uiDoButton clicked"><img
src="{$SITE_URL}/content/themes/default/images/buttons/viewSrc.png"
/></span>
</span>
<span class="showflyHint">
<!-- flyHint -->
<div class="flyHintWrapper hidden">Album View<i
class="arrow"></i></div>
<!-- flyHint -->
<a
href="{$SITE_URL}/albums/photos/{$media.AlbumID}"
class="uiDoButton"><img
src="{$SITE_URL}/content/themes/default/images/buttons/viewAlbum.png"
/></a>
</span>
</div>
<!-- Butttons -->
<!-- Album Name -->
<h3
class="inline">{$media.UserFirstName} {$media.UserLastName}'s
photos - {$media.Title}</h3> <span style="margin-bottom:
-2px;" class="inline ml5 button-favorit doFavorite {if
$media.favorited == true}active{/if}"></span>
<!-- Album Name -->
</div>
<!-- Butttons & Album Name
-->
<!-- UserName &
Time -->
<div class="dataContent
fs11">
By: <a
href="{$SITE_URL}/{$media.UserName}">{$media.UserFirstName}
{$media.UserLastName}</a> - Added <span class="timeago"
data-time="{$media.Time}"
title="{$media.Time|date_format:"%A, %B %e, %Y at %I:%M
%p"}"></span></a>{if $userExist &&
($media.UserID == $userArray['UserID'] || $userArray.UserGroup < 3)} ·
(<a
href="{$SITE_URL}/editalbum/photos/{$media.AlbumID}/edit/">Edit
Photo</a>){/if}
</div>
<!-- UserName & Time -->
</div>
<!-- Data -->
</div>
<!-- Media Header -->
<!-- Gallery Thumbnails -->
<div
class="mediaGallery mt10">
<div
class="mediaGallerySide">
{if
$media.Total > 8}
<div
class="mediaGalleryBtn goLeft"><div
class="relative"><i
class="prev"></i></div></div>
{/if}
</div>
<div
class="mediaGalleryThumbnails ml5 mr5">
<ul style="width: {103 * $media.Total}px;">
{foreach $media.Thumbnials as $albumPhoto}
<li class="mediaThumbnail {if $media.ID ==
$albumPhoto.ID}selected{/if}">
<a href="{$SITE_URL}/photo/{$albumPhoto.ID}">
<i class="photoThumbnail"
style="background-image:
url("{$albumPhoto.Thumbnail}");"></i>
</a>
</li>
{/foreach}
</ul>
</div>
<div
class="mediaGallerySide">
{if
$media.Total > 8}
<div
class="mediaGalleryBtn goRight"><div
class="relative"><i
class="next"></i></div></div>
{/if}
</div>
</div>
<!-- Gallery Thumbnails -->
<!--
Media -->
<div class="mediaContainer">
<img src="{$media.Source}" />
{if $media.Prev}
<a
href="{$SITE_URL}/photo/{$media.Prev}"
class="getPrev"></a>
{/if}
{if $media.Next}
<a
href="{$SITE_URL}/photo/{$media.Next}"
class="getNext"></a>
{/if}
</div>
<!-- Media -->
<!-- Media Text -->
<div
class="mediaFooter">{$media.Text}</div>
<!-- Media Text -->
<!-- Media Footer
-->
<table class="mediaFooter">
<tr>
<!-- Comments
System -->
<td
class="mediaComments">
<!-- Comments System Header -->
<div class="dataContainer" style="border-bottom: 1px
solid #3c3c3c;">
{if
$userExist}<div class="right"><span
class="uiButtonText addComment"><strong>Add a
Comment</strong></span></div>{/if}
<strong><span class="whoComment">{if
$media.Comments > 0}{$media.Comments}{else}No{/if}</span>
Comments</strong>
</div>
<!-- Comments System Header -->
<!-- Add a Comment -->
<form class="postComment hidden">
<div class="dataContainer postCommentWrapper">
<div class="dataSideWrapper
small"></div>
<div
class="dataSideWrapper ml5">
<img src="{$SITE_URL}/{$userArray.UserAvatarPathMedium}"
/>
</div>
<div class="dataContentWrapper medium ml10">
<div class="commentContent
mb5">
<textarea
class="uiTextArea addComment expand">Write a
comment...</textarea>
</div>
<div
class="commentContent tright">
<input class="uiButton" type="submit"
value="Comment" />
<div class="hidden"><img
src="{$spinner.small}" /></div>
</div>
</div>
</div>
</form>
<!-- Add a Comment -->
{if $media.prevComments >
0}
<!-- View More -->
<div class="viewMore mt10 viewMoreComments"
id="{$media.prevComments}">
<div class="right hidden"><img
src="{$spinner.small}" /></div>
View previous comments
</div>
<!-- View More -->
{/if}
{if
$media.Comments > 0}
<ul
id="streamComments" class="liveFeeds">
{foreach $media.comments as $comment}
{include file='ajax.comments.comment.tpl' method='get'}
{/foreach}
</ul>
{else}
<ul id="streamComments"
class="liveFeeds"></ul>
{/if}
</td>
<!-- Comments System -->
<!-- Side Panel -->
<td
class="mediaSidePanel">
<!-- Statistics -->
<div
class="sectionHeader media">
<strong>Statistics</strong>
</div>
<div
class="sectionContainer">
<div
class="sectionDetails">
<label>Like:</label><span>{$media.Likes}</span>
<span class="uiButtonText whoLikePost {if $media.Likes ==
0}hidden{/if}" id="{if $media.IsWall ==
'N'}{$media.ID}-3-0-{$media.UserID}{else}{$post.PostType}-{$post.PostID}-{$post.UserID}{/if}"
hits="{$media.Likes}">[?]</span><br />
<label>Dislike:</label><span>{$media.Dislikes}</span>
<span class="uiButtonText whoDislikePost {if $media.Dislikes ==
0}hidden{/if}" id="{if $media.IsWall ==
'N'}{$media.ID}-3-0-{$media.UserID}{else}{$post.PostType}-{$post.PostID}-{$post.UserID}{/if}"
hits="{$media.Dislikes}">[?]</span><br />
<label>Comments:</label><span
class="whoComment">{$media.Comments}</span><br
/>
<label>Favourites:</label><span>{$media.Favorits}</span>
<span class="uiButtonText whoFavoritePost {if $media.Favorits ==
0}hidden{/if}" id="{if $media.IsWall ==
'N'}{$media.ID}-3-0-{$media.UserID}{else}{$post.PostType}-{$post.PostID}-{$post.UserID}{/if}"
hits="{$media.Favorits}">[?]</span><br />
<label>Tools:</label>
<!-- Share Button -->
<span class="relative showShareButtons">
<span
class="uiButtonText">Share</span>
<div class="shareButtonsWrapper hidden">
<div
class="shareButtons">
<a class="connect-facebook-vsmall" title="Share this
to your friends"
href="http://www.facebook.com/sharer/sharer.php?u={$SITE_URL}/photo.php/{$media.ID}/"
target="_blank"></a> <a
class="connect-twitter-vsmall" title="Share this to your
followers"
href="http://twitter.com/intent/tweet?status={$SITE_URL}/photo/{$media.ID}/"
target="_blank"></a>
</div>
<div
class="shareButtonsArrow"></div>
</div>
</span>
<!-- Share Button -->
</div>
</div>
<!-- Statistics -->
</td>
<!-- Side Panel -->
</tr>
</table>
<!-- Media Footer -->
</div>
</div>
</div>
<!-- Content
-->
{include file='footer.tpl'}