Просмотр архива Скрипт социальной сети ФЕЙСБУК.

{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}-4-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/videos/{$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
Videos - {$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/videos/{$media.AlbumID}/edit/">Edit
Video</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 $albumVideo}
                      
     <li class="mediaThumbnail {if $media.ID ==
$albumVideo.ID}selected{/if}">
                               
<a href="{$SITE_URL}/video/{$albumVideo.ID}"
class="uiMediaThumb">
                                   
<i class="videoThumbnail small" style="background-image:
url(&quot;{$albumVideo.Thumbnail}&quot;);"></i>
    
                               <i
class="plyrBtn"></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">
   
            {if $media.Type == "youtube"}
                   
<embed width="640" height="390"
flashvars="width=640&amp;height=390" wmode="opaque"
salign="tl" allowscriptaccess="never"
allowfullscreen="true" scale="scale"
quality="high" bgcolor="#000000"
src="http://www.youtube.com/v/{{$media.Source}}?version=3&amp;autohide=1&amp;autoplay=1"
type="application/x-shockwave-flash">
                {elseif
$media.Type == "vimeo"}
                    <iframe
src="http://player.vimeo.com/video/{$media.Source}"
width="640" height="390"
frameborder="0"></iframe>
                {/if}
      
         {if $media.Prev}
                    <a
href="{$SITE_URL}/video/{$media.Prev}"
class="getPrev"></a>
                {/if}
           
    {if $media.Next}
                    <a
href="{$SITE_URL}/video/{$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}-4-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}-4-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}-4-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}/video/{$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}/video/{$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'}