Your IP : 216.73.217.77
<div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div>
<?php if ($wo['story']['story_media'][0]['type'] == 'image') { ?>
<style>
.wo_imagecombo_lbox.story_lightbox .story_image_owner .draggableHelper_story:before, .wo_imagecombo_lbox.story_lightbox .story_image_not_owner .draggableHelper_story:before {background-image: url(<?php echo $wo['story']['story_media'][0]['filename']. "?cache=" . time();?>)}
</style>
<?php } ?>
<div class="lightbox-content post wo_imagecombo_lbox lightpost-<?php echo $wo['story']['id'];?> <?php echo ($wo['story']['is_owner'] || isset($wo['story']['ad'])) ? 'mobi_stor_box' : '' ?> <?php echo (!$wo['story']['is_owner']) ? 'story_width_' : '' ?> story_lightbox" id="post-<?php echo $wo['story']['id'];?>" data-post-id="<?php echo $wo['story']['id'];?>">
<div class="mfp-wrap"><span class="mfp_progress_line_"><span class="width_ load"></span><span></div>
<?php if ($wo['story']['is_owner']) { ?>
<?php }else{ ?>
<div class="wo_story_header">
<div class="wo_stor_h_info">
<div class="user-avatar">
<img src="<?php echo $wo['story']['user_data']['avatar'];?>" alt="">
</div>
<div class="wo_s_h_i_r">
<div class="user-name h5">
<a href="<?php echo $wo['story']['user_data']['url'];?>" data-ajax="?link1=timeline&u=<?php echo $wo['story']['user_data']['username']; ?>"><?php echo $wo['story']['user_data']['name'];?></a>
</div>
<span class="ajax-time" title="<?php echo date('c',$wo['story']['posted']); ?>"><?php echo Wo_Time_Elapsed_String($wo['story']['posted']); ?></span>
</div>
</div>
<div class="wo_stor_h_opts">
<?php if (!$wo['story']['is_owner']) { ?>
<div class="close-lightbox like-story-lightbox <?php echo(Wo_IsReacted($wo['story']['id'],$wo['user']['id'],'story') ? 'active' : '') ?>" data-story-id="<?php echo $wo['story']['id']; ?>">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11Z"></path></svg>
</div>
<div class="close-lightbox like-lightbox">
<a href="javascript:void(0)" onclick="Wo_OpenChatTab(<?php echo $wo['story']['user_id']; ?>,0,0,0,0,<?php echo $wo['story']['id']; ?>);">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z"></path></svg>
</a>
</div>
<ul class="story_reacts_box reactions-box reactions-box-story-container-<?php echo $wo['story']['id']; ?>" data-id="<?php echo $wo['story']['id']; ?>">
<?php if (!empty($wo['reactions_types'])) {
foreach ($wo['reactions_types'] as $key => $value) {
if ($value['status'] == 1) {
?>
<li style="<?php if ($wo['story']['is_owner']) {?> left: 10px; <?php }else{ ?> right: 10px; <?php }?>" class="reaction reaction-<?php echo $value['id'];?>" data-reaction="<?php echo $value['name'];?>" data-reaction-id="<?php echo $value['id'];?>" data-reaction-lang="<?php echo $value['name'];?>" data-post-id="<?php echo $wo['story']['id']; ?>" onclick="Wo_RegisterStoryReaction(this,'<?php echo($value['wowonder_small_icon']) ?>',<?php echo($value['is_html']) ?>);">
<?php if (preg_match("/<[^<]+>/",$value['wowonder_icon'],$m)) {
echo($value['wowonder_icon']);
}
else{ ?>
<img src="<?php echo($value['wowonder_icon']) ?>">
<?php } ?>
</li>
<?php } } } ?>
</ul>
<?php } ?>
<div class="close-lightbox" onclick="Wo_CloseLightbox();">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="margin-top: 0px;width: 24px;height: 24px;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</div>
</div>
</div>
<?php } ?>
<div class="story-img <?php echo ($wo['story']['is_owner']) ? 'story_image_owner' : 'story_image_not_owner' ?> user_story_" id="<?php echo $wo['story']['id'];?>">
<div class="<?php echo isset($wo['story']['ad']) ? 'wo_story_adds' : '' ?> <?php echo isset($wo['story']['ad']) ? 'rads-' . $wo['story']['ad']['bidding'] : '' ?>"
id="<?php echo isset($wo['story']['ad']) ? $wo['story']['ad']['id'] : '' ?>" >
<?php if(isset($wo['story']['ad'])) { ?>
<a href="<?php echo $wo['story']['ad']['url'];?>" class="main" target="_blank">
<?php echo Wo_UrlDomain($wo['story']['ad']['url']); ?>
</a>
<?php } ?>
<div id="draggableHelper" class="draggableHelper_story">
<?php if ($wo['story']['story_media'][0]['type'] == 'image') { ?>
<img src="<?php echo $wo['story']['story_media'][0]['filename']. "?cache=" . time();?>" alt="media" class="">
<?php }else{ ?>
<video class="" preload="auto" autoplay style="width: 100%; height: 100%;" data-story-video="<?php echo $wo['story']['story_media'][0]['id'];?>" id="video_story">
<source src="<?php echo $wo['story']['story_media'][0]['filename'];?>" type='video/mp4'>
<source src="<?php echo $wo['story']['story_media'][0]['filename'];?>" type='video/webm'>
</video>
<?php } ?>
</div>
</div>
<?php //if (!$wo['story']['is_owner']) { ?>
<?php if (!empty($wo['story']['description'])) { ?>
<div class="draggableHelper_story_content"><?php echo $wo['story']['description']; ?></div>
<?php } ?>
<?php //} ?>
<div class="wo_lbox_topbar sun_light_tool">
<span class="lbox_topbar_child white">
<span class="changer" onclick="Get_PreviousStory('<?php echo $wo['story']['id'];?>','<?php echo($wo['story_type']) ?>')">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 17L9.5 12L12 9.5L14.5 7" class="icon_main" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 17L9.5 12L12 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</span>
<span class="changer" onclick="Get_NextStory('<?php echo $wo['story']['id'];?>','<?php echo($wo['story_type']) ?>')">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 7L14.5 12L12 14.5L9.5 17" class="icon_main" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.5 7L14.5 12L12 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</span>
</span>
</div>
</div>
<?php if ($wo['story']['is_owner']) { ?>
<div class="comment-section">
<div class="comment-section-inner">
<div class="wo_story_header">
<div class="wo_stor_h_info">
<div class="user-avatar">
<img src="<?php echo $wo['story']['user_data']['avatar'];?>" alt="">
</div>
<div class="wo_s_h_i_r">
<div class="user-name h5">
<a href="<?php echo $wo['story']['user_data']['url'];?>" data-ajax="?link1=timeline&u=<?php echo $wo['story']['user_data']['username']; ?>"><?php echo $wo['story']['user_data']['name'];?></a>
</div>
<span class="ajax-time" title="<?php echo date('c',$wo['story']['posted']); ?>"><?php echo Wo_Time_Elapsed_String($wo['story']['posted']); ?></span>
</div>
</div>
<div class="wo_stor_h_opts">
<div class="like-stat stat-item post-like-status" style="<?php if ($wo['story']['is_owner']) {?> float:left; <?php }else{ ?> float:right; <?php }?>">
<span class="like-emo post-reactions-icons-<?php echo $wo['story']['id']; ?>">
<?php echo Wo_GetPostReactions($wo['story']['id'],'story');?>
</span>
</div>
<div class="close-lightbox" onclick="Wo_DeleteStatus(<?php echo $wo['story']['id']; ?>)">
<svg width="20" height="20" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 4.30483C5.25 3.86352 5.347 3.42654 5.53545 3.01882C5.72391 2.61111 6.00013 2.24065 6.34835 1.9286C6.69657 1.61655 7.10997 1.36902 7.56494 1.20014C8.01991 1.03126 8.50754 0.944336 9 0.944336C9.49246 0.944336 9.98009 1.03126 10.4351 1.20014C10.89 1.36902 11.3034 1.61655 11.6516 1.9286C11.9999 2.24065 12.2761 2.61111 12.4645 3.01883C12.653 3.42654 12.75 3.86352 12.75 4.30483" class="icon_main" stroke-width="1.5"></path><path d="M1.5 4.30469H16.5M3.16667 4.30469V8.59074C3.16667 9.90327 3.35132 11.2092 3.71512 12.4694C4.21681 14.2073 5.66121 15.5022 7.43189 15.8014L7.56334 15.8236C8.51447 15.9844 9.4855 15.9844 10.4366 15.8236L10.5681 15.8014C12.3388 15.5022 13.7832 14.2073 14.2849 12.4694C14.6487 11.2092 14.8333 9.90326 14.8333 8.59071V4.30469H3.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7.3335 8.44434V11.7777M10.6668 8.44434V11.7777" class="icon_main" stroke-width="1.5" stroke-linecap="round"></path></svg>
</div>
<div class="close-lightbox" onclick="Wo_CloseLightbox();">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="margin-top: 0px;width: 24px;height: 24px;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</div>
</div>
</div>
<div class="clear"></div>
<?php if (isset($wo['story']['ad'])) { ?>
<a href="<?php echo $wo['story']['ad']['url']; ?>" target="_blank">
<div class=""><h2><?php echo $wo['story']['ad']['headline']; ?></h2></div>
</a>
<?php } ?>
<div class="comment-inner-header views_count">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="feather" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3" class="icon_main" stroke-width="2" stroke-linecap="round"/><path d="M22 12C22 14.5 19 20 12 20C5 20 2 14.5 2 12C2 9.5 5 4 12 4C19 4 22 9.5 22 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
<?php echo (!empty($wo['story']['view_count']))?$wo['story']['view_count']:0; ?> <?php echo $wo['lang']['views'];?>
</div>
<div class="clear"></div>
<div class="views_container_">
<?php if (!empty($wo['story']['story_views'])) {
foreach ($wo['story']['story_views'] as $key => $value) { ?>
<div class="story_views_" id="<?php echo $value['id']; ?>">
<div class="story_view_list">
<div class="user-avatar">
<img src="<?php echo $value['avatar'];?>" alt="">
</div>
<div class="user-name">
<span class="user-popover" data-type="user" data-id="<?php echo $value['user_id']; ?>">
<a href="<?php echo $value['url'];?>" data-ajax="?link1=timeline&u=<?php echo $value['username']; ?>"><?php echo $value['name'];?></a>
</span>
<div>
<time><?php echo $value['seenOn'];?></time>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<?php } } ?>
</div>
<?php if (!empty($wo['story']['story_views']) && count($wo['story']['story_views']) > 9) { ?>
<div class="load-more pointer" onclick="Wo_GetMoreStoryViews(<?php echo $wo['story']['id'];?>,this);">
<button class="btn btn-default text-center pointer" id="load_more_friends"><?php echo $wo['lang']['load_more'];?></button>
</div>
<?php } ?>
</div>
<div class="clear"></div>
</div>
<?php } ?>
</div>
<script>
$(document).keydown(function(e) {
if (e.keyCode == 27) {
Wo_CloseLightbox();
}
$(".lighbox.textarea").triggeredAutocomplete({
hidden: '#hidden_inputbox_comment_lighbox',
source: Wo_Ajax_Requests_File() + "?f=mention",
trigger: "@"
});
});
$( ".story-img" ).mouseover(function() {
$( ".changer" ).fadeIn(200);
});
$( ".story-img" ).mouseleave(function() {
$( ".changer" ).fadeOut(200);
});
</script>