<?php
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/report.js?ver=1800"></script>
<script src="images/vienna/jquery.tabs.pack.js" type="text/javascript"></script>
</head>
<body id="forums">
{$header}
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
<tr>
<td valign="top" width="25%">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder2">
<tr>
<td class="thead2">
<div class="userss" id="userss">
<input type="checkbox" id="drop3" />
<label for="drop3" class="dropdown_button3">
<span class="proname" style="font-size:20px;"><strong>{$formattedname}
<i style="font-size: 14px;" class="fa fa-angle-down fa-fw"></i> </strong></span>
<font color="#22242d"><span class="arrow3"></span></font></label>
<ul class="dropdown_content3">
{$myprofile_buddylist}{$myprofile_visitors}{$contact_details}
</ul>
</div>
<script type="text/javascript">
$(document).click(function (e)
{
var container = $(".dropdown_content3");
if ($(e.target).closest('.userss').length === 0)
{
container.fadeOut('slow');
}
});
$('.dropdown_button3').click( function() {
$(".dropdown_content3").fadeToggle('slow');
});
</script>
</td>
</tr>
<tr>
<td class="trow3">
<center><div class="proav">{$avatar}</div></center>
<br />{$tyl_memprofile}
{$reputation}
<span class="smalltext">
{$groupimage}
<br />
<span class="largetext">Join date:</span> {$memregdate}<br />
<span class="largetext">D.O.B:</span> {$membday} {$membdayage}<br />
<span class="largetext">Time:</span> {$localtime}<br />
<div class="border"></div><br />
{$website}
<span class="largetext"><a href="search.php?action=finduserthreads&uid={$uid}"><i style="font-size: 14px;" class="fa fa-bookmark fa-fw"></i></span> View my threads</a><br />
<span class="largetext"><a href="search.php?action=finduser&uid={$uid}"><i style="font-size: 14px;" class="fa fa-bookmark-o fa-fw"></i></span> View my posts</a>
<br />
{$adminoptions}
{$modoptions}{$myprofile_comments}
</td>
</tr>
</table>
</td>
<td> </td>
<td valign="top">
<div id="float_right">{$buddy_options}{$ignore_options}{$report_options}</div><br />
<div class="float_left"><strong><span class="smalltext">{$online_status}</span></strong></div>
<br/>
<div class="backimage">
<div class="navMenu">
<div class="float_left"><span class="smalltext">({$usertitle})</span></div>
<div class="float_right">{$userstars}</div> </div> <br/>
</div>
<div class="set set-1">
<div class="panel panel-1">
<h2>Forum stats</h2>
<p>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder3">
<tr>
<td class=""><div class="largetext">{$lang->lastvisit}</strong></td>
<td class=""><div class="smalltext">{$memlastvisitdate}</div></td>
</tr>
<tr>
<td class=""><div class="largetext">{$lang->total_posts}</strong></td>
<td class=""><div class="smalltext">{$memprofile['postnum']} ({$lang->ppd_percent_total})</div></td>
</tr>
<tr>
<td class=""><div class="largetext">{$lang->total_threads}</strong></td>
<td class=""><div class="smalltext">{$memprofile['threadnum']} ({$lang->tpd_percent_total}) </div></td>
</tr>
<tr>
<td class=""><div class="largetext">{$lang->timeonline}</strong></td>
<td class=""><div class="smalltext">{$timeonline}</div></td>
</tr>
{$referrals}
{$warning_level} <!-- ProfileVisits -->{$profilevisits}<!-- /ProfileVisits -->{$myprofile_comments_stats}
</table>
</p>
</div>
<div class="panel panel-2">
<h2>About me</h2>
<p>{$profilefields}
{$memprofile['thx_details']}</p>
</div>
<div class="panel panel-3">
<h2>Signature</h2>
<p>{$signature}{$memprofile['ougc_awards']}{$arcadeprofile}</p>
</div>
</div>
<script src="images/vienna/mtabs.js"></script>
<script>
$(function() {
$(".set-1").mtabs();
$(".set-2").mtabs({
tab_text_el: ".heading, .head, header",
onTabSelect: function(idx) {
console.log("Selected tab is: " + idx);
},
onReady: function () {
console.log('Set 2 ready!');
}
});
$('.set-1 .panel-1 .btn').on('click', function(event) {
$('.set-1').mtabs('show', 2);
event.preventDefault();
});
$('.set-1 .panel-1 .destroy').on('click', function(event) {
$('.set-1').mtabs('destroy');
event.preventDefault();
});
$('.set-1 .panel-1 .apply').on('click', function(event) {
$('.set-1').mtabs();
event.preventDefault();
});
$('.set-2 .panel-1 .btn').on('click', function(event) {
$('.set-2').mtabs('show', 1);
event.preventDefault();
});
});
</script>
</td>
</tr>
</table> <br />
{$footer}
</body>
</html>